您的位置:首页 > 产品设计 > UI/UE

UI复习

2015-11-23 16:34 429 查看
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;

➢ 获得按钮的背景图片
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: