<记录点滴笔记>
UI控件的概览和基础控件的了解
可能用得上的UI控件一览表
| UI控件 | 名称 | 功能 |
|---|---|---|
| UIButton | 按钮 | 按钮的作用是:坚挺用户的点击时间,在用户点击后做出响应 |
| UILabel | 文本标签 | 文本标签的作用是显示一串固定的文字 |
| UITextField | 文本输入框 | 例如输入用户名或者是密码的部分,键入内容的区域 |
| UIImageView | 图片的显示 | 用于显示图片,添加图片的 |
| UIScrollview | 滚动的控件 | 如果内容比较多,超出了一个屏幕,就可以用它来显示 |
| UITableView | 表格 | 如果每一行显示的内容格式差不多,就用这个表格控件 |
| UICollectionView | 九宫格 | 如果显示的东西是一块一块的,一格一格的,而且每个格子张的差不多,就用这个控件 |
| UIWebView | 网页显示控件 | 一般用来显示网页,使用它,就可以在手机上浏览网页 |
| UIAlertView | 对话框(中间弹框) | 从中间弹出一个框提示用户下一步该做 |
| UINavigation | 导航条 | 显示在顶部的条 |
| UIPageControl | 分页控件 | 能显示当前的页码 |
| UITextView | 能滚动的文字显示控件 | 如果文字内容比较多,需要黄航显示,并且需要编辑 |
| UISwitch | 开关 | yes or no,开与关 |
| UIActionSheet | 底部弹框 | 从底部弹出一个框提示用户下一步该做什么 |
| UIDataPicker | 日期选择 | 选择日期 |
| UIProgressView | 进度条 | 水平进度条,比如显示文件的下载进度,程序的启动进度 |
| UISlider | 滑块 | 在2个数值之间滑动选择,比如调节音量大小 |
| UIActivityIndicator | 圈圈 | 一直在转圈圈,表示让用户等待 |
| UISegementControl | 选项卡 | 在固定的几个选项之间进项选择 |
| UIToolbar | 工具条 | 一般显示在底部或者是键盘的顶部,里面有几个小按钮 |
UILabe的常见属性
显示的文字:
@property (nonatomic,copy) NSString *text;
字体:
@property (nonatomic,retain) UIFont *font;
文字的颜色:
@property (nonatomic,retain) UIColor *textColor;
对齐模式(比如左对齐,居中对齐,右对齐)
@property (nonatomic) NSTextAlignment textAlignment;
文字的行数
@property (nonatomic) NSInteger numberOfLines;
换行模式
@property (nonatomic) NSLineBreakMode lineBreakMode;
UIFont
UIFont代表字体,常见创建方法有以下几个:
系统默认字体
+ (UIFont *)systemFontOfSize:(CGFloat)fontSize;
粗体
+(UIFont *)boldSystemFontOfSize:(CGFloat)fontSize;
斜体
+(UIFont *)italicSystemFontOfSize:(CGFloat)fontSize;
UIImageView的常见的属性
显示图片
@property (nonatomic,retain) UIImage *image;
显示动画图片
@property (nonatomic,copy) NSArray *animationImage;
动画图片的持续时间
@propert (nonatomic) NSTimeInterval animationDuration;
动画的播放次数(默认是0,代表是无限循环播放)
@property (nonatomic) NSInteger
animationRepeatCount;
UIImageView的常见方法:
- (void)startAnimating; //开始动画
- (void)stopAnimating; //停止动画
- (BOOL)isAnimating; //是否正在执行动画
UIImage
一个UIImage对象代表一张图片,一般通过imageName:方法就可以通过文件名来加载项目中的图片:
UIImage *image = [UIImage imageName:@"文件名"];
UIButton
按钮的功能比较多,既能显示文字,又能显示图片,还能随时的调用内部的图片
UIButton的状态,及其反应如下表:
| 状态名 | 操作 | 对应的枚举常量 |
|---|---|---|
| normal(普通的状态) | 默认情况 | UIControlStateNormal |
| highlighted(高亮状态) | 按钮被按下去的时候(手指还未松开) | UIControlStateHighlighted |
| disabled(失效状态,不可用状态) | enabled属性是NO,就是处于disable状态,不可点击 | UIControlStateDisable |
设置按钮在不同的状态下的背景图片,为了保证高亮状态下的图片征程的显示,必须设置按钮的type为custom
同时,UIButton,自带了很多不同的样式,在用代码创建的时候可以指定按钮的样式[1]
UIButton的常见设置
设置按钮的文字
- (void)setTitle:(NSString *)title forState:(UIControlState)state
设置按钮的文字的颜色
- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
设置按钮内部的小图片
- (void)setImage:(UIimage *)image forState:(UIControlState)state;
设置按钮的背景图片
- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
UIButton , UIImageView , UILabel的选择
| UIButton | UIImageView | UILabel |
|---|---|---|
| 显示文字,图片,直接通过addTarget..方法监听 | 显示图片 | 显示文字 |
在storyboard中,可以通过右边的面板上的各个设置来进行控件的部分的属性设置
-
正如我们看到手机软件上那些箭头按钮,加号按钮一样 ↩