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;

? 获得按钮的背景图片

时间: 2024-10-09 14:44:43

UI复习的相关文章

UI复习-自定义View(触摸画圆)

1>定义继承View的子类,根据业务需求重写View的方法 package com.brady.view; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.view.MotionEven

UI复习笔记1

UIStepper 初始化控件 ? 1 UIStepper * step = [[UIStepper alloc]initWithFrame:CGRectMake(100, 100, 100, 100)]; 设置控制器值是否连续触发变化 @property(nonatomic,getter=isContinuous) BOOL continuous; 若设置为YES,则长按会连续触发变化,若设置为NO,只有在按击结束后,才会触发. 设置长按是否一直触发变化 @property(nonatomic

UI复习-组件:ImageView(图片缩放)

package com.brady.est; import android.annotation.SuppressLint; import android.graphics.Bitmap; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; impor

UI复习-组件:SearchView(搜索过滤)

package com.brady.est; import android.annotation.SuppressLint; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import android.view.MenuItem; import android.widget.ArrayAdapter; import android.widge

UI复习-布局管理器FrameLayout(霓虹灯)

1>帧概念,在该布局内的组件,类似window编程的card层叠在一起 package com.brady.est; import java.util.Timer; import java.util.TimerTask; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.support.v7.app.ActionBarActivity; import and

UI复习-布局管理器GridLayout(计算器界面)

1>GridLayout,4.0版本以上新增的网格布局,以下版本需要引用支撑包 package com.brady.est; import android.annotation.SuppressLint; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Gravity; import android.view.Menu; import android.vi

Android---03---基础1

昨天千锋公司来我们学校进行培训一周,顺便我也把android UI复习一遍 昨天详细讲解了textview以及Activity的一些介绍 先看xml: <!-- Layout 按照一定方式排列组建 LinearLayout 线性布局 按照直线的方式排列UI组建 xmlns:android 命名空间 相当于import android:layout_width 宽度 android:layout_height 高度 match_parent 为可以使用的最大值 填充父组件 fill_parent

静态页面复习--用semantic UI写一个10min首页

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/semantic.css" media="screen" title="no title" charset="utf-

静态页面复习--用semantic UI仿写豆瓣主页

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>豆瓣</title> <link rel="stylesheet" href="css/semantic.css" media="screen" title="no title" charset="ut