Swift UIView绘制对角线单边和圆角_如何在swift中为UIView添加选定的圆角半径和阴影 - 腾讯云开发者社区

---- 最近由于我们的UI设计钟情于圆角搞得我很方，各种圆角渐变，于是就有了下面这篇给UICollectionView的组设置圆角和背景色的一个小封装，拿出来和大家分享一下，里面的具体的一下细节都在代码注释里面...既然是要设置圆角和背景，那我们首先需要考虑的是在哪里设置，直接设置什么属性肯定是不行的，要不然那我就是疯了写这个。?...我们都应该知道UICollectionView我们要想自定义一些东西或者布局几乎都是通过Layout下手的，那我们要给它设置组背景色和组圆角是不是也在这里进行呢？...// MARK: - set property extension PPCollectionViewFlowLayout{ /// 给collectionView设置背景和圆角...append(attribute) } } } NOTE：仔细看代码可以看到圆角和背景色的属性都是设置给PPLayoutAttributes，这玩意又是什么呢？

3.5K5 1

百思不得姐数据挖掘第二篇

视频头部图片我们接下来就是绘制视频载体的图片了，这个还是没什么难度的。...我们绘制完成保存文件为BVideoBodyTemplate.swift我们同样在BFirstVideoViewController类新建一个UIImageView对象为videoBodyImageView...本想想用@IBDesignable @IBInspectable两个属性声明圆角可以在StoryBoard修改的,但是一直不成功，查了一下资料只支持子类，不支持扩展。...下面是扩展的代码如下： import UIKit @IBDesignable extension UIView { @IBInspectable var cornerRadius:CGFloat...accessButton.layer.masksToBounds = true accessButton.layer.cornerRadius = 5 看着圆角有点小，我们修改为15。

5751 0

您找到你想要的搜索结果了吗？

是的

没有找到

iOS动画系列之六：利用CABasic Animation完成带动画特效的登录界面1. 画风突变的笑脸2. 心跳3. iOS实践：实现一个带动效的登录界面

CABasic Animation成果展示.gif 源代码可以在这里下载，里面有OC和Swift两版。...https://git.oschina.net/atypical/CABasic-Animation.git iOS动画系列之CABasic-Animation（OC和Swift两版） 1....咱们使用的都是UIView提供的动画方法。 2，PhoneNumber 和Pin 这两个输入框是平移动画。 3，登录按钮是通过阻尼动画实现的闪动。...3，修改了各个边框的圆角。如果有大量大量的圆角修改，请不要直接通过这种方式，会消耗一定的性能。就几个点缀一下，当然是怎么方便怎么来啦。 4，在登录失败交互的时候记得关闭、打开交互效果。...包含了OC和Swift两种源代码(下) 第三篇：iOS动画系列之三：Core Animation。介绍了Core Animation的常用属性和方法。第四篇：CABasic Animation。

1.5K6 0

iOS从Xib中设置样式

项目中找文件有时候想搜索一个文件，常规的做法是鼠标点击左下角的搜索框，再输入文字，这太慢了，快捷键是：Cmd + Option + J .h和.m切换我在.h和.m直接切换从来不用触摸板和鼠标,因为...self.layer.cornerRadius = cornerRadius; self.layer.masksToBounds = cornerRadius > 0; } @end Swift...下的实现方式(扩展) UIView+Border&CornerRadius.swift import Foundation import UIKit extension UIView {...layer.borderWidth = newValue / UIScreen.main.scale } } } } 这样你所有的View都可以设置Border和圆角了...---- 如果你不想让每个View都这样，你可以使用继承的形式，不过像圆角这类的属性还是以扩展的方式比较好下面说一下继承的方式 OC下的实现方式(继承) UIView+Border&CornerRadius.h

2.3K2 0

在 Swift 中使用 IBInspectable前言正文结语

taylor swift 前言通过 IB 设置控件的属性非常的方便。但是缺点也很明显，那就是有一些属性没有暴露在 IB 的设置面板中。...关于在 OC 中使用 IBInspectable 可以看一下我的这篇文章正文在项目中最常遇到的情况是为 view 设置圆角、描边，以及为文本控件添加本地化字符串。...圆角、描边先来看看设置圆角、描边 extension UIView { @IBInspectable var cornerRadius: CGFloat { get {...本地化字符串本地化字符串的解决方法和上面的添加圆角一样 extension UILabel { @IBInspectable var localizedKey: String?...参考《再看关于 Storyboard 的一些争论》《@IBDesignable and @IBInspectable in Swift 3》

8464 0

《Motion Design for iOS》（十七）

让我们先添加一个简单的UIView对象到屏幕上并设置它的圆角。我们要把它添加到我们的主窗口上时因为它是一个快速的例子，但在真实的app界面中你需要添加到管理当前界面的视图控制器中。...对象并设置了它的框架来定义它在屏幕上的的X和Y坐标，以及它的宽和高，然后将其添加到屏幕中。...如我前面所说，要让一个视图的角变为圆角，你需要获取它的layer，所以我们设置它的layer.cornerRadius值为50，这是宽度的一半。...这里是和上面一样的功能，但是是Swift而不是Objective-C写的。你可以打开Balls In Swift Xcode工程导出这个例子的Swift版本。...这里是Swift下同样的代码： UIView.animateWithDuration(0.5, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut

9382 0

iOS开发常用之网络

SubtleVolume.swift - 更隐蔽的系统音量替代指示器。 InkKit.swift - 该类库帮助开发者绘制简单图形更容易。...HYBImageCliped - 可给任意继承UIView的控件添加任意多个圆角，可根据颜色生成图片且可带任意圆角，给UIButton设置不同状态下的图片且可带任意圆角，给UIImageView设置任意图片...SwiftSVG - 支持多种接口（String，NS / UIBezierPath，CAShapeLayer和NS / UIView）绘制SVG类库。...JMRoundedCorner - UIView设置不触发离屏渲染的圆角！ JMRoundedCornerSwift - swift版本：UIView设置不触发离屏渲染的圆角！...CardsAnimationDemo - swift，“使用UICollectionView实现的一个卡片动画”不是直接操作所有UIView和CALayer的transform3D属性来实现整个效果的

23.5K1 0

iOS学习——核心动画之Layer基础

我们可以通过操作CALayer对象，可以很方便地调整UIView的一些外观属性，可以给UIView设置阴影,圆角,边框等等... 2、如何操作layer改变UIView外观？　　...UIImageView中是UIView的主layer上添加了一个次layer（用来绘制contents），我们设置边框的是主layer，但是次layer在上变，不会有任何的影响，所以当我们调用切割语句的时候...在明白要怎么选择之前，我们先了解一下UIView和layer的不同点：在iOS中看的见，摸得着的都是UIView，例如一个按钮，UITextField，UILable等等，都是UIView UIView...，先去调用drawRect方法，将要绘制的东西绘制到图层上，然后拷贝图层，完成了UIView的显示 UIView只有交互的功能，没有显示的功能 CALayer只要显示的功能，没有交互的功能 UIView...10.1 搭建界面　　界面上时针、分针、秒针不需要与用户进行交互，所以都可以使用layer方式来做，具体时间可以用用一张圆形图片来显示，然后在这个imageView的layer中进行时针、分针和秒针的绘制

1.5K6 1

iOS-圆角、边框、阴影

当设置成YES时，图层里面所有东西都会被截取边框边框需要设置layer的两个属性，borderWidth和borderColor，并且边框是沿着图层bounds绘制，同时包含图层的角 borderWidth...圆角+阴影从上面我们可以得出，因为对裁剪属性不同需求，在一个view上，圆角和阴影一般是不可并存的，那么我们需要怎么办呢？...阴影是通过里面的飞机来计算所以，我们圆角加阴影的实现方案就出来了，我们可以用两个视图来实现，一个只画阴影的空的外图层，和一个经过裁剪的内图层，这样外图层的阴影会根据裁剪过后的内图层来计算，这样看起来就即有阴影又有圆角了...UIView *(^ClerVisual) (void); @interface UIView (Animation) // 圆角 @property(nonatomic, strong, readonly...，conrnerBounds就不用传了下面再来一个具体的用法： // 圆角+边框+阴影 UIView *view = [[UIView alloc] initWithFrame:CGRectMake

2.5K5 0

iOS面试招人分享

7.layer 绘制图形，layer的锚点，如何确定点击到layer UIImageView加圆角 view,系统如何寻找到需要响应用户操作的那个Responder 8.一个文字轮播，上下滚动，...会swift吗？...7.layer 绘制图形，layer的锚点，如何确定点击到layer UIImageView加圆角 view,系统如何寻找到需要响应用户操作的那个Responder 8.一个文字轮播，上下滚动，...会swift吗？有看博客，写博客吗 10.讲下你工作中遇到的一些问题和如何解决它们的，讲下你的优点 1.第一题其实是没有任何问题的，这道题考的其实是开发者对代码的掌控程度，信心。...UIImageView加圆角是为了性能，因为如果用layer来做，触发离屏渲染，图形少性能可能看不出差别，但图形一多，性能差别就出来了，关于UIImageView加圆角提升性能不懂可以查查.. 8.第8

9036 0

iOS OC swift 自定义 popover 泡泡

环境： Xcode：Xcode 8.2 Swift：swift3+ git 地址：https://github.com/TieShanWang/KKPopover pod 集成：pod 'KKPopover...' 【注意】pod 版本，swift 3 支持，以 3....+开头，同理 swift4 以 4.+ 开头首先先看效果： ?...防止内容覆盖圆角 targetSize: CGSize /// 需要展示内容的大小，此字段一定需要重新设置 /// 并且宽高大小加上 minScreenEdg contentInset 不能大于屏幕宽高...func showInView(view: UIView?

2.6K7 0

iOS中离屏渲染触发机制iOS中离屏渲染触发机制

我们发现设置cornerRadius大于0时，只为layer的backgroundColor和border设置圆角；而不会对layer的contents设置圆角，除非同时设置了layer.masksToBounds...为true或者UIView的clipsToBounds属性。...需要在额外的内存中完成多图层组合绘制工作 GPU中的离屏渲染现在我对上图中增加一个圆角，而上图是由3个图层组成的，且图层渲染到画布后就会被销毁，导致GPU没办法一次性拿到所有图层来进行圆角切割....当然还有其他方法设置圆角但不会触发离屏渲染UIBezierPath。 ? UIBezierPath会涉及到CoreGraphics，在渲染流程中负责图层的绘制。...可知使用了UIBezierPath在每一个单图层绘制的计算中就已经处理了每个图层的圆角，这时画在画布上的图层就已经是圆角了，估避免了离屏渲染。 2.

1.7K3 0

CALayer 图层概念二、CALayer属性二、方法

UIView负责监听和相应事件.UIView是更高层的封装在 iOS 中,你能看得见,摸得着的东西基本上都是UIView.比如一个按钮,一个文本标签,一个文本输入框, 一个图标等.这些都是UIView....当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView得显示.换句话说,UIView...，圆角矩形，layer剪裁设置圆角半径 redView.layer.cornerRadius = 125; 如果控件有两层及以上就需要下面这个属性进行遮盖 redView.layer.masksToBounds...= YES; 已知控件label有两层，imageView，Button，UIView默认就一层，直接设置圆角就可以裁掉，但是各控件加了图片就会变成两层，依然需要masksToBounds属性；...此处可以和UIView的clipToBounds来比较记忆（clipToBounds为yes会使其上的内容包括子视图不能超出边界）控件截图裁剪的三种方法：给layer设置圆角半径layer.cornerRadius

1.4K7 0

iOS 渲染原理解析

CALayer 与 UIView 的关系 UIView 作为最常用的视图控件，和 CALayer 也有着千丝万缕的联系，那么两者之间到底是个什么关系，他们有什么差异？...举几个例子：相同的层级结构：我们对 UIView 的层级结构非常熟悉，由于每个 UIView 都对应 CALayer 负责页面的绘制，所以 CALayer 也具有相应的层级结构。...假设我们需要绘制一个三层的 sublayer，不设置裁剪和圆角，那么整个绘制过程就如下图所示： [172743404fb1773a?...【UIBezierPath】用贝塞尔曲线绘制闭合带圆角的矩形，在上下文中设置只有内部可见，再将不带圆角的 layer 渲染成图片，添加到贝塞尔矩形中。...UIView 和 CALayer 是什么关系？有什么区别？为什么会同时有 UIView 和 CALayer，能否合成一个？渲染流水线中，CPU 会负责哪些任务？离屏渲染为什么会有效率问题？

2K5 0

iOS学习——Quartz2D学习（1）

他是一个二维的绘图引擎,同时支持iOS和Mac系统 2、Quartz2D能完成的工作　　画基本线条,绘制文字,图片,截图,自定义UIView. 3、Quartz2D在开发中的价值　　当我们的控件样式极其复杂时...首先得要有上下文,有了上下文才能决定把绘制的东西显示到哪个地方去.CGContextRef ctx = UIGraphicsGetCurrentContext(); 其次就是这个上下文必须得和View...相关联.才能将内容绘制到View上面.在DrawRect方法方法里步骤: 1.要先自定定UIView 2.实现DrawRect方法 3.在DrawRect方法中取得跟View相关联的上下文...在调用这些方法之前，我们要进行一些其他的任务去确保正确的绘制path，以及path的设置。使用UIColor类的方法去stroke和fill想要的颜色。...使用stroke和fill方法进行渲染时，不需要我们手动去获取上下文了，这两个方法会自定获取view的上下文，然后在该view上绘制渲染path对应的路径，stroke是绘制线，fill是填充path对应的封闭区域

1.1K2 0

UIView和CALayer

UIView和CALayer都继承自NSObjet。继承结构 UIView的继承结构为: UIResponder : NSObject。...CALayer作为一个低级的，可以承载绘制内容的底层对象出现在该框架中。 CALayer是用来绘制内容的，对内容进行动画处理依赖与UIView来进行显示，不能处理用户事件。...通过操作这个CALayer对象，可以很方便的调整UIView的一些界面属性，比如：阴影，圆角大小，旋转等等。...UIView侧重于对显示内容的管理，CALayer侧重于对内容的绘制。 UIView和CALayer是相互依赖的关系。...UIView依赖与CALayer提供的内容，CALayer依赖UIView提供的容器来显示绘制的内容。

9501 0

Xib、Nib、Storyboard下修改控件边框颜色、大小、圆角

问题：今天有一个页面有很多uibutton，所以就用xib搭了界面，然后问题来了，如何在xib下修改控件的边框颜色和大小、圆角？...我之前知道利用IB面板下的“UserDefined Runtime Attributes”（如下图），然后问题来了，设置圆角可以成功设置，但是设置uibutton的边框颜色不行。...borderIBColor { return[UIColor colorWithCGColor:self.borderColor]; } @end 自定义的时候要注意borderIBColor属性的setter和getter...方法的内容不要错了，然后可以完美运行扩展：在swift 2.0可以用一下方法（我没有试） import Foundation extension CALayer{ //解决IB中runtime attribute...color.CGColor; } get{ returnUIColor(CGColor:self.borderColor) } } } 最后感谢大神们：Is it possible to set UIView

2.1K2 0

UI渲染回顾简单笔记

UI渲染的简单过程： CPU，GPU，显示器协同工作，CPU 中计算显示内容，比如视图的创建、布局计算、图片解码、文本绘制等，然后将计算结果提交给GPU，由 GPU 进行变换、合成、渲染。...当在操作 UI 时，比如改变了 Frame、更新了 UIView/CALayer 的层次时，或者手动调用了 UIView/CALayer 的 setNeedsLayout/setNeedsDisplay...方法后，这个 UIView/CALayer 就被标记为待处理，并被提交到一个全局的容器去。...当Oberver监听的事件到来时，回调执行函数中会遍历所有待处理的UIView/CAlayer 以执行实际的绘制和调整，并更新 UI 界面。...避免使用圆角、阴影、遮罩等属性。

5538 0

UIImageView圆角，教你远离cornerRadius

那如何高效的为UIImageView创建圆角？修改image为圆角图片图片进行了切角处理后，将得到的含圆角UIImage通过setImage传给了UIImageView。...dispatch_get_main_queue(), ^{ self.layer.contents = processedImageRef; }); }); } 圆角路径直接用贝塞尔曲线绘制...，并且还有个意想不到的效果是可以选择哪几个角有圆角效果。...延伸：如何高效的为UIView创建圆角？做法的原理是手动画出圆角的image，在UIView上增加一层UIImageView，将image赋值给UIImageView。...当然，简单的做法是设计的美工自己做一张带有圆角效果的图片，根据大小拉伸。这样的一个好处是以防美工随意更改圆角的角度?

2.1K4 0

iOS 优化界面流畅的技巧

当视图层次调整时，UIView、CALayer 之间会出现很多方法调用与通知，所以在优化性能时，应该尽量避免调整视图层次、添加和移除视图。...常见的文本控件（UILabel、UITextView 等），其排版和绘制都是在主线程进行的，当显示大量文本时，CPU 的压力会非常大。...图像的绘制图像的绘制通常是指用那些以 CG 开头的方法把图像绘制到画布中，然后从画布创建图片并显示这样一个过程。这个最常见的地方就是 [UIView drawRect:] 里面了。...对于只需要圆角的某些场合，也可以用一张已经绘制好的圆角图片覆盖到原本视图上面来模拟相同的视觉效果。最彻底的解决办法，就是把需要显示的图形在后台线程绘制为图片，避免使用圆角、阴影、遮罩等属性。...YYAsyncLayer 是 CALayer 的子类，当它需要显示内容（比如调用了 [layer setNeedDisplay]）时，它会向 delegate，也就是 UIView 请求一个异步绘制的任务

1.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

给UICollectionView设置组背景和组圆角-Swift

百思不得姐数据挖掘第二篇

iOS动画系列之六：利用CABasic Animation完成带动画特效的登录界面1. 画风突变的笑脸2. 心跳3. iOS实践：实现一个带动效的登录界面

iOS从Xib中设置样式

在 Swift 中使用 IBInspectable前言正文结语

《Motion Design for iOS》（十七）

iOS开发常用之网络

iOS学习——核心动画之Layer基础

iOS-圆角、边框、阴影

iOS面试招人分享

iOS OC swift 自定义 popover 泡泡

iOS中离屏渲染触发机制iOS中离屏渲染触发机制

CALayer 图层概念二、CALayer属性二、方法

iOS 渲染原理解析

iOS学习——Quartz2D学习（1）

UIView和CALayer

Xib、Nib、Storyboard下修改控件边框颜色、大小、圆角

UI渲染回顾简单笔记

UIImageView圆角，教你远离cornerRadius

iOS 优化界面流畅的技巧

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐