OCUI界面设计：基础控件（二）

开关控件 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