二零二三年 优质公开课UI组件.pptx

UI组件北京电子科技职业学院 UI常见组件 UILabel1 UILabelUILabel常用于在界面上显示一行或多行文本，可视化创建的方法是将这个组件拖放到Main.storyboard中某一个View Controller中。 UILabelUILabel的代码创建方法//方法1:创建时设置framelet rect = CGRect(x:10, y:10, width:300, height:30)let label = UILabel(frame:rect)//添加到self.view上才会显示出来self.view.addSubview(label)?//方法2:先创建，后设置framelet label = UILabel()label.frame = CGRect(x:10, y:90, width:300, height:30)self.view.addSubview(label) UILabelUILabel的常用属性：文本内容设置、背景色设置、字体颜色设置、字体大小设置和文本对齐方式设置等。//设置背景色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 UILabel显示多行文本：显示多行文本需要两个条件，一个是设置numberOfLines的值为要显示的行数，还有就是label的高度要=文字的行高和文字行间距总和。//方法1:显示固定行数的文本label.frame = CGRect(x:10, y:100, width:100, height:100)label.numberOfLines = 2label.text = I am a label,I am a label,I am a label?//方法2:根据文字长度自己确定显示几行,只需设置numberOfLines = 0label.numberOfLines = 0label.text = I am a label,I am a label,I am a label练习：请设计实现新闻界面，采用多个Label，要求如图所示。 UIButton2 UIButtonUIButton是一个用于接受用户触摸事件的iOS常用组件，可视化创建的方法是将这个组件拖放到Main.storyboard中某一个View Controller中。UIButton常用的触摸事件类型：? touchDown：单点触摸按下事件，点触屏幕? touchDownRepeat：多点触摸按下事件，点触计数大于1，按下第2、3或第4根手指的时候? touchDragInside：触摸在控件内拖动时? touchDragOutside：触摸在控件外拖动时? touchDragEnter：触摸从控件之外拖动到内部时? touchDragExit：触摸从控件内部拖动到外部时? touchUpInside：在控件之内触摸并抬起事件? touchUpOutside：在控件之外触摸抬起事件? touchCancel：触摸取消事件，即一次触摸因为放上太多手指而被取消，或者电话打断 UIButtonUIButton的代码创建方法：//方法1:创建一个系统内建样式的UIButtonlet 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(ofSize: 18)button.addTarget(self, action: #selector(btnClick(_:)), for: UIControlEvents.touchUpInside)button.layer.cornerRadius = 5.0//添加到self.view上才会显示出来self.view.addSubview(button)//Button触摸后，需要调用的事件方法f