移动应用软件开发（基于iOS平台）-2017 UI组件 39UI组件 文档.docxVIP

UI界面 2 UI组件 1 UI组件 本次课程介绍常见UI组件。 Xcode开发环境提供了各种各样的UI组件，如图2-14所示，从而大大减轻了开发人员的负担。 图2-14 UI组件 一、UILabel 1. UILabel常用于在界面上显示一行或多行文本，可视化创建的方法是将这个组件拖放到Main.storyboard中某一个View Controller中。 UILabel的代码创建方法： //方法1:创建时设置frame let rect = CGRect(x:10, y:10, width:300, height:30) let label = UILabel(frame:rect) //添加到self.view上才会显示出来 self.view.addSubview(label) //方法2:先创建，后设置frame let label = UILabel() label.frame = CGRect(x:10, y:90, width:300, height:30) self.view.addSubview(label) UILabel的常用属性：文本内容设置、背景色设置、字体颜色设置、字体大小设置和文本对齐方式设置等。 //设置背景色 label.backgroundColor = UIColor.green //设置字体颜色 label.textColor = UIColor.red //设置字体大小 label.font = UIFont.systemFont(ofSize: 14) //设置文本对齐方式，默认左对齐 label.textAlignment = NSTextAlignment.right //设置要显示的文本 label.text = I am a label //当文字超出标签宽度时，自动调整文字大小，使其不被截断 label.adjustsFontSizeToFitWidth = true 显示多行文本：显示多行文本需要两个条件，一个是设置numberOfLines的值为要显示的行数，还有就是label的高度要=文字的行高和文字行间距总和。 //方法1:显示固定行数的文本 label.frame = CGRect(x:10, y:100, width:100, height:100) label.numberOfLines = 2 label.text = I am a label,I am a label,I am a label //方法2:根据文字长度自己确定显示几行,只需设置numberOfLines = 0 label.numberOfLines = 0 label.text = I am a label,I am a label,I am a label 练习：请设计实现新闻界面，采用多个Label，要求如图2-15所示。 图2-15 多个UILabel设计出新闻界面 UIButton UIButton是一个用于接受用户触摸事件的iOS常用组件，可视化创建的方法是将这个组件拖放到Main.storyboard中某一个View Controller中。UIButton常用的触摸事件类型： touchDown：单点触摸按下事件，点触屏幕 touchDownRepeat：多点触摸按下事件，点触计数大于1，按下第2、3或第4根手指的时候 touchDragInside：触摸在控件内拖动时 touchDragOutside：触摸在控件外拖动时 touchDragEnter：触摸从控件之外拖动到内部时 touchDragExit：触摸从控件内部拖动到外部时 touchUpInside：在控件之内触摸并抬起事件 touchUpOutside：在控件之外触摸抬起事件 touchCancel：触摸取消事件，即一次触摸因为放上太多手指而被取消，或者电话打断 UIButton的代码创建方法： //方法1:创建一个系统内建样式的UIButton let button = UIButton(type: UIButtonType.system) button.frame = CGRect(x:150, y:150, width:120, height:40) button.setTitle(Click me, for: UIControlState.normal) button.titleLabel?.font = UIFont.systemFont(ofSi