OCUI界面设计:基础控件(二)
来源:互联网 发布:淘宝售前售后哪个轻松 编辑:程序博客网 时间:2024/06/06 03:37
开关控件 UISwitch
UISlider一般使用在功能的开启或关闭、是与否的选择等方面。其展示效果如下:
初始化
- (instancetype)initWithFrame:(CGRect)frame;
常用属性
on:设置是否开启
tintColor:设置主色调(边框色调)
onTintColor:设置开启区域颜色
thumbTintColor:设置拇指色(圆球颜色)
onImage:设置开启区域背景图片
offImage:设置关闭区域背景图片
添加事件
/** * 事件监听 * * @param target 执行对象 * @param action 执行方法 * @param controlEvents 触发行为 */- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
Tips:
UISwitch关联的事件一般为值改变事件(UIControlEventValueChanged),可以添加从某一个状态切换到另一个状态的触发。
活动指示器 UIActivityIndicatorView
UIActivityIndicatorView视图显示一个标准的旋转进度轮,比如我们在浏览QQ空间,加载信息的时候,会在屏幕中间出现一个旋转视图。效果如下:
初始化
- (instancetype)initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyle)style;
系统提供了三种活动指示器的样式,如下所示:
typedef NS_ENUM(NSInteger, UIActivityIndicatorViewStyle) { UIActivityIndicatorViewStyleWhiteLarge, UIActivityIndicatorViewStyleWhite, UIActivityIndicatorViewStyleGray __TVOS_PROHIBITED,};
而我们一般所见的样式大都是UIActivityIndicatorViewStyleGray类型的。
常用属性
- hidesWhenStopped:设置停止动画时时是否隐藏活动指示器
常用方法
1、 执行方法
// 1、启动指示器- (void)startAnimating;// 2、停止指示器,如果将其hidesWhenStopped属性置为YES,调用此方法时,活动指示器将会隐藏。- (void)stopAnimating;// 3、获取当前状态- (BOOL)isAnimating;
2、定制活动指示器颜色
[indicatorView setColor:[UIColor orangeColor]];
滑条 UISlider
UISlider一般用在音量调价、颜色、大小等数值的选择,默认的UISlider的最小值为0.0(minimumValue),最大值为1.0(maximumValue),UISlider滑动时,其值(value)会在这个范围内变动。UISlider关联的事件可以为值改变事件(UIControlEventValueChanged)、点击事件(UIControlEventTouchUpInside)和其他事件。其展示效果如下:
初始化
- (instancetype)initWithFrame:(CGRect)frame;
常用属性
value:当前值
minimumValue:最小值
maximumValue:最大值
minimumValueImage:自定义最小值区域图片
maximumValueImage:自定义最大值区域图片
minimumTrackTintColor:最小值区域指示色
maximumTrackTintColor:最大值区域指示色
thumbTintColor:拇指色(圆球颜色)
添加事件
/** * 事件监听 * * @param target 执行对象 * @param action 执行方法 * @param controlEvents 触发行为 */- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
在事件触发的方法中,我们可获取用户滑动滑条时滑条的当前值。
进度条 UIProgressView
进度条一般用于显示进度,其使用起来非常简单。其值范围在0.0~1.0之间。
初始化
- (instancetype)initWithFrame:(CGRect)frame;- (instancetype)initWithProgressViewStyle:(UIProgressViewStyle)style;
系统提供了两种进度条的风格,如下所示:
typedef NS_ENUM(NSInteger, UIProgressViewStyle) { UIProgressViewStyleDefault, // normal progress bar UIProgressViewStyleBar __TVOS_PROHIBITED, // for use in a toolbar};
常用属性
progressViewStyle:进度条风格
progress:进度条当前值
trackTintColor:进度条轨迹颜色
tintColor:进度条指示色(模板色)
progressImage:进度条图片
trackImage:进度条轨迹图片
observedProgress:观察进度条值变化
分段控件 UISegmentedControl
分段控件一般用于多选一,其展示效果如下:
初始化
- (instancetype)initWithItems:(NSArray *)items;
常用属性
segmentedControlStyle:分段控件样式
numberOfSegments:获取元素个数
selectedSegmentIndex:设置(获取)选中下标
tintColor:模板色(边框颜色)
常用方法
- 设置字体属性
- (void)setTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state
- 添加事件
/** * 事件监听 * * @param target 执行对象 * @param action 执行方法 * @param controlEvents 触发行为 */- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
Tips
触发行为:UIControlEventValueChanged
UIStepper
初始化
- (instancetype)initWithItems:(NSArray *)items;
常用属性
maximumValue:最大值
minimumValue:最小值
value:当前值
添加事件
/** * 事件监听 * * @param target 执行对象 * @param action 执行方法 * @param controlEvents 触发行为 */- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
Tips
触发行为:UIControlEventValueChanged
- OCUI界面设计:基础控件(二)
- OCUI界面设计:基础控件(一)
- OCUI界面设计:滚动视图与分页控件初探
- OCUI界面设计:导航控制器
- OCUI界面设计:状态栏
- OCUI界面设计:标签控制器
- OCUI界面设计:弹出框
- OCUI界面设计:UISearchController 搜索
- OCUI界面设计:程序基本结构
- OCUI界面设计:触摸与手势
- OCUI界面设计:网页视图 UIWebView
- OCUI界面设计:UIPickerView 拾取视图
- OCUI界面设计:视图与视图控制器
- OCUI界面设计:表格视图-初级使用
- OCUI界面设计:表格视图-高级使用
- OCUI界面设计:滚动视图与分页控件结合NSTimer实现图片自动循环与无限滚动展示
- object-ocUI之导航控件
- Android学习基础篇——高级界面设计(二)
- 协程的过去,现在,未来
- poj 3461 Oulipo (求匹配字符串的个数)(KMP)
- IOS学习之一个示例弄懂代理(delegate)和协议
- 用colorWithPatternImage设置view背景色太占内存,替代方法
- android将中文转换为字母
- OCUI界面设计:基础控件(二)
- 关于android edittext 选中文本出现的系统的ActionMode里新增图标
- GroovySql 查询数据库示例(groovy 2.2)
- px 与 dp, sp换算公式
- 使用jmx 监控zookeeper
- Android TextView滑动
- Http发送post数据文件,服务端Servlet接收,保存至本地...
- SearchLookUpEdit 和 GridLookUpEdit
- JSONModel解析数据成Model