iOS开发-关于自定义控件很值得一看的文章(一)
2019独角兽企业重金招聘Python工程师标准>>>
简介
本文将是一个关于Cocoa Touch中UIKit框架的自定义控件系列教程,我们将从基础开始,由浅入深,分析讲解自定义控件的相关知识和技巧。
基础概念,给新人看
基础知识
UIKit
是iOS
系统使用的界面框架UIKit
中最基本的类是UIView
,也就是界面的基础操作类iOS使用的渲染框架叫
Core Graphics
,所以才回有CG
开头的一堆基础类型,如CGFloat(浮点),CGPoint(点),CGSize(尺寸),CGRect(矩形)UIView
对象都包含至少一个CALayer
对象,CALayer
才是最终渲染出效果的对象UIView
和CALayer
的层级关系是相同的,他们都是多叉树,同一个父View(superView)
的子View们(subViews)
是有层级覆盖关系的,上层的View遮挡下层View这里所说的
层
关系和设计软件中的层关系是类似的,如Photoshop,Sketch等UIView
和CALayer
的分工是,前者负责保存属性和处理响应链,后者负责渲染
一、 UIView的基本属性和方法
今天我们一起做一个多段选择的自定义控件,顺便学习UIView的基本属性和方法。先来看一下实现的效果:Github下载源码
先讲一下思路 我们继承UIView写一个XXXSegmentView,用UILabel
作为XXXSegmentView的子View,显示上图中的标签。
我们的多段选择View,暂且命名为XXXSegmentView,继承自UIView
。首先创建一个新文件,选择xcode菜单,File -> New -> File
得到文件XXXSegmentView.h
和XXXSegmentView.m
,我们给XXXSegmentView
写一个初始化配置的方法,- (void)configForTitles:(NSArray<NSString*>*)titles;
。
@interface XXXSegmentView : UIView- (void)configForTitles:(NSArray<NSString*>*)titles;@property (nonatomic, assign) NSInteger number; //记录titles的个数@end
这里注明了要使用者传入一个包含字符串类型的数组。这样我们的自定义控件之要两步就能初始化完毕,如下在ViewController中加入初始化代码:
- (void)configSegment
{XXXSegmentView* segment = [[XXXSegmentView alloc] initWithFrame:CGRect(0,0,300,80)]; //加入三个标题,内容入数组中传入[segment configForTitles:@[@"Main",@"More",@"Me"]];[self.view addSubview:segment];
}
解释:CGRect(0,0,300,80)返回一个CGRect数据,是一个矩形,前两个值是起始点,也就是左上角的坐标,后两个数是尺寸,300是宽,80是高
接下来我们需要实现configForTitles
这个方法了。来到XXXSegmentView
中,我们加入代码:
- (void)cleanAll
{[self.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { if ([obj isKindOfClass:[UILabel class]]) {[obj removeFromSuperview];}}];
}
解释:cleanAll这个方法,通过self.subviews方法,返回的是包含了segmentView的全部子view的数组,然后用enumerateObjectsUsingBlock方法进行快速枚举,筛选出其中是UILabel的View,调用它的removeFromSuperview方法将其移除
这个函数存在的意义,就是在使用者多次调用configForTitles
更改标签的时候,清除掉旧的Label。
- (UILabel*)standLabel
{ UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];label.font = [UIFont systemFontOfSize:14];label.textColor = self.tintColor; return label;
}
解释:UILabel类是UIView的子类,用于显示文字,支持多行显示,支持改变字体和颜色
[UIFont systemFontOfSize:14]方法返回一个系统字体对象UIFont
label.textColor = self.tintColor;这一步将我们segment的tintColor传给了Label作为字体Color
所谓的TintColor
可以理解为控件的高亮颜色,是UIView的默认属性,所以继承于UIView的XXXSegmentView也有这个属性,并且有默认值。
- (void)configForTitles:(NSArray *)titles
{[self cleanAll]; self.number = titles.count;[titles enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { UILabel* la = [self standLabel];[la setText:obj];[la setBackgroundColor:[UIColor clearColor]];[self addSubview:la];la.tag = idx + 981;}];
}
解释我们首先记录了标题的个数,然后调用cleanAll
方法,清楚旧的Label,然后根据传入的titles数组,给View加入新的Label,并且,我们给label加了文字,和透明色([UIColor clearColor])
的背景。
最后我们给每一个Label加了一个Tag
编号,这个编号从981(这个数是我随便选的,你也可以选个更大的)开始,用来标记我们的Label们前后顺序。
布局入门
代码写到这里,我们运行软件,并不能得到想要的并排展示效果,因为我们所有的label,位置没有做调整。
用什么属性控制UIView的位置呢?答案是Frame
属性。
我们把屏幕比作一个画板,左上角是(0,0)坐标,frame则是一个矩形,如CGRect(0,0,100,50)代表一个从(0,0)点开始,宽100,高50的矩形。当我们重新设置UIView的Frame属性,他们的位置就改变了。
所以我们给XXXSegmentView.m加入如下代码:
- (CGRect)boundsWithLabel:(UILabel*)label
{ return [label.text boundingRectWithSize:CGSizeMake(CGFLOAT_MAX, label.frame.size.height) options:NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName:label.font} context:nil];
}
这个方法用来返回一个字符串渲染出来的边界,boundingRectWithSize:CGSizeMake
这个方法比较复杂,初学者看不懂直接粘过来用下就行,这里不需要理解。
不过我还是要解释一下,这个方法传入的第一个CGSize是,外包围的限制,CGFLOAT_MAX返回的是最大的浮点数,也就是这里在计算宽度时不做限制。NSStringDrawingUsesFontLeading属性表示用自字体作为计算行高的标准,attributes字典传入的是文字的渲染样式,NSFontAttributeName键传入文字的字体和字号,返回的CGRect是文字根据以上要求,渲染出来的外包围。
- (void)layoutSubviews
{[super layoutSubviews];[self.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { if ([obj isKindOfClass:[UILabel class]]) { UILabel* label = obj; CGRect rect = [self boundsWithLabel:label];[label setFrame:CGRectMake(0, 0, rect.size.width, rect.size.height)];label.center = CGPointMake(self.frame.size.width/(self.number*2)*((label.tag-981)*2+1), self.frame.size.height/2);}}];
}
解释layoutSubviews
方法是UIView的固有方法,这个方法在我们View需要给子View布局的时候会自动调用,我们重写了这个方法,所以要用super
指针,先调用父类方法[super layoutSubviews];
,虽然UIView
的layoutSubviews
方法很有可能是空的,但这是好习惯。
然后我们又通过subviews
数组快速遍历子View,筛选出UILabel
对象,因为我们的子View中以后要加入其它不是UILabel
的对象。遍历过程中我们改变Label的外包围,通过上面说的计算外包围的接口,然后通过center(中心点)
这个UIView
的属性来改变子Label的位置。label.tag-981是Label的序号,self.frame.size.width是我们SegmentView的宽度,self.number是label的个数。
然后我们再运行程序,是不是完成了Label的布局啦,并不复杂,下一篇我们将继续讲解。
转载于:https://my.oschina.net/caijunrong/blog/643688
iOS开发-关于自定义控件很值得一看的文章(一)相关推荐
- iOS开发-关于自定义控件很值得一看的文章( 三)
2019独角兽企业重金招聘Python工程师标准>>> 触摸响应链UIResponder UIView继承自UIResponder(响应链类),继承了相应的响应链方法: - (voi ...
- 【转自猫扑】被别人破解的一个男人日志。很值得一看!
[转自猫扑]被别人破解的一个男人日志.很值得一看! 7月7日 我知道我不算帅哥,但曾经有人看我满月的照片时,也说过我左边的鼻孔很偶像派. 8月30日 独守空房,让人只能浪费:妻妾成群,让人懂得节 ...
- iOS开发技巧-国际化(Localization),只看一篇就够了
转:https://www.jianshu.com/p/f8edd7b7a217 本文主要涉及iOS的国际化,网上虽然有很多相关的文章,但是仔细阅读下来感觉都不太全面,因此重开一篇总结,记录项目中遇到 ...
- 华为boss力荐公司高层看的一篇文章,很长很经典 很值得一看
今天是 22 岁的最后一天.几个月前,我从沃顿商学院毕业,用文凭上"最高荣誉毕业"的标签安抚了已经年过半百的老妈,然后转头辞去了毕业后的第一份工作,跟一家很受尊敬的公司.还有 15 ...
- 一个爬虫的故事:这是人干的事儿?,很值得一看!
爬虫原理 我是一个爬虫,每天穿行于互联网之上,爬取我需要的一切. 说起来还要感谢HTTP协议,因为它,全世界的网站和浏览器才能够连接通信,而我也是借助HTTP协议,获取我想要的数据. 我只需要伪装成一 ...
- 打造先进的SOA应用 -- 很值得一看
在开始阅读本文之前,我想先建议你能给自己做一个调查,已明确自己阅读此文的初衷,并能帮助你更好地与此文互动.大家都知道,通常到周末的时候如果你有机会带小孩出去吃饭,为了激励一下他,你就会问他/她:'想要 ...
- 【转】前端开发值得一看的文章
其实这篇文章不是这里的,只是,后台很傻B地进不了了.也不知道是什么乱七八糟的问题.先写在这里,当做这么久没更新的偷懒好了.(而且,挑出来的这些都是精华呢!),大家各取所需吧: 1. 默认Web字体样式 ...
- oracle优化查询前几条,一个查询优化的分析调整全过程!很值得一看
Web翻页优化实例 提交时间: 2004-6-18 15:37:49 回复 发消息 环境: Linux version 2.4.20-8custom (root@web2) (gcc ...
- iOS开发—音视频入门学习必看
音视频学习从零到整–(2) 音视频学习从零到整–(3) 音视频学习从零到整–(4) 音视频学习从零到整–(5) 音视频学习从零到整–(6) 音视频学习从零到整–(7) 一.音频基础复习 1.1 声音的 ...
最新文章
- MTK深圳公司嵌入式软件工程师笔试题(含部分答案)
- cfs调度算法JAVA实现_关于CFS/BFS调度算法
- 再见,2014;您好,2015!
- ARM汇编基础详解(PS学习汇编的原因)
- 如何用Pygame写游戏(十一)
- Made in 大产品——技术商业盛典
- Excel 制作甘特图(多图)
- 聊聊Java中的System类
- 微信公众平台发红包接口
- oracle shutdown 很慢,oracle shutdown immediate等待时间很长之思考
- 51kid页面卡死解决办法
- c语言matlab混编max函数,Matlab与C++混编 – engin.h
- expect ‘:‘ at 0, actual =] with root
- SQL查询列名,类型,字段类型
- antd选择器下拉菜单样式修改
- 4、UML类图及类图之间的关系
- 美国人这样教育小学生(转贴)
- JAVA网关实现_网关实现灰度发布
- Redis多线程原理详解
- IDC报告称,到2021年,全球可穿戴设备市场规模将翻番
热门文章
- 浅析Java中的final关键字
- 浏览是不是计算机网络功能,什么是因特网——计算机网络是怎么为你服务的?...
- 以下构成python循环结构的方法中_超星尔雅初级英语口语(持续更新中)选修课答案...
- 简述PHP中有哪些运算符,PHP运算符简述
- android里的editText怎么用,Android自定义控件EditText使用详解
- 电脑主板线路连接图解_电工速学手册:306页现场电工全能图解,实用技术精选大合集!...
- 一位刚刚成功上岸的智能车队员对于参赛经历总结与对比赛的建议
- 100W无线电耦合功率测试实验
- 条形压电陶瓷执行器件和高压驱动器
- 我把梦打开,只为你进来