iOS开发中一些手写控件及其相关属性的使用
手写控件，frame，center和bounds属性
一、手写控件
1.手写控件的步骤
（1）使用相应的控件类创建控件对象
（2）设置该控件的各种属性
（3）添加控件到视图中
（4）如果是button等控件，还需考虑控件的单击事件等
（5）注意：ViewContollor和view的关系
2.注意点
在OC开发中，Storyboard中的所有操作都可以通过代码实现，程序员一定要熟练掌握代码布局界面的能力！
设置控件监听方法的示例代码如下：
[btnaddTarget:selfaction:@selector(click:)forControlEvents:UIControlEventTouchUpInside];
提示：
1>addTarget方法定义在UIControl类中，这意味着可以给所有继承自UIControl类的对象添加监听方法
2>监听方法的第一个参数就是对象本身
3>监听方法的第二个参数是监听控件的事件
3.代码示例
//1.使用类创建一个按钮对象 //UIButton*headbtn=[[UIButtonalloc]initWithFrame:CGRectMake(100,100,100,100)]; //设置按钮对象为自定义型 UIButton*headbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的各项属性 //(1)位置等通用属性设置 headbtn.frame=CGRectMake(100,100,100,100); //(2)设置普通状态下按钮的属性 [headbtnsetBackgroundImage:[UIImageimageNamed:@"i"]forState:UIControlStateNormal]; [headbtnsetTitle:@"点我！"forState:UIControlStateNormal]; [headbtnsetTitleColor:[UIColorredColor]forState:UIControlStateNormal]; //(3)设置高亮状态下按钮的属性 [headbtnsetBackgroundImage:[UIImageimageNamed:@"a"]forState:UIControlStateHighlighted]; [headbtnsetTitle:@"还行吧~"forState:UIControlStateHighlighted]; [headbtnsetTitleColor:[UIColorblueColor]forState:UIControlStateHighlighted]; //3.把对象添加到视图中展现出来 [self.viewaddSubview:headbtn]; //注意点！ self.headImageView=headbtn;
二、frame，center和bounds属性
1.frame、center和bounds属性
frame:控制位置和大小
center:控制位置（中心点）
bounds：控制大小（以自己的左上角为原点）
2.注意点
（1）通过以下属性可以修改控件的位置
frame.origin
center
（2）通过以下属性可以修改控件的尺寸
frame.size
bounds.size
3.代码示例
一个控制图片上下左右平移，缩放的程序（frame、center和bounds属性）
// // YYViewController.m // 01-练习使用按钮的frame和center属性 // // Createdbyappleon14-5-21. // Copyright(c)2014年itcase.Allrightsreserved. //
#import"YYViewController.h"
//私有扩展 @interfaceYYViewController()
@property(nonatomic,weak)IBOutletUIButton*headImageView; @end
@implementationYYViewController
//枚举类型，从1开始 typedefenum { ktopbtntag=1, kdownbtntag, krightbtntag, kleftbtntag }btntag;
//viewDidLoad是视图加载完成后调用的方法，通常在此方法中执行视图控制器的初始化工作 -(void)viewDidLoad { //在viewDidLoad方法中，不要忘记调用父类的方法实现 [superviewDidLoad];
//手写控件代码 //一、写一个按钮控件，上面有一张图片 //1.使用类创建一个按钮对象 //UIButton*headbtn=[[UIButtonalloc]initWithFrame:CGRectMake(100,100,100,100)]; //设置按钮对象为自定义型 UIButton*headbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的各项属性 //(1)位置等通用属性设置 headbtn.frame=CGRectMake(100,100,100,100); //(2)设置普通状态下按钮的属性 [headbtnsetBackgroundImage:[UIImageimageNamed:@"i"]forState:UIControlStateNormal]; [headbtnsetTitle:@"点我！"forState:UIControlStateNormal]; [headbtnsetTitleColor:[UIColorredColor]forState:UIControlStateNormal]; //(3)设置高亮状态下按钮的属性 [headbtnsetBackgroundImage:[UIImageimageNamed:@"a"]forState:UIControlStateHighlighted]; [headbtnsetTitle:@"还行吧~"forState:UIControlStateHighlighted]; [headbtnsetTitleColor:[UIColorblueColor]forState:UIControlStateHighlighted]; //3.把对象添加到视图中展现出来 [self.viewaddSubview:headbtn]; //注意点！ self.headImageView=headbtn;
//二、写四个控制图片左右上下移动方向的按钮控件 /**================向上的按钮=====================*/ //1.创建按钮对象 UIButton*topbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的属性 topbtn.frame=CGRectMake(100,250,40,40); [topbtnsetBackgroundImage:[UIImageimageNamed:@"top_normal"]forState:UIControlStateNormal]; [topbtnsetBackgroundImage:[UIImageimageNamed:@"top_highlighted"]forState:UIControlStateHighlighted]; [topbtnsetTag:1]; //3.把控件添加到视图中 [self.viewaddSubview:topbtn]; //4.按钮的单击控制事件 [topbtnaddTarget:selfaction:@selector(Click:)forControlEvents:UIControlEventTouchUpInside]; /**================向下的按钮=====================*/ //1.创建按钮对象 UIButton*downbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的属性 downbtn.frame=CGRectMake(100,350,40,40); [downbtnsetBackgroundImage:[UIImageimageNamed:@"bottom_normal"]forState:UIControlStateNormal]; [downbtnsetBackgroundImage:[UIImageimageNamed:@"bottom_highlighted"]forState:UIControlStateHighlighted]; [downbtnsetTag:2]; //3.把控件添加到视图中 [self.viewaddSubview:downbtn]; //4.按钮的单击控制事件 [downbtnaddTarget:selfaction:@selector(Click:)forControlEvents:UIControlEventTouchUpInside];
/**================向左的按钮=====================*/ //1.创建按钮对象 UIButton*leftbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的属性 leftbtn.frame=CGRectMake(50,300,40,40); [leftbtnsetBackgroundImage:[UIImageimageNamed:@"left_normal"]forState:UIControlStateNormal]; [leftbtnsetBackgroundImage:[UIImageimageNamed:@"left_highlighted"]forState:UIControlStateHighlighted]; [leftbtnsetTag:4]; //3.把控件添加到视图中 [self.viewaddSubview:leftbtn]; //4.按钮的单击控制事件 [leftbtnaddTarget:selfaction:@selector(Click:)forControlEvents:UIControlEventTouchUpInside]; /**================向右的按钮=====================*/ //1.创建按钮对象 UIButton*rightbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置对象的属性 rightbtn.frame=CGRectMake(150,300,40,40); [rightbtnsetBackgroundImage:[UIImageimageNamed:@"right_normal"]forState:UIControlStateNormal]; [rightbtnsetBackgroundImage:[UIImageimageNamed:@"right_highlighted"]forState:UIControlStateHighlighted]; [rightbtnsetTag:3]; //3.把控件添加到视图中 [self.viewaddSubview:rightbtn]; //4.按钮的单击控制事件 [rightbtnaddTarget:selfaction:@selector(Click:)forControlEvents:UIControlEventTouchUpInside]; //三、写两个缩放按钮 /**================放大的按钮=====================*/ //1.创建对象 UIButton*plusbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; //2.设置属性 plusbtn.frame=CGRectMake(75,400,40,40); [plusbtnsetBackgroundImage:[UIImageimageNamed:@"plus_normal"]forState:UIControlStateNormal]; [plusbtnsetBackgroundImage:[UIImageimageNamed:@"plus_highlighted"]forState:UIControlStateHighlighted]; [plusbtnsetTag:1]; //3.添加到视图 [self.viewaddSubview:plusbtn]; //4.单击事件 [plusbtnaddTarget:selfaction:@selector(Zoom:)forControlEvents:UIControlEventTouchUpInside]; /**================缩小的按钮=====================*/ UIButton*minusbtn=[UIButtonbuttonWithType:UIButtonTypeCustom]; minusbtn.frame=CGRectMake(125,400,40,40); [minusbtnsetBackgroundImage:[UIImageimageNamed:@"minus_normal"]forState:UIControlStateNormal]; [minusbtnsetBackgroundImage:[UIImageimageNamed:@"minus_highlighted"]forState:UIControlStateHighlighted]; [minusbtnsetTag:0]; [self.viewaddSubview:minusbtn]; [minusbtnaddTarget:selfaction:@selector(Zoom:)forControlEvents:UIControlEventTouchUpInside]; }
//控制方向的多个按钮调用同一个方法 -(void)Click:(UIButton*)button {
//练习使用frame属性 //CGRectframe=self.headImageView.frame; /**注意，这里如果控制位置的两个属性frame和center同时使用的话，会出现很好玩的效果，注意分析*/ //练习使用center属性 CGPointcenter=self.headImageView.center; switch(button.tag){ casektopbtntag: center.y-=30; break; casekdownbtntag: center.y+=30; break; casekleftbtntag: //发现一个bug,之前的问题是因为少写了break,造成了它们的顺序执行，sorry //center.x=center.x-30; center.x-=50; break; casekrightbtntag: center.x+=50; break; } // self.headImageView.frame=frame; //首尾式设置动画效果 [UIViewbeginAnimations:nilcontext:nil]; self.headImageView.center=center; //设置时间 [UIViewsetAnimationDuration:2.0]; [UIViewcommitAnimations]; NSLog(@"移动!"); } -(void)Zoom:(UIButton*)btn { //使用frame，以自己的左上角（自己的原点）为原点 // CGRectframe=self.headImageView.frame; // if(btn.tag){ // frame.size.height+=30; // frame.size.width+=30; // } // else // { // frame.size.width-=50; // frame.size.height-=50; // } // self.headImageView.frame=frame; //使用bounds，以中心点位原点进行缩放 CGRectbounds=self.headImageView.bounds; if(btn.tag){ bounds.size.height+=30; bounds.size.width+=30; } else { bounds.size.height-=50; bounds.size.width-=50; } //设置首尾动画 [UIViewbeginAnimations:nilcontext:nil]; self.headImageView.bounds=bounds; [UIViewsetAnimationDuration:2.0]; [UIViewcommitAnimations]; } @end