UI学习: UI的初步了解

文章目录UILabel常用属性基本功能创建和初始化设置文本设置文本阴影设置Label的透明度是否显示不透明UIButton创建为按钮添加事件UIView创建将新建的视图添加到父亲视图上隐藏视图设置透明度从父视图删除UIView的层级关系UILabelUILabel是 iOS 开发UIKit 框架中最常用的控件之一专门用于在界面上显示只读的文本。常用属性属性功能描述text设置显示的普通字符串。textColor设置文字颜色默认为黑色。frame设置位置font设置字体大小和样式。textAlignment对齐方式左对齐、居中、右对齐。numberOfLines行数限制。设置为0表示不限制行数自动换行。lineBreakMode断行模式比如末尾显示省略号...。adjustsFontSizeToFitWidth设为YES时如果文字过长会自动缩小字号以适应宽度。alpha设置透明度基本功能创建和初始化UILabel*label[[UILabel alloc]init];// 设置位置// 左, 上, 宽, 高label.frameCGRectMake(100,100,200,80);// 背景颜色label.backgroundColor[UIColor whiteColor];设置文本label.texthello Mobile xxxxxxxxxxx;// 设置文字的大小, 系统默认的大小是12label.font[UIFont systemFontOfSize:24];// 文字颜色label.textColor[UIColor systemCyanColor];// 文字对齐模式 // 默认左对齐label.textAlignmentNSTextAlignmentLeft;// 左对齐label.textAlignmentNSTextAlignmentRight;// 右对齐label.textAlignmentNSTextAlignmentCenter;// 居中对齐// 设定label文字显示的行数, 默认是 1 行来显示// 其他 0 的行数, 文字会尽量按照设定行数来显示// 如果设为0, 会自动计算需要的行数label.numberOfLines0;设置文本阴影文本阴影主要有两个属性:阴影颜色阴影的偏移量// 设置阴影label.shadowColor[UIColor greenColor];label.shadowOffsetCGSizeMake(20,10);// 左偏移量, 下偏移量设置Label的透明度//设置透明度// 1. alpha 1 不透明// 2. alpha 0 透明// 3. alpha 0.5 半透明label.alpha0.5;是否显示不透明// 是否显示不透明(不会影响透明度)label.opaqueNO;UIButton创建如果需要让按钮显示图片原色, 需要选择自定义类型的按钮自动定义类型的按钮 (图片)-(void)createImageBtn{// 创建一个自定义类型的BtnUIButton*btnImage[UIButton buttonWithType:UIButtonTypeCustom];btnImage.frameCGRectMake(100,200,100,100);UIImage*icon01[UIImage imageNamed:btn01.png];UIImage*icon02[UIImage imageNamed:btn02.png];// 设置按钮图片// p1: 显示的图片对象// p2: 控件的状态[btnImage setImage:icon01 forState:(UIControlStateNormal)];[btnImage setImage:icon02 forState:UIControlStateHighlighted];[self.view addSubview:btnImage];}创建系统类型按钮并设置基础属性// 系统类型按钮UIButton*btn[UIButton buttonWithType:UIButtonTypeSystem];btn.frameCGRectMake(100,400,100,100);btn.backgroundColor[UIColor systemCyanColor];设置按钮文字内容// 设置按钮的文字内容// p1: 字符床类型, 显示到按钮上的文字// p2: 设置文字显示的状态类型: UIControlStateNormal -- 正常状态[btn setTitle:btnforState:UIControlStateNormal];// 显示文字类型: UIControlStateHighlighted -- 按下状态[btn setTitle:btn is pressedforState:UIControlStateHighlighted];// 设置按钮文字颜色[btn setTitleColor:[UIColor greenColor]forState:UIControlStateNormal];// 设置按钮风格颜色// 设置之后, 所有的状态都按照此风格// 优先级低于 setTitleColor[btn setTintColor:[UIColor whiteColor]];// title.Label: UILabel 空间// 文字字体大小btn.titleLabel.font[UIFont systemFontOfSize:18];// 按钮背景颜色// 这里不是按钮的颜色,只是包裹按钮文字的Label的颜色btn.titleLabel.backgroundColor[UIColor redColor];为按钮添加事件向按钮添加事件函数p1: “谁” 来实现事件函数, 实现的对象就是谁p2: selctor(pressBtn): 函数对象, 当按钮满足p3事件类型时, 系统调用函数p3: UIControlEvent: 事件处理函数模型事件调用的状态UIControlEventTouchUpInside: 当手指离开屏幕时并且手指的位置在按钮范围内触发事件函数UIControlEventTouchUpOutside: 当手指离开屏幕时并且手指的位置在按钮范围外触发事件函数 (按下在范围内, 松开在范围外)UIControlEventTouchDown: 当手指触碰到按钮上时候触发UIControlEventTouchDown: 当手指多次连续触碰到按钮 (双击)[btn addTarget:selfaction:selector(pressBtn)forControlEvents:UIControlEventTouchUpInside];[btn addTarget:selfaction:selector(touchDown)forControlEvents:UIControlEventTouchDown];// 事件方法-(void)touchDown{NSLog(touched);}-(void)pressBtn{NSLog(Btn pressed);}可以通过为按钮设置标签来为事件添加参数调用事件// 设置按钮的标记值btn.tag101;btn02.tag102;// 带参数-(void)pressBtn:(UIButton*)btn{if(btn.tag101){NSLog(btn01 is pressed);}elseif(btn.tag102){NSLog(btn02 is pressed);}}UIViewUIView 是iOS视图对象, 是显示在屏幕上的所有的对象的基础类, 所有显示在屏幕上的对象一定继承于UIViewUIView 是一个矩形对象, 有背景属性, 可以显示, 有层级关系创建UIView*view[[UIView alloc]init];view.frameCGRectMake(100,100,100,200);[self.view addSubview:view];view.backgroundColor[UIColor orangeColor];self.view.backgroundColor[UIColor blueColor];将新建的视图添加到父亲视图上将新建的视图显示到屏幕上将视图对象作为父亲视图的子视图管理起来// 将新建的视图添加到父亲视图上// 1. 将新建的视图显示到屏幕上// 2. 将视图作为父亲视图的子视图管理起来[self.view addSubview:view];隐藏视图属性 hidden 为YES时隐藏, 为NO时不隐藏, 默认为NOview.hiddenYES;设置透明度alpha 1 不透明alpha 0 透明alpha 0.5 半透明view.alpha0.5;从父视图删除// 将自己从父亲视图删除[view removeFromSuperview];UIView的层级关系​sunviews 是管理所有self.view 的子视图的数组​ subview是将添加的视图按照添加顺序存储的, (先添加的在最下面), 但是在subviews中索引是靠前的bringSubviewToBack 是将子视图移动到 subviews[0] (subviews 的第一个),-(void)viewStage{UIView*view01[[UIView alloc]init];view01.frameCGRectMake(100,100,150,150);view01.backgroundColor[UIColor blueColor];UIView*view02[[UIView alloc]init];view02.frameCGRectMake(125,125,150,150);view02.backgroundColor[UIColor orangeColor];UIView*view03[[UIView alloc]init];view03.frameCGRectMake(150,150,150,150);view03.backgroundColor[UIColor greenColor];// 哪一个视图先添加到父亲视图上, 就先绘制哪一个视图[self.view addSubview:view01];[self.view addSubview:view02];[self.view addSubview:view03];// 将某一个视图调整到最前面显示// [self.view bringSubviewToFront: view01];//// // 将某一个视图调整到最后面// [self.view sendSubviewToBack: view02];// sunviews 管理所有self.view 的子视图的数组// subview是将添加的视图按照添加顺序存储的, (先添加的在最下面), 但是在subviews中索引是靠前的// bringSubviewToBack 是将子视图移动到 subviews[0] (subviews 的第一个),[self.view sendSubviewToBack:view02];// sunviews 管理所有self.view 的子视图的数组// UIView* viewFront self.view.subviews[2];UIView*viewBackself.view.subviews[0];// 从父亲视图删除[view02 removeFromSuperview];if(viewBackview02){NSLog(相等);}}