开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用iPhone SDK清除圆角矩形外的角落？

这个问题的答案需要涉及iOS开发、Swift编程语言、UIKit框架等方面。

首先，需要了解如何使用UIKit创建圆角矩形，可以使用UIBezierPath类来实现。可以使用以下代码创建一个圆角矩形：

let maskPath = UIBezierPath(roundedRect: self.bounds, 
                            byRoundingCorners: [.allCorners], 
                            cornerRadii: CGSize(width: 5.0, height: 5.0))

然后，可以使用以下代码将圆角矩形添加到自定义视图上：

self.layer.mask = maskPath.cgPath

接下来，需要使用Core Graphics框架来清除圆角矩形外的角落。可以使用以下代码：

let bounds = CGRect(x: 0, y: 0, width: 100, height: 100)
let path = UIBezierPath(rect: bounds)
path.append(UIBezierPath(rect: CGRect(x: bounds.midX - 5, y: bounds.midY - 5, width: 10, height: 10)))
path.append(UIBezierPath(rect: CGRect(x: bounds.midX + 5, y: bounds.midY + 5, width: 10, height: 10)))

let shape = UIBezierPath(rect: bounds)

let cgPath = CGContext.createPath(using: path)
CGContext.setFillColor(cgPath!, with: CGColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 0.5))
CGContext.fill(bounds)

最后，可以将上述代码整合起来，创建一个自定义视图，将圆角矩形添加到该视图上，并清除圆角矩形外的角落。代码如下：

class RoundedView: UIView {
    override func draw(_ rect: CGRect) {
        let maskPath = UIBezierPath(roundedRect: rect, 
                                    byRoundingCorners: .allCorners, 
                                    cornerRadii: CGSize(width: 5.0, height: 5.0))
        
        self.layer.mask = maskPath.cgPath
        
        let bounds = CGRect(x: 0, y: 0, width: 100, height: 100)
        let path = UIBezierPath(rect: bounds)
        path.append(UIBezierPath(rect: CGRect(x: bounds.midX - 5, y: bounds.midY - 5, width: 10, height: 10)))
        path.append(UIBezierPath(rect: CGRect(x: bounds.midX + 5, y: bounds.midY + 5, width: 10, height: 10)))

        let shape = UIBezierPath(rect: bounds)

        let cgPath = CGContext.createPath(using: path)
        CGContext.setFillColor(cgPath!, with: CGColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 0.5))
        CGContext.fill(bounds)
    }
}

以上代码创建了一个自定义视图，该视图能够绘制一个圆角矩形，并在圆角矩形外的角落处清除填充色。可以将该视图添加到需要绘制圆角矩形的位置上，即可看到效果。

相关搜索:如何使用iphone sdk在iphone deveice中检查应用程序安装的应用程序如何使用iPhone SDK中的标签栏控制器设置视图插座如何使用iPhone SDK实现像Photo应用程序的可滑动图像堆栈？如何在Xcode中创建一个iPhone项目,在项目创建时指定我想要使用的SDK版本？怎么防止域名仲裁域名个人备案教程域名规则生成查询邮箱公司域名登陆已备案域名10元已购买域名和备案

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )

如果盒子模型高度 = 宽度 , 并且圆角矩形的圆角半径为 50% 或者高度/宽度的一半 , 则该圆角矩形表现就是一个圆 ;

02

Android应用图标微技巧，8.0系统中应用图标的适配

版权声明：本文出自郭霖的博客，转载必须注明出处。 https://blog.csdn.net/sinyu890807/article/details/79417483

02

[BOT] 一种android中实现“圆角矩形”的方法

内容简介文章介绍ImageView（方法也可以应用到其它View）圆角矩形（包括圆形）的一种实现方式，四个角可以分别指定为圆角。思路是利用“Xfermode + Path”来进行Bitmap的裁剪。

07

AI中文版下载，Illustrator(Ai)各版本软件下载及安装教程ai干货

Adobe Illustrator 2021 mac非活动版是一款ai mac矢量图形设计软件。illustrator 2021 MAC Inactive Edition广泛应用于平面设计、标志设计、图标设计、书籍插图、包装设计、印刷、广告设计和插画设计。Illustrator 2021 mac破解版提高了软件的性能，大大提高了运行效率，缩短了Illustrator 2021 mac破解版的启动时间，加快了文件打开速度。可以帮助设计师提高工作效率。Illustrator 2021 mac免激活版支持画布100倍放大，可以在宽敞的画布上创建可以轻松缩放的大尺寸图形，例如，更方便用于公交车广告和户外广告牌。

02

canvas学习总结六：绘制矩形

版权声明：本文为原创文章发布于公众号：Modeng , 你可以随意转载但请务必注明出处！！！ https://blog.csdn.net/qq_32135281/article/details/76445615

01

超级实用：小而精，优而美的开源库，开年第一篇有意思的分享

昨天是元旦，新年的第一天，估计细心的读者可能发现了，我昨天发起了一个抽奖送书活动，而且发布的时间正好是1月1号11点11分。这可不是一个巧合，这是我故意为之，是希望大家能够让自己的新年计划从一而终，坚持下去。好了，客套话，拉近感情的话我就不多说了。开始今天的分享。我们在开发过程中会遇到很多这样的情况，就是：很多开发模块或者技术实现很常用，开发起来技术也不难，但是过程却是很繁琐，很啰嗦，很多时候粘贴复制的能够让你烦气，感觉很没意思。这时候，聪明的开发者就会把这个东西封装起来，等到下次用的时候，随手就用，非常

06

【例说Arm-2D界面设计】任意尺寸的圆角矩形（上）

在上篇文章《【例说Arm-2D界面设计】做剪影风也太简单了8！》中我们介绍了使用透明蒙版的方法来实现“性冷淡风”图标显示的方法。其中，我们提到了使用透明蒙版的三个好处：

02

【怕啥弄啥系列】Canvas - 基础图形绘制

HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.

03

【CSS】CSS 总结 ⑤ ( CSS 盒子边框 | CSS 盒子模型内边距 | CSS 盒子模型外边距 | CSS 盒子模型圆角边框 | CSS 盒子模型阴影 ) ★

HTML 的一个布局可以看做一个矩形的盒子模型 , 该盒子模型是一个用于容纳标签元素的容器 ;

01

条码打印软件里绘制圆角矩形

条码打印软件可以绘制多种图形，比如三角形、矩形、圆角矩形、圆形、菱形和五角星等。使用者就可以根据自己的需求在软件中设计出符合自己需要的标签。下面就给大家演示绘制圆角矩形的方法。

04

Qt编写自定义控件42-开关按钮

从2010年进入互联网+智能手机时代以来，各种各样的APP大行其道，手机上面的APP有很多流行的元素，开关按钮个人非常喜欢，手机QQ、360卫士、金山毒霸等，都有很多开关控制一些操作，在Qt widgets应用项目上，在项目中应用些类似的开关按钮，估计也会为项目增添不少新鲜感。

01

OK（温健）：PPT关键词图标原创鼠绘

我们在设计PPT时，经常会用到图标。除了直接在网上各种素材网站搜索、通过口袋动画PA插件和iSlide插件的图标库下载、平时自己搜集的图标等途径之外，也会遇到实在找不到合适图标的情况。本次我们分享一个示例，简单了解一下在PPT中如何自己原创图标。PS：示例中选择了商业PPT可能常用的三个内容关键词：简介、回顾、展望

01

flutter Container容器实现圆角边框

本文实例为大家分享了flutter Container容器实现圆角边框的具体代码，供大家参考，具体内容如下

01

OK（温健）：PPT等距风格（2.5D）设计示例

2.5D等距轴测设计风格出现已经有不短时间了，很多人在群里问我这种风格该怎么做。那么本次我就分享一个PPT中简单的2.5D设计小示例，供感兴趣的朋友们练手参考用

01

Excel图表学习51：根据选择高亮显示图表系列数据点

本文分享一个动态图表示例，效果如下图1所示。当按下工作表中不同的按钮时，图表会自动更新，高亮显示相应数据系列的数据点。

02

PS如何制作圆角矩形Logo

访问了很多个人网站都使用了圆角矩形Logo和favicon图标，挺好看的很喜欢这种风格，应该如何设计呢？站长在此跟大家分享下如何通过Photoshop设计圆角矩形Logo

02

基于HT for Web矢量实现HTML5文件上传进度条

09

Android自定义控件：一款多特效的智能loadingView

首先在view中定义个属性：private RectF rectf = new RectF();//可以理解为，装载控件按钮的区域

00

【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 )

设置图片自适应 : 设置的图片可能大于或小于图片容器 , 设置其宽度填充 100% 父容器 , 可以保证图片填充满父容器 ;

01

玩转 CSS Border-Image

读到书中介绍border-radius的内容时，提到了传说中的九宫格技术，其相关介绍只有可怜的不到一页。九宫格技术所使用的 CSS 属性就是我们今天的主角border-image。虽然这一技术确如书中所说，很少被使用了。但是歪马突然想起自己曾经为了实现某个效果折腾了很久，而这刚好适合用border-image来实现。

02

Android开发之圆角矩形创建工具RoundRect类定义与用法分析

本文实例讲述了Android开发之圆角矩形创建工具RoundRect类。分享给大家供大家参考，具体如下：

01

Android知识总结——Path常用方法解析 - 简书

前言：开发过程中很容易忘记一些API的使用方法，网上搜索或者在源码里找也很难短时间内筛选出自己需要的，遂自己将这些知识总结一番

03

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件

02

Android自定义控件：一款多特效的智能loadingView

画图首先是onDraw方法（我会把圆代码写上，一步一步剖析）：首先在view中定义个属性：private RectF rectf = new RectF();//可以理解为，装载控件按钮的区域

04

HTML5矢量实现文件上传进度条

08

Android自定义控件之数字显示

需求 1.数字为1位,显示圆形 2.数字为2位图形拉伸，左右各半圆 3.数字大于999，显示999+ 4.自定义文字颜色，自定义背景色效果(好吧，看起来挺low的) 本身并不复杂，不过

02

VBA技巧：让代码识别工作表中的形状

Q：我在工作表中放置有一些形状，例如圆形、矩形等，我想当我在工作表中使用鼠标单击这些形状时能够根据单击的形状有不同的操作，该如何实现？我想在一个过程中实现，而不是每个形状关联不同的过程。

01

Android实现仿iOS图标下载View动画效果

因为时间比较紧张，8 天的时间完成环信客服模块的接入，就直接用了环信提供的 UI 控件，但是一些细节的部分， UI 还是会给出设计图，按照设计图完成最终效果。

00

HTML5矢量实现文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件

04

Android实现自定义ImageView的圆角矩形图片效果

android中的ImageView只能显示矩形的图片，这样一来不能满足我们其他的需求，比如要显示圆角矩形的图片，这个时候，我们就需要自定义ImageView了，其原理就是首先获取到图片的Bitmap，然后进行裁剪对应的圆角矩形的bitmap，然后在onDraw（）进行绘制圆角矩形图片输出。

02

使用OpenGL实现圆角效果

圆角因为其平滑的四边而容易将用户的视线过渡到图形中心，直角矩形因为尖锐的特性导致人眼在图形识别上容易发散

01

基本的导航条的制作

一想到导航菜单就会想到用 ul li无序列表来制作。因为他的语义非常接近条目性的内容。

02

如何制作渐变色图形

一提起标签，大多数人都会想到黑白色的配色，其实现在越来越多的标签都很有设计感和个性化，即使是一些传统的行业，也都不再拘泥于黑白标签了，那么这时候就是挑战条码软件的设计能力了，如何将标签设计得更加美观，是用户们更重视的。下面小编就向大家介绍如何在条码标签软件中制作渐变色图形。

02

PPT手绘利器——布尔运算

今天给大家介绍PPT里一个隐藏的强大功能——布尔运算！布尔运算 ▽ 别被名字吓着了其实就是形状与形状之间的交、并、补运算高中时数学课上都学过集合中的交集、并集、补集这里是不同形状之间的交、并、补操作通常在选中两个形状之后才会显示布尔运算的菜单可能大部分人都不怎么熟悉如果你的PPT中没有找到这些功能需要手动调用（还不会调用功能菜单的参考12月22日推送：DIY工具栏和菜单）至于它能做什么情呢毫不夸张的说一句只有你你想不到没有它做不到最近设计领域流行的扁平化图标、扁平化人物它都可

【Quick BI VS Power BI】（二）

Quick BI（以下简称Qbi）做数据分析有5个模块：仪表板、电子表格、数据大屏、即席分析和自主取数。其中仪表板和即席分析比较接近于Power BI（以下简称Pbi）制作的报告。本文的比较对象，主要指Qbi的仪表板和Pbi的报告。

01

如何制作精油分类标签

如果提到精油，相信大家都不会感到陌生，精油是天然香料的一种，它存在于植物的油腺或腺毛中，也存在于树脂中。很多精油爱好者平时会购置储备很多种精油，那如何给精油做个分类，方便拿取使用呢？其实给精油制作一个分类标签就可以了。下面我们就使用条码软件来制作精油分类标签。

01

Android实现带描边的圆角图片

打开MainActivity，在文件中创建名为MyView的内部类，继承android.view.View类，并添加构造方法和重写onDraw(Canvas canvas)方法,在里面进行作图：

01

Android 自定义上面圆角下面直角的ImageView

版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/48165143

04

Android样式的开发:layer-list篇

上图Tab的背景效果，和带阴影的圆角矩形，是怎么实现的呢？大部分的人会让美工切图，用点九图做背景。但是，如果只提供一张图，会怎么样呢？比如，中间的Tab背景红色底线的像素高度为4px，那么，在mdpi设备上显示会符合预期，在hdpi设备上显示时会细了一点点，在xhdpi设备上显示时会再细一点，在xxhdpi上显示时又细了，在xxxhdpi上显示时则更细了。因为在xxxhdpi上，1dp=4px，所以，4px的图，在xxxhdpi设备上显示时，就只剩下1dp了。所以，为了适配好各种分辨率，必须提供相应的多套图片。如果去查看android的res源码资源，也会发现，像这种Tab的背景点九图，也根据不同分辨率尺寸提供了不同尺寸的点九图片。

01

自定义View实现横向的双水波纹进度条

网上垂直的水波纹进度条很多，但横向的很少，将垂直的水波纹改为水平的还遇到了些麻烦，现在完善后发布出来，希望遇到的人少躺点坑。

02

项目需求技术篇-流程图绘制，实例演练！

流程图常见的四大元素：圆角矩形、矩形、菱形和箭头。圆角矩形：开始和结束矩形：执行过程菱形：判断箭头：指示下一步流程图：就是描述一个流程，跟这个流程相关的从开始到结束的所有步骤。

03

Android XML shape 标签使用详解（apk瘦身，减少内存好帮手）

一个android开发者肯定懂得使用 xml 定义一个 Drawable，比如定义一个 rect 或者 circle 作为一个 View 的背景。但是，也肯定也有人在能使用 Drawable 的地方选择使用一张 png 图（或者是一张 .9 图）作为 View 的背景，因为后者把问题交给 UI 设计人员去了，省事。当然，使用图片这种在项目中也很常见，如果不考虑 apk 大小，内存占用问题的话，是没有任何问题的。如果要给 apk 瘦身，减少内存占用，那么本文 Drawable 的价值就提现出来了。首先提出几个问题？

00

Android XML shape 标签使用详解（apk瘦身，减少内存好帮手）

07

Qt自绘系列-聊天气泡框

❝聊天气泡框是Qt自绘系列的第五篇，实现了三种不同的聊天气泡框，分别是：「微信气泡框」，「简约气泡框」和「对话气泡框」。❞ 📷 对话内容和气泡框均为自绘实现概要微信气泡框主要由一个圆角矩形和一个三角形组成。根据对话的方向，放置不同方向位置的三角形。 📷 简约气泡框主要由一个圆角矩形和一个矩形组成。根据对话的方向，填充左上角矩形或右上角矩形。 📷 对话气泡框主要由多段二次贝尔曲线组成。曲线由顶点坐标和控制点坐标组成，通过改变控制点坐标就可以改变曲线的形状。 📷 系列相关： 1. Qt自绘系列-一堆甜甜圈

01

给家里的垃圾桶做个分类标贴

现在所有的垃圾都需要垃圾分类，不管是小区里还是在公共场所，我们都可以看到不同颜色的垃圾桶，上面粘贴着标签，标签上会有一些图片的标注，这些标注可以起到提示作用，方便大家分类投放。垃圾分类需要我们在源头就要控制好，所以家里也需要准备多个垃圾桶，在垃圾桶上粘贴上分类标签就可以了，下面我们就看看如何制作这样的标签吧。

01

自定义View实现横向的双水波纹进度条

网上垂直的水波纹进度条很多，但横向的很少，将垂直的水波纹改为水平的还遇到了些麻烦，现在完善后发布出来，希望遇到的人少躺点坑。

02

Android自定义动画酷炫的提交按钮

http://www.jianshu.com/u/51d1fd73fb72

03

轻松生成小程序分享海报的神器来了

小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序越来越火爆，基于微信的各类小程序优秀项目真实层出不穷，小程序商城更是成为了企业商家的标配，

00

KEGG pathway 数据库

pathway 建立在ko 数据库的基础上，基于我们对生命活动中的分子相互作用和化学物质的反应的认识，构建了复杂的调控网络，采用通路图的形式，进行展示。

01

大数据可视化界面设计—城市计算

项目背景城市计算是一款利用定位、地图、用户画像的完美结合，为客户提供指定区域的实时人流分布和人群洞察服务的产品。比如某个旅游景区，需要知道每天景区客流量多少，男女比例，以及哪些设施人流多哪些人流少，景区工作人员可以依据这些数据去做优化改进，这类数据展示与数据分析的项目就可以采用城市计算大数据可视化产品产品目标客户：政府机关、旅游局、交通机构等用户洞察通过产品侧前期的用户调研了解到用户更希望看到的是一款炫酷、吸引眼球、数据图表清晰的界面设计，与产品沟通决定尝试采用深色界面设定整体视觉风格。深色在

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭