iOS开发笔记7：Text、UI交互细节、两个动画效果等

时间 2019-12-09

标签 ios 开发笔记 text 交互细节两个动画效果栏目 iOS 繁體版

原文原文链接

Text主要总结UILabel、UITextField、UITextView、UIMenuController以及UIWebView/WKWebView相关的一些问题。html

UI细节主要总结界面交互开发中遇到的一些细节问题，包括Masonry部分的问题。ios

动画介绍最近用到的两个，算是经常使用级别的，动画这部分以后会专门研究总结下。正则表达式

最后介绍两个工具及三个Xcode使用设置的问题。segmentfault

1.Text

（1）UILabel显示多行文字而且文字置顶显示

不限制UILabel的高度(宽度须要设置，肯定文字什么时候换行)，numberOfLines设为0便可（设为0表示不限制行数）。缓存

（2）使用NSMutableAttributedString知足个性化的显示要求

好比对文字的行间距有要求、一行文字某几个文字的大小、颜色有特殊要求等等，均可以经过NSMutableAttributedString来进行设置。网络

（3）文字换行模式

设置lineBreakMode，好比达到换行条件时按单词来换行NSLineBreakByWordWrapping，末尾显示省略号的NSLineBreakByTruncatingTail等。app

（4）textField的clearButtonMode、placeholder、keyboardType、tintColor、tag、secureTextEntry典型应用场景

clearButtonMode,设置一键清空按钮显示模式，通常是在编辑状态下才显示该按钮 ide

placeholder/attributedPlaceholder,设置占位文本，若是对样式有特殊要求，好比颜色等，能够设置attributedPlaceholder。工具

keyboardType，设置初始进入编辑状态时，默认显示的键盘类型，好比输入手机号码的地方，使用数字键盘UIKeyboardTypeNumberPad便可，可是实际使用时发现，若是安装了第三方输入法好比搜狗输入法时，设置UIKeyboardTypeNumberPad不起做用，键盘仍然显示为其余类型，设置为UIKeyboardTypePhonePad则生效，不一样的是UIKeyboardTypePhonePad相对UIKeyboardTypeNumberPad而言还容许输入*, #，但基本样式相同。布局

下图为设置UIKeyboardTypePhonePad后的键盘类型

tintColor，好比对textField的编辑状态下光标的颜色有要求，设置这个属性便可。

tag，对于一个页面含有多个textField，经常须要在代理方法中进行区别单独处理，使用tag属性标明便可，textView等也是经过tag来进行区分

secureTextEntry，设置输入字符的明暗文显示，设置为YES输入字符时则显示为*，通常密码输入时用到，但须要注意的时，针对系统原生的textField，若是添加了一个明暗文开关按钮，经过控制该属性来切换显示模式时，会有一些问题，一是切换明暗文状态切换到暗文状态（secureTextEntry = YES），输入字符时以前的字符串会状况，而是暗文状态下，结束编辑状态在进入编辑状态后，若是点击删除按钮，会清空所有已输入的字符。若是想切换状态后输入不清空，再次进入编辑状态点击删除按钮只删除前一个字符，须要针对该属性重写一下textField。

（5）textField限制输入字数

textField不像textView，代理方法中是没有DidChange事件方法的，可是能够经过监听UIControlEventEditingChanged达到一样效果，进而限制输入字数

update:iOS开发笔记12:iOS7上UITextField限制字数输入致使崩溃问题

（6）textView更改return键类型并自动根据输入状况决定改按键可用性

设置两个属性便可

（7）textView如何响应按下发送按键的事件

在代理方法shouldChangeTextInRange中判断识别处理便可---- if ([text isEqualToString:@"\n"]) {...}

（8）textView实现textField中的placeholder效果

textView自己没有该属性，实现方法是在textView上添加一个UILabel做为placeholder，在代理方法中控制该label的显示状况，须要注意的是，UILabel若是直接加在textView上，后续调整布局在iOS7的设备上可能会崩溃，建议将textView加在一个view上，再将UILabel加在此view上进行控制便可。

（9）textView根据输入内容高度动态变化

写评论时若是字数较多，则textView的高度应该要随着内容的增长而变高，固然还要有一个高度限制，不能无限制增加。

在textView中输入字符时动态调整高度便可，如下方法在iOS七、八、9下测试可用

还有一个须要注意的问题，当再次进入编辑状态且存有上一次的输入草稿时，textView的光标通常应该显示在最后一个字的末尾

（10）使用正则表达式验证手机号码输入有效性

一是判断首位数字是否为1，二是根据现有状况判断第二位数字有效性，三是验证后续9个字符是否为数字

（11）自定义长按后弹出的UIMenuController

（12）UIWebView

须要注意三点，一是注意在代理方法中设置顶部状态栏的转圈，即[UIApplication sharedApplication].networkActivityIndicatorVisible

二是在willDisappear中须要作一些处理

三是loadRequest的时候注意忽略缓存，不然页面可能不是最新数据

（13）WKWebView

使用的与safari同样的引擎，iOS8及以上系统建议使用WKWebView取代UIWebView，比UIWebView好用不少，而且支持进度条显示。

（14）获取键盘高度

当输入对象被弹出的键盘遮挡时，经常须要作上移操做，获取键盘高度是计算移动距离的关键之一，能够在键盘通知事件中获取其高度

2.UI交互细节

（1）根据cell显示内容动态计算高度

须要注意的是，使用Masonry布局cell时，必定不要忽略bottom属性，由于是根据内容撑开的大小来计算高度，才能根据cell里内容肯定从顶部到底部的距离，即cell的高度。

（2）使用Masonry更新布局

若是使用mas_updateConstraints方法是更新已经设置过的布局属性，使用mas_remakeConstraints是清除原有布局设置，从新布局。

（3）点击空白区域关闭弹框

对点击区域进行判断，当点击区域在弹框范围外，进行关闭操做便可

（4）view的层级管理

最经常使用三个，一是将view移动至最上层

二是将view移动至最下层

三是将view加载到window上

（5）使用UIImageView作背景View时注意开启userInteractionEnabled属性

UIImageView默认userInteractionEnabled属性为NO，须要开启，不然在上面添加UIButton后，点击UIButton是没法响应的,由于做为父视图的UIImageView的userInteractionEnabled属性为NO时，触摸事件是不会继续往下传递给子视图的，子视图永远没法处理触摸事件。