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

iOS中基本UI控件的介绍和使用

2015-02-27 19:52 337 查看
UILabel:多用来显示一段文字。

属性:

frame                         控件显示位置。

text                            要显示的文字 

textColor                   文字的颜色

backgroundColor       背景颜色

textAlignment            文字显示在label的位置

代码例子:

实际结果:

UIButton:按钮,用来响应用户的点击事件。

属性:

frame                                                控件显示位置。

UIButtonType                                   控件的类型,系统自带的。

showsTouchWhenHighlighted         按钮点击时是否高亮。

方法:对UIButton的属性设置多用方法。

[button setBackgroundColor:(UIColor *)];                             //设置背景颜色。

[button setTintColor:(UIColor *)];                                          //设置字体颜色。
[button setTitle:(NSString *) forState:(UIControlState)];       //设置按钮上的文字。
[button addTarget:(id) action:(SEL) forControlEvents:(UIControlEvents)];     //设置点击事件。
[button setImage:(UIImage *) forState:(UIControlState)];    //设置按钮的背景图片,这会覆盖背景颜色。
按钮有很多的状态(UIControlState):
UIControlStateNormal                            正常状态
UIControlStateHighlighted                      高亮状态
UIControlStateDisabled                          禁用状态
UIControlStateSelected                          选中状态
UIControlStateApplication             
UIControlStateReserved                        系统保留状态   
代码例子:

实际结果:

UITextField:文本输入框,用于用户输入少量文字。
属性:
autocapitalizationType                     自动大写
keyboardType                                  键盘类型
borderStyle                                      输入框显示样式
returnKeyType  键盘上return的样式
clearButtonMode  清除按钮 
placeholder  输入框为空显示的提示文字
secureTextEntry   是否提供安全输入
textAlignment  文字显示位置
textColor  文字颜色
font  字体
text  输入框中的文字
代码事例:

实际结果:

UIImageView:图像视图,用于显示图片。

属性:

image                                        视图中的图片

animationImages                      图片数组,用于图片播放

animationDuration                    播放动画的时间间隔

方法:

- (void)startAnimating;              开始动画,使用这个方法前将animationImages先设置好,才会有动画
- (void)stopAnimating;              停止动画
代码实例:

实际结果:

UISlider:滑块。

属性:

value                                           滑块值

minimumValue                            滑块最小值

maximumValue     滑块最大值

代码实例:

实际结果:

UISegmentedControl:可以分段选择的控件。
属性:
selectedIndex                                    选中的索引
segmentedControlStyle                     样式
tintColor                                             背景颜色
代码事例:

实际结果:

UIActivityIndicatorView:风火轮,用于等待加载。
属性:

activityIndicatorViewStyle                              样式
常用方法:
- (void)startAnimating;                                   开始动画
- (void)stopAnimating;                                   介绍动画
代码事例:

实际结果:

UIPageControl:分页控制器。
属性:
background                        背景颜色
numberOfPages    页数
currentPage    当前所在页数
代码事例:

实际结果:

UIToolbar:工具栏,可以放多个按钮。
属性:
barStyle                           工具栏样式
items 工具栏上的按钮集合
tintColor 背景颜色
事例代码:

实际结果:

UIAlertView:用于弹出消息提示。

最常用到代码:

结果:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios 控件 入门