iOS 使用纯代码或xib创建圆角视图
尊重原创 转自:http://www.jianshu.com/p/80f1fd3f63a0
引言:
在我们日常开发中, 很多中情况下我们需要设置UIView或者UIImageView的圆角以及边框等,例如个人中心的用户头像等等。
例如 简书:
简书-我的界面我们通常的做法是:
- 使用纯代码。
- 在xib下设置属性。
纯代码创建圆角视图:
代码如下:
UIView *view = [[UIView alloc] initWithFrame:(CGRectMake(50, 100, 200, 200))];view.backgroundColor = [UIColor brownColor];// 设置圆角的角度(当view的宽和高相等, 且 圆角角度为宽的一半时 为圆形)view.layer.cornerRadius = 20;// 设置允许裁剪view.layer.masksToBounds = YES;// 设置边框view.layer.borderWidth = 5;// 设置边框颜色view.layer.borderColor = [[UIColor redColor] CGColor];[self.view addSubview:view];
创建imageView 和 view 的方式是一样的, 在这里只演示view的创建。
xib下创建圆角视图:
正常情况下, 我们在xib中使用 keyPath 来设置圆角。如图:
这里虽然设置了, 但是我们并不能立即在xib中看到设置后圆角效果的, 只有在程序运行后才会看到效果。 所以我们要使用 IB_DESIGNABLE
和 IBInspectable
来实现实时查看圆角效果。
IB_DESIGNABLE:
这是一个宏定义, 功能就是让XCode动态渲染出该类图形化界面。
使用方法: 在自定义的view的.h文件中 添加该 宏定义。
IBInspectable:
IBInspectable 宏定义的功能是可以可视化显示自定义view中相关的属性。
如何实现实时查看圆角效果:
1.自定义view , CornerView.h:
#import <UIKit/UIKit.h>
IB_DESIGNABLE // 动态刷新
@interface CornerView : UIView
// 注意: 加上IBInspectable就可以可视化显示相关的属性
/** 可视化设置边框宽度 */
@property (nonatomic, assign)IBInspectable CGFloat borderWidth;
/** 可视化设置边框颜色 */
@property (nonatomic, strong)IBInspectable UIColor *borderColor;
/** 可视化设置圆角 */
@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;
@end
CornerView.m:
@implementation CornerView.m#pragma mark - 设置边框宽度
- (void)setBorderWidth:(CGFloat)borderWidth {if (borderWidth < 0) return;self.layer.borderWidth = borderWidth;
}#pragma mark - 设置边框颜色
- (void)setBorderColor:(UIColor *)borderColor {self.layer.borderColor = borderColor.CGColor;
}#pragma mark - 设置圆角
- (void)setCornerRadius:(CGFloat)cornerRadius {self.layer.cornerRadius = cornerRadius;self.layer.masksToBounds = cornerRadius > 0;
}
2.在xib中拖一个view, 将view设定为 自定义view: CornerView 如图:
注意: Designable
如果没有这行字,说明没有正确添加添加IB_DESIGNABLE,如果它的状态显示up to date,说明设置成功, 如果是updating,说明视图在更新,案如果是build failed的话,请检查布局代码,可能有哪里出错了。
3.如图, 我们就可以看到自定义view中设置的属性了:
4.设置好 属性后 , 右边的view就会立即 更新了!
该方法同样适用于UIIamgeView ! ! ! !
效果图:
本篇文章对应的源代码下载地址:CornerViewDemo
该 demo 中封装了 自定义view 和 自定义imageView , 可以将CornerTool文件夹拖入到项目中直接使用, xib下 view
继承 CornerView
类, imageView
继承 CornerImageView
即可设置属性。
原文链接:http://www.jianshu.com/p/80f1fd3f63a0
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
iOS 使用纯代码或xib创建圆角视图相关推荐
- ios swift 纯代码自定义view(控件) XYswitchView
文章目录 1.截图 2.代码 2.1 XYswitchView.swift 2.2 LoginVC.swift 3.参考博客 1.截图 2.代码 2.1 XYswitchView.swift impo ...
- ios swift 纯代码设置UITableViewCell的style
1.dequeueReusableCell(withIdentifier:)方法不需要注册 func tableView(_ tableView: UITableView, cellForRowAt ...
- iOS回顾笔记( 01 )-- XIB和纯代码创建应用的对比
iOS回顾笔记( 01 )-- XIB和纯代码创建应用的对比 很多时候我们工作很久突然闲下来的时候,是不是也感到无聊过?这就是我现在的生活,不过闲一段时间也挺好,可以好好回顾一下自己以前学习iOS路 ...
- IOS基础之使用UICollectionView纯代码创建
IOS基础之使用UICollectionView纯代码创建 资料来自2016-5-12某站. 有一定的参考意义, 涉及plist 转字典模型,UICollectionView使用纯代码加载到View里 ...
- 两种方式创建纯代码的 iOS 项目,不使用 storyboard
两种方式 1. 去掉 storyboard,保留 SceneDelegate,改用纯代码开发 删除 .storyboard 文件 删除 Deployment Info -> Main Inter ...
- ios 纯代码怎么适配ipad_iOS屏幕适配(纯代码)
在iOS实际项目开发中, 我们经常要适配不同尺寸的屏幕,如iPhone4s,iPhone5/s,iPhone6/s,iPhone6Plus等. 在代码中创建一个控件如: UILabel *label ...
- 【Swift Mac开发】纯代码创建NSViewController
对于习惯了纯代码iOS开发的人来说,刚接触Mac端开发时,是非常不友好的,网上所有的教程都是通过Xib或StoryBoard的方式创建NSViewController,而且苹果文档也是鼓励用Xib的开 ...
- 另辟蹊径创建移动应用:iOS和Android代码共享
2019独角兽企业重金招聘Python工程师标准>>> 过去几年,移动应用席卷了整个世界,在工作和生活的方方面面改变着我们使用互联网的方式.创建移动应用的各种技术也随之兴起,各种开发 ...
- Xcode7 创建纯代码的项目
xcode新建的项目是基于故事版的,但大家开发ios程序时,使用的最多的UI绘制方式依然是基于代码的.他们之间的优缺点在这里就不在赘述了.下面就说一下,怎么在xcode7中新建一个纯代码的项目. 1. ...
最新文章
- 勿谈大,且看Bloomberg的中数据处理平台
- 云计算基础设施智能运维的下一段征程,你们准备好了吗?
- python 多线程 线程如何获得返回值 (重写threading.Thread类)
- Express学习笔记(基本使用,中间件,模块化路由,请求处理)
- php表单数据写入txt文件_vba写入txt数据,发生数据丢失的奇怪现象
- k8s核心技术-命令行工具kubectl---K8S_Google工作笔记0017
- 中兴3G模块 MU301
- 蓝桥杯2015年第六届javaB组省赛第一题-三角形面积
- 结构体类型指针做函数参数(C++)
- ASP.NET对HTML元素进行权限控制(二)
- JAVA毕业设计共享汽车管理系统计算机源码+lw文档+系统+调试部署+数据库
- 基于Web的动态新闻发布系统设计与实现(含word文档)
- WPS文字目录怎么做?目录制作的三种方法
- Cassandra启动过程详解【原创】
- c语言元音字母辅音字母,英语字母中的5个元音字母和21个辅音字母
- Java之自动装箱与自动拆箱
- CC00039.scala——|HadoopScala.V01|——|Scala.v01|特质|作为接口|使用特质|
- Apache原理详解
- 校招详解(术语、时间、流程)
- 推荐两个高质量程序猿国外接单网站—自由开发工作者
热门文章
- PS常用修图命令与工具速览
- ubuntu16.04系统死机,鼠标可移动,但点击无反应,键盘无反应,解决办法总结
- “闪送模式”定义即时配送市场,C端为何独爱“一对一”?
- B站联姻淘宝 二次元IP的商业化之路何时能走成?
- 当.Net撞上BI可视化,这3种“套路”你要知道
- 哄女朋友玩的c语言编程,在线教学:哄女朋友陪你玩游戏的真正秘诀
- html表格设置静态数据,构建静态页面 之 [ 表格 ]
- IDEA软件安装与配置
- 2021年GPU图形处理器行业深度研究报告
- 安装win32gui后导入失败的解决方法