OCUI界面设计：基础控件（一）
UIButton（按钮）
初始化方法
- (id)initWithFrame:(CGRect)frame; + (id)buttonWithType:(UIButtonType)buttonType;按钮样式（UIButtonType）
- UIButtonTypeCustom：自定义样式
- UIButtonTypeSystem：系统样式
显示状态（UIControlState）
- UIControlStateNormal：普通状态
- UIControlStateHighlighted：高亮状态
- UIControlStateSelected：选中状态
常用属性
- showsTouchWhenHighlighted：点击按钮是否高亮
- tintColor：前景色（模板色）
- titleLabel：按钮系统封装的标题文本
- imageView：按钮系统封装的图片视图
- selected：选中状态
常用方法
- 设置标题与标题颜色
// 设置标题
- (void)setTitle:(NSString *)title forState:(UIControlState)state; // 设置标题颜色 - (void)setTitleColor:(UIColor *)color forState:(UIControlState)state- 设置图片与背景图片
// 设置背景图片
- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state // 设置图片 - (void)setImage:(UIImage *)image forState:(UIControlState)state; - 设置标题属性
- (void)setAttributedTitle:(NSAttributedString *)title forState:(UIControlState)state- 事件添加
/** * 添加按钮事件 * * @param target 执行对象 * @param action 执行方法 * @param controlEvents 触发行为 */
- (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;UIControl事件类型
UIControl继承于UIView，是一些可交互控件的父类，如UIButton、UISwitch、UITextField、UISlider等
UIControl维护着一些常规的事件类型，来指定在何种事件发生时响应方法值改变
UIControlEvents（触发按钮行为）
UIControlEventTouchDown：触摸按下
UIControlEventTouchCancel：触摸取消
UIControlEventValueChanged：控件值改变
UIControlEventTouchUpInside：触摸按下并抬起
UIControlEventTouchUpOutside： 触摸按下并在边界外抬起
UIControlEventTouchDownRepeat：触摸按下多次
UITextField（文本输入框）
初始化方法
- (id)initWithFrame:(CGRect)frame;常用属性
- text：文本输入框文本
- font：字体
- placeholder：占位符
- tintColor：前景色（该属性可修改光标颜色）
- backgroundColor：背景色
- textColor：字体颜色
- clearButtonMode：清除模式
- keyboardType：键盘样式
- borderStyle：边框样式
- delegate：代理
- secureTextEntry：是否安全输入
- textAlignment：文本对齐方式
- autocorrectionType：是否纠错（联想）
- keyboardAppearance：键盘样式
- adjustsFontSizeToFitWidth：是否自动调整字体大小
- contentVerticalAlignment：垂直对齐方式
- clearsOnBeginEditing：是否再次编辑清空
- autocapitalizationType：是否首字母大写
- returnKeyType：return按钮样式
- minimumFontSize：自动缩小显示的最小字体
- inputAccessoryView：输入附属视图（可自定义）
- inputView：输入视图即键盘视图（可自定义）
常用方法
收起键盘方法
// 方法1：文本输入框失去第一响应
[文本输入框实例化对象 resignFirstResponder]
// 方法2：停止界面编辑
[self.view endEditing:YES];自定义键盘样式
inputView：输入视图
inputAccessoryView：输入附属视图
以上两种视图可自定义，定义方法有两种，一种是直接通过属性赋值的形式；另一种则需要子类化UITextField，并重写其对应的getter()方法即可，如下将主要展示如何通过子类化的形式自定义键盘样式。
1、首先第一步，创建一个类CustomTextField继承于UITextField。
2、在CustomTextField.m文件中，重写如下方法：
2.1、自定义键盘附属视图
- (UIView *)inputAccessoryView {
UIView * view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 30)];
view.backgroundColor = [UIColor blackColor];
UILabel * textLabel = [[UILabel alloc]initWithFrame:view.frame];
textLabel.text = @"自定义键盘附属视图";
textLabel.textColor = [UIColor whiteColor];
textLabel.textAlignment = NSTextAlignmentCenter;
[view addSubview:textLabel];
return view;
}2.2、自定义键盘视图
- (UIView *)inputView{
UIView * keyBoardView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 220)];
keyBoardView.backgroundColor = [UIColor greenColor];
UILabel * textLabel = [[UILabel alloc]initWithFrame:keyBoardView.frame];
textLabel.text = @"自定义键盘";
textLabel.textAlignment = NSTextAlignmentCenter;
[keyBoardView addSubview:textLabel];
return keyBoardView;
}3、效果展示
键盘通知
UITextField派生自UIControl，所以UIControl类中的通知系统在文本字段中也可以使用。除了UIControl类的标准事件，你还可以使用下列UITextField类特有的事件
- UIKeyboardWillShowNotification
- UIKeyboardDidShowNotification
- UIKeyboardWillHideNotification
- UIKeyboardDidHideNotification
UITextFieldDelegate（协议方法）
// 1、是否允许开始编辑
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField; // 2、开始编辑 - (void)textFieldDidBeginEditing:(UITextField *)textField; // 3、是否允许结束编辑 - (BOOL)textFieldShouldEndEditing:(UITextField *)textField; // 4、结束编辑 - (void)textFieldDidEndEditing:(UITextField *)textField; // 5、是否允许改变文本输入框字符长度：可在此方法中限制用户输入字符长度、是否输入敏感字符等； - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string; // 6、是否允许清除 - (BOOL)textFieldShouldClear:(UITextField *)textField; // 7、是否相应return键：用户点击键盘上的return键会触发此方法； - (BOOL)textFieldShouldReturn:(UITextField *)textField; UILabel(文本标签)
初始化方法
- (instancetype)initWithFrame:(CGRect)frame; 常用属性
- text：文本
- font：字体
- textColor：字体颜色
- shadowColor：阴影颜色
- shadowOffset：阴影偏移
- textAlignment：文本对齐方式
- lineBreakMode：文本换行方式
- numberOfLines：行数
- userInteractionEnabled：是否允许用户交互
- adjustsFontSizeToFitWidth：是否调整字体大小适应文本标签宽度
常用方法
- 文本自适应方法1：
[文本标签对象 sizeToFit];文本自适应方法2：
steps 1：自定义方法获取文本自适应后的宽度和高度（CGSize）
/** * 文本自适应 * * @param string 字符串 * @param font 字体 * @param constrainSize 文本约束 * * @return 返回自适应后的大小 */
- (CGSize)sizeWithString:(NSString *)string font:(UIFont *)font constainSize:(CGSize)constrainSize
{
CGSize size;
CGRect rect = [string boundingRectWithSize:constrainSize // 显示的最大容量
options:NSStringDrawingUsesLineFragmentOrigin| // 附加参数
NSStringDrawingUsesFontLeading|
NSStringDrawingTruncatesLastVisibleLine
attributes:@{NSFontAttributeName:font} // 描述字符串的属性字典
context:nil]; // 上下文
size = rect.size;
return size;
}
steps 2：调用自定义方法获取size
CGSize size = [self sizeWithString:context font:[UIFont systemFontOfSize:17] constainSize:CGSizeMake(150, 1000)];
steps 3：根据返回size初始化文本标签
UILabel *label = [UILabel alloc] initWithFrame:CGRectMake(0, 0, size.width, size.height);