iOS UI控件

创建: 2018/04/21

完成: 2018/04/25

更新: 2018/09/24 补充UIActivityIndicatorView的显示和隐藏方法

 

UIButton
 设定项目

 

 项目名  方法名/属性名  
 Title  setTitle  设置按钮上的标题
 Text Color  setTitleColor  设置标题颜色
 Image  setImage  设置取代标题的图片
 Background (Image)  setBackgroundImage  设置背景图片

 Alignment(Horizontal)

  contentHorizontalAlignment  设置标题的水平位置
 Alignment(Vertical)  contentVerticalAlignment  设置标题的竖直位置
 Enabled  isEnabled  是否可点击
 Hidden  isHidden  是否隐藏
 Alpha  alpha  不透明度
 Background  backgroundColor  背景颜色
 Action  addTarget  指定点击后的处理
     

 
 action 

 三要素

 

 事件(Event)  操作的种类
 对象(UI自身, 方法的sender)  被操作的对象
 受体(方法)  进行处理的函数

 
 代码创建  不用
   
   
   
   
   
UILabel
 设定项目

  

 项目名  属性/方法  
 Text  text  UILabel的文字
 Color  textColor  文字颜色
 Font  font  文字的字体
 Lines  numberOfLines

 行数

 设为0则自动判断
 Alignment  textAlignment

 文字的位置

 (靠左, 靠右, 居中)
 Line Break  lineBreakMode

 改行方式

 被省略部分表示为   ... 

 Truncate Tail  省略末尾
 Truncate Middle  省略中间
 Truncate Head  省略开头
 Clip  直接不表示 
 Character Wrap  
   
   

 
 Hidden  isHidden  是否隐藏
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色

 
 storybord上的一些操作  ● 换行: option+return
   
   
   
   
   
   
UITextField
   用来输入一行文字
 设定项目

 更高级的用法在TextKit

 项目名  属性/方法  
 Text  text  输入的文字
 Color  textColor  文字颜色
 Font  font  文字字体
 Alignment  textAlignment

 文字位置
 Editable  isEditable

 是否可以编辑
 Selectable    是否可选
 Data Detectors  dataDectectorTypes  侦测特定内容生成链接
 Text Input Traits    
 Indicators  indicatorStyle  滚动条的样式
 Scrolling Enabled  isScrollEnabled  是否可以滚动
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Tint  tintColor  所有子View的继承色
 Hidden  isHidden  是否隐藏

 
 Text Input Trait

  输入时候详细设定键盘的动作

 项目名  属性/方法  
 Content Type  textContentType

 内容种类

 设定后输入时会自动补全
 Capitalization  autocapitalizationType  是否首字母大写
 Correction  autocorrectionType  是否自动修正输入错误
 Smart Dashes  smartDashesType

  是否自动转换dash

  https://zh.wikipedia.org/wiki/%E8%BF%9E%E6%8E%A5%E5%8F%B7

 
 Smart Insert  smartInsertDeleteType  粘贴和删除时是否自动处理空格
 Smart Quotes  smratQuotesType  是否自动转换
 Spell Check  spellCheckingType  是否检查拼写错误
 Keyboard Type  keyboardType  键盘种类
 Keyboard Look  keyboardAppearance  键盘style
 Return Key  returnKeyType  return键的种类
 Auto Enable Return Key  enablesReturnKeyAutomatically  是否自动切换return键的有效/无效
 Secure Text Entry  isSecureTextEntry  是否遮盖输入内容(类似password)
     
     

 
 focus操作

 目前聚焦的叫做 First Responder

 获取聚焦

 对象.becomeFirstResponder()
 取消聚焦

 对象.resignFirstResponder()

 关闭键盘可以理解为算是取消聚焦

  
 事件操作  可以直接连接action, 也可以用delegate
   
   
   
UITextView
   输入多行的文本
 设定项目  
 项目名  属性/方法  
 Text  text  输入的文字
 Color  textColor  文字颜色
 Font  font  文字字体
 Alignment  textAlignment

 文字位置
 Border Style  borderStyle  边线的种类
 Clear Button  clearButtonMode  清除内容的按钮的表示方法
 Text Input Traits    
 Enabled  isEnabled  此UI是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Tint  tintColor  所有子View的继承色
 Hidden  isHidden  是否隐藏
 Background(Image)  backgroundImage  背景图
 Disabled(Image)  disabledBackground  无效时的背景图
     

 
   
   
   
   
   
   
UISegmentedController
   从多个值里选一个
 设定项目

  

 项目名  属性/方法  
 Segments  不存在  选项的个数
 SegmentTitle  setTiele  选项的标题
 Segment Image  setImage  选项的图片
 Segment Enabled  setEnabled  选项是否有效(可选)
 Segment Selected  selectedSegmentIndex

 是否被选中

 (选中的index)
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Tint  tintColor  子类继承色
 Hidden  isHidden  是否隐藏
     

 
   
   
   
   
   
   
UIStepper
   以固定增幅增减数值
 设定项目

 

 项目名  属性/方法  
 Value  value  现在的值
 Minimun  minimumValue  最小值
 Maximum  maximumValue  最大值
 Step  stepValue  一次变化的值
 Autorepeat  autorepeat  长按是否自动变化
 Continuous  isContinuous

 长按是否持续发出事件(消息)

 ● 设为false则长按结束前不会改变值

    长按结束后一次性变到新值

 
 Wrap  wraps  超过上下限是否回到另一端开头
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Tint  tintColor  文字与边线的颜色
 Hidden  isHidden  是否隐藏
     
     
     

 
   
   
   
   
   
   
UISwitch
   
 设定项目 

 

 项目名  属性/方法  
 State  isOn  是否On
 On Tint  onTintColor  On时候的背景色与边线颜色
 Thumb Tint  thumbTintColor  内部圆和OFF时的边线颜色
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景颜色
 Hidden  isHidden  是否不表示
     
     

 
   
   
   
   
   
   
UISlide
   滚动条输入数值 
 设定项目

 

 项目名  属性/方法  
 Value  value  现在的值
 Minimum  minimumValue  最小值
 Maximum  maxmumValue  最大值
 Min Image  minimunValueImage  左侧表示的图象
 Max Image  maxmumValueImage  右侧表示的图象
 Min Track  minimunTrackTintColor  左侧的线的颜色
 Max Track  maxmumTrackTintColor  右侧的线的颜色
 Thumb Tint  thumbTintColor  圆的颜色
 Continuous Updates  isContinuous  滑动时是否发出事件
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏

 
   
   
   
   
   
   
UIActivityIndicatorView
   读取中等
 设定项目

 

 项目名  属性/方法  
 Style  activityIndicatorViewStyle  指示器的样式
 Color  color  指示器的颜色
 Animating  isAnimating  是否展示动画
 Hides When Stopped  hidesWhenStopped  停止动画后是否隐藏
 Enabled  isEnabled  是有有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏
     

 
 方法 

   

 

 显示

   
indicator.startAnimating()

 
 隐藏

  

indicator.stopAnimating()

 

 
   
   
   
   
   
UIProgressView
   进度条
 设定项目

 

 项目名  属性/方法  
 Style  progressViewStyle  进度条样式
 Progress  progress

 进度

 Float

 0.0 ~ 1.0 
 Progress Tint  progressTintColor  左侧颜色
 Track Tint  trackTintColor  右侧颜色
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Hidden  isHidden  是否隐藏
     

 
   
   
   
   
   
   
UIPickerView
   多选项选择
 设定项目

 

 项目名  属性/方法  
 Enabled  isEnabled  是否可用
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏
     

 
   
   
   
   
   
   
  UIDatePicker
   选择日期
 设定项目

 

 项目名  属性/方法  
 Mode  datePickerMode  选择器的样式
 Locale  locale  位置
 Interval  minuteInterval  分钟间隔
 Date  date  选中的日期
 Minimum Date  minimumDate  最小日期
 Maximum Date  maxmumDate  最大日期
 Timer  countDownDuration  倒计时
 Enabled  isEnabled  是有有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏
     

 
 Date操作  

DateFormatter
   
   
   
   
   
   
   
UIBarButtonItem
   向工具条(tool bar)或者导航条(navigation bar)上配置的按钮
 设定项目

 

 项目名  属性/方法  
 Style  style  item的样式
 System Item  初始化的参数(init)  系统item的种类 
 Title  title  标题
 image  image  图象
 Landscape Image  landscapeImagePhone  横向画面时使用的图片
 Enabled  isEnabled  是有有效
     

 
   // TODO: 增加实例
   
   
   
   
   
UIPageControl
   
 设定项目

 

 项目名  属性/方法  
 Pages  numberOfPages  页数
 Defers Page Display  defersCurrentPageDisplay

 设定为true则

 直到呼出updateCurrentPageDisplay

 不会换页
 Tint Color  pageIndicatorTintColor  未选择的页的颜色
 Current Page  currentPageIndicatorTintColor  当前选择页面的颜色
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏
     

 
   
   
   
   
   
   
UIRefreshControl
   // TODO: 增加实例
   
   
   
   
   
   
   
UIWKWebView
 

  WebView就用这个

 ● iOS8以后不推荐用UIWebView

 
 设定项目

 

 项目名  属性/方法  
 User Agent  customUserAgent  用户代理
 App Name  configuration.applicationNameForUserAgent  用户代理内的app名
 Back/Forward Gestures  allowsBackForwardNavigartionGestures  是否允许滑动前进后退
 Selection  configuration.selectionGranularity  选择模式
 AirPlay  configuration.allowsAirPlayForMediaPlayback  是否允许Aitplay
 Inline Playback  configuration.allowsInlineMediaPlayback

 是否允许HTML5的video

  行内播放

 false则全屏播放
 Picture-in-Picture  configuration.allowsPictureinPictureMediaPlayback

 是否允许HTML5的video

 Picture-in-Picture播放
 Interaction  configuration.mediaTypesRequiringUserActionForPlayback  播放media是否需要用户操作触发
 Data Detectors  configuration.dataDetectorTypes  探测数据并放置链接
 JavaScript  configuration.preferences.JavaScriptEnabled  是有有效化JavaScript
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏

 
   
   
   
   
   
   
UIWebView
 

 尽量不用, 需要webView但WKWebView太复杂的时候用SFSafariViewController 

 
 设定项目

 

 项目名  属性/方法  
 Scales Page To Fit  scalesPageToFit  调整内容大小填入UIWebView
 Data Detectors  dataDetectorTypes  探测数据并放置链接
 Allows Inline Playback  allowsInlineMediaPlayback

 是否允许HTML5 视频

 inline或全屏播放
 Playback Requires User Action  mediaPlaybackRequiresUserAction  播放是否需要用户触发
 Keyboard Display Requires User Action  keyboardDisplayRequiresUserAction  表示键盘是否需要用户触发
 Enabled  isEnabled  是否有效
 Alpha  alpha  不透明度
 Background  backgroundColor  背景色
 Hidden  isHidden  是否隐藏

 
   
   
   
   
   
   
posted @ 2018-04-21 04:54  懒虫哥哥  阅读(321)  评论(0)  编辑  收藏  举报