UI复习
UIButton的状态
• normal(普通状态)
➢ 默认情况
➢ 对应的枚举常量:UIControlStateNormal
• highlighted(高亮状态)
➢ 按钮被按下去的时候(手指还未松开)
➢ 对应的枚举常量:UIControlStateHighlighted
• disabled(失效状态,不可用状态)
➢ 如果enabled属性为NO,就是处于disable状态,代表按钮不可以被点击
➢ 对应的枚举常量:UIControlStateDisabled
UIButton和UIImageView
• 相同点:都能显示图片
• 不同点
➢ UIButton默认情况就能监听点击事件,而UIImageView默认情况下不能
➢ UIButton可以在不同状态下显示不同的图片
➢ UIButton既能显示文字,又能显示图片
• 如何选择
➢ UIButton:需要显示图片,点击图片后需要做一些特定的操作
➢ UIImageView:仅仅需要显示图片,点击图片后不需要做任何事情
NSArray和NSDictionary的使用
• 当图片内容非常多时,“根据index来设置内容”的代码就不具备扩展性,要经常改动
• 为了改变现状,可以考虑讲图片数据线保存到一个数组中,数组中有序地放着很多字典,
一个字典代表一张图片数据,包含了图片名、图片描述
@property (strong, nonatomic) NSArray *images;
• 由于只需要初始化一次图片数据,因此放在get方法中初始化
• 将属性放在get方法中初始化的方式,称为“懒加载”\”延迟加载”
什么是Plist文件
• 直接将数据直接写在代码里面,不是一种合理的做法。如果数据经常改,就 要经常翻开对应的代码进行修改,造成代码扩展性低
• 因此,可以考虑将经常变的数据放在文件中进行存储,程序启动后从文件中 读取最新的数据。如果要变动数据,直接修改数据文件即可,不用修改代码
• 一般可以使用属性列表文件存储NSArray或者NSDictionary之类的数据,这种 属性列表文件的扩展名是plist,因此也成为“Plist文件”
搭建九宫格的步骤
• 明确每一块用的是什么view
• 明确每个view之间的父子关系
• 先尝试逐个逐个添加格子,最后考虑使用for循环 • 加载app数据,根据数据长度创建对应个数的格子 • 添加格子内部的子控件
• 给格子内部的子控件装配数据
用模型取代字典的好处
• 使用字典的坏处
➢ 一般情况下,设置数据和取出数据都使用“字符串类型的key”,编写这些key时,编译器不会有任何
友善提示,需要手敲
dict[@"name"] = @"Jack";
NSString *name = dict[@"name"];
手敲字符串key,key容易写错 Key如果写错了,编译器不会有任何警告和报错,造成设错数据或者取错数据
使用模型的好处
所谓模型,其实就是数据模型,专门用来存放数据的对象,用它来表示数据会更加专业
模型设置数据和取出数据都是通过它的属性,属性名如果写错了,编译器会马上报错,因此,保
证了数据的正确性
使用模型访问属性时,编译器会提供一系列的提示,提高编码效率
app.name = @"Jack”;
NSString *name = app.name;
字典转模型
• 字典转模型的过程最好封装在模型内部
• 模型应该提供一个可以传入字典参数的构造方法
-(instancetype)initWithDict:(NSDictionary*)dict; ➢ +(instancetype)xxxWithDict:(NSDictionary*)dict;
instancetype
• instancetype在类型表示上,跟id一样,可以表示任何对象类型
• instancetype只能用在返回值类型上,不能像id一样用在参数类型上
• instancetype比id多一个好处:编译器会检测instancetype的真实类型
Xib文件的使用
• Xib文件可以用来描述某一块局部的UI界面
• Xib文件的加载
➢ 方法1
NSArray *objs = [[NSBundle mainBundle] loadNibNamed:@"MJAppView" owner:nil
options:nil];
这个方法会创建xib中的所有对象,并且将对象按顺序放到objs数组中 (如果xib如右图所⽰示,那么objs数组中依次会有3个对象:1个UIView、1个UIButton、1个UISwitch)
➢ 方法2 bundle参数可以为nil,默认就是main bundle
UINib *nib = [UINib nibWithNibName:@"MJAppView" bundle:[NSBundle mainBundle]];
NSArray *objs = [nib instantiateWithOwner:nil options:nil];
• 在开发阶段,面向开发者的是xib文件; 当把应用装到手机上时,xib文件就会转为nib文件
随意调整view的尺寸
• 要想随意调整xib中view的尺寸,首先要设置size为Freeform
Xib和storyboard对比
• 共同点:
➢ 都用来描述软件界面
➢ 都用Interface Builder工具来编辑
• 不同点
➢ Xib是轻量级的,用来描述局部的UI界面
➢ Storyboard是重量级的,用来描述整个软件的多个界面,并且能展示多个界面之间的跳 转关系
view的封装
• 如果一个view内部的子控件比较多,一般会考虑自定义一个view,把它内部 子控件的创建屏蔽起来,不让外界关心
• 外界可以传入对应的模型数据给view,view拿到模型数据后给内部的子控件设置对应的数据
UILabel的常见设置
• @property(nonatomic,copy) NSString
➢ 显示的文字
• @property(nonatomic,retain)UIFont
➢ 字体
• @property(nonatomic,retain) UIColor
➢ 文字颜色
*text;
*font;
*textColor;
• @property(nonatomic) NSTextAlignment textAlignment;
➢ 对齐模式(比如左对齐、居中对齐、右对齐)
UIFont
• UIFont代表字体,常见创建方法有以下几个:
➢ + (UIFont *)systemFontOfSize:(CGFloat)fontSize; 系统默认字体
➢ + (UIFont *)boldSystemFontOfSize:(CGFloat)fontSize; 粗体
➢ + (UIFont *)italicSystemFontOfSize:(CGFloat)fontSize; 斜体
UIButton的常见设置
• - (void)setTitle:(NSString *)title forState:(UIControlState)state;
➢ 设置按钮的文字
• - (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
➢ 设置按钮的文字颜色
• -(void)setImage:(UIImage*)imageforState:(UIControlState)state;
➢ 设置按钮内部的小图片
• - (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
➢ 设置按钮的背景图片
• 设置按钮的文字字体(需要拿到按钮内部的label来设置)
➢ btn.titleLabel.font=[UIFontsystemFontOfSize:13];
UIButton的常见设置
• -(NSString*)titleForState:(UIControlState)state;
➢ 获得按钮的文字
• - (UIColor *)titleColorForState:(UIControlState)state;
➢ 获得按钮的文字颜色
• - (UIImage *)imageForState:(UIControlState)state;
➢ 获得按钮内部的小图片
• - (UIImage *)backgroundImageForState:(UIControlState)state;
➢ 获得按钮的背景图片
UI复习的更多相关文章
- UI复习练习_优酷布局
还记得前一周,细致看了一下我自己的代码,特意看了下代码规范,一个好的代码习惯就应该慢慢增加自己寻常练习中. 看看UI吧 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5 ...
- UI控件(复习一下)
如何修改控件状态• 可见,确实需要经常修改控件状态• 那如何去修改控件的状态呢?方法很简单➢ 每一个UI控件都是一个对象➢ 修改UI控件的状态,其实就是修改控件对象的属性➢ 比如修改UILabel显示 ...
- UI层复习笔记
在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是整个应用程序的一 ...
- iOS总结_UI层自我复习总结
UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...
- ABP框架实践基础篇之开发UI层
返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 说明 其实最开始写的,就是这个ABP框架实践基础篇.在写这篇博客之前,又回头复习了一下ABP框架的理论,如果你还没学习,请查看AB ...
- 【blade的UI设计】理解前端MVC与分层思想
前言 最近校招要来了,很多大三的同学一定按捺不住心中的焦躁,其中有期待也有彷徨,或许更多的是些许担忧,最近在开始疯狂的复习了吧 这里小钗有几点建议给各位: ① 不要看得太重,关心则乱,太紧张反而表现不 ...
- JS复习--更新结束
js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...
- 关于WebView的复习
最近不知为啥,公司提出要用webView,偷笑不止.在青软上课的时候学过这东西,是说条件比较紧张的时候可以拿来充数的,现在公司里手机端开发人员很多,做的好好的,放着原生ui不用,非要赶时髦搞什么Web ...
- COCOS2D-X中UI动画导致闪退与UI动画浅析
前两天和同事一起查一个游戏的闪退问题,log日志显示最后挂在CCNode* ActionNode::getActionNode()函数中的首行CCNode* cNode = dynamic_cast& ...
随机推荐
- es6继承 vs js原生继承(es5)
最近在看es2015的一些语法,最实用的应该就是继承这个新特性了.比如下面的代码: $(function(){ class Father{ constructor(name, age){ this.n ...
- 做一个会PS切图的前端开发
系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的 ...
- LeetCode - Populating Next Right Pointers in Each Node II
题目: Follow up for problem "Populating Next Right Pointers in Each Node". What if the given ...
- 关于JS
首先推荐一个小插件:W3Cfuns前端开发工具箱 整理一些杂乱的知识点. 1,Dom用于操作html元素 2,window.location.reload();//刷新当前页********** 3, ...
- Lua使用心得(1)
这几天研究了一下lua,主要关注的是lua和vc之间的整合,把代码都写好放在VC宿主程序里,然后在lua里调用宿主程序的这些代码(或者叫接口.组件,随便你怎么叫),希望能用脚本来控制主程序的行为.这实 ...
- C++ VS2012 内存泄露检测
在VS2012中添加部分代码,可以起到检测内存泄露的作用. 今天刚刚收到的解决办法,原理还不是很清楚.先分享出来 1. 头文件中添加以下代码 #ifdef _DEBUG #define DEBUG_C ...
- IOS中Json解析的四种方法
作为一种轻量级的数据交换格式,json正在逐步取代xml,成为网络数据的通用格式. 有的json代码格式比较混乱,可以使用此“http://www.bejson.com/”网站来进行JSON格式化校验 ...
- Word, PPT和Excel的常用技巧(持续更新)
本文的目的是记录平时使用Word, PowerPoint和Excel的过程中的一些小技巧,用于提升工作效率. 此文会不定期的更新,更新频率完全取决于实际使用遇到的问题的次数. 目录 Word Powe ...
- Scalaz(7)- typeclass:Applicative-idomatic function application
Applicative,正如它的名称所示,就是FP模式的函数施用(function application).我们在前面的讨论中不断提到FP模式的操作一般都在管道里进行的,因为FP的变量表达形式是这样 ...
- coreseek (sphinx)+ Mysql + Thinkphp搭建中文搜索引擎详解
一, 前言 1,研究coreseek的动机 我有一个自己的笔记博客,经常在上面做一些技术文章分析.在查询一些文章的时候,以前只能将要查询的内容去mysql中用like模糊匹配.在文章多了的情 ...