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

你可能感兴趣的:(Objective-c,界面设计)