您的位置:首页 > 产品设计 > UI/UE

UIButton 按钮控件-IOS开发

2012-03-12 00:00 513 查看
声明
欢迎转载,但是请尊重作者劳动成果,转载请保留此框内声明,谢谢。
文章出处:http://blog.csdn.net/iukey
UIButton是一个标准的UIControl控件,所以如果你对UIControl不甚了解还是先看一下我的另一篇博文:《UIControl IOS控件编程》

一、创建

两种方法:

1. 常规的 initWithFrame

UIButton *btn1 = [[UIButton alloc]initWithFrame:CGRectMake(10, 10, 80, 44)];
对代码创建View(UIControl继承自UIView,所以也是view)不甚了解的请参看:
《有关View的几个基础知识点》

2. UIButton 的一个类方法(也可以说是静态方法)buttonWithType

UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeRoundedRect];


风格有如下

typedef enum {
UIButtonTypeCustom = 0,           // no button type   自定义,无风格
UIButtonTypeRoundedRect,          // rounded rect, flat white button, like in address card 白色圆角矩形,类似偏好设置表格单元或者地址簿卡片
UIButtonTypeDetailDisclosure,//蓝色的披露按钮,可放在任何文字旁
UIButtonTypeInfoLight,//微件(widget)使用的小圆圈信息按钮,可以放在任何文字旁
UIButtonTypeInfoDark,//白色背景下使用的深色圆圈信息按钮
UIButtonTypeContactAdd,//蓝色加号(+)按钮,可以放在任何文字旁
} UIButtonType;
二、设置属性

1.Frame属性

第2种方法创建按钮后你可以给按钮的frame属性赋值,用一个CGRect结构设置他的位置和大小

CGRect btn2Frame = CGRectMake(10.0, 10.0, 60.0, 44.0);
btn2.frame =btn2Frame;
2. title属性

对于任何特定状态下的按钮,都可以设定该按钮该状态下的按钮标题。用setTitle 方法 设置即可:

[btn1 setTitle:@"BTN1" forState:UIControlStateNormal];

你也可以为按钮的某一状态设置为图。用 setImage 即可:

[btn2 setImage:[UIImage imageNamed:@"pic"] forState:UIControlStateNormal];

此外,你还可以为每种按钮状态设置标题的颜色和阴影,以及按钮的背景。方法 setTitleColor 和 setTitleShadowColor 都需要一个UIColor对象做参数:

[btn1 setTitleColor:[UIColor redColor] forState:UIControlStateNormal];//设置标题颜色
[btn1 setTitleShadowColor:[UIColor grayColor] forState:UIControlStateNormal ];//阴影
[btn1 setBackgroundImage:[UIImage imageNamed:@"PIC"] forState:UIControlStateHighlighted];//背景图像

上面几个方法都提到 共同的参数 forState . 这个参数决定了标题、图像或其他属性将在何种状态下显现。你可以编程令按钮在那个状态变化

enum {
UIControlStateNormal       = 0,  //常态
UIControlStateHighlighted  = 1 << 0,                  // used when UIControl isHighlighted is set 高亮
UIControlStateDisabled     = 1 << 1,  //禁用
UIControlStateSelected     = 1 << 2,                  // flag usable by app (see below) 选中
UIControlStateApplication  = 0x00FF0000,              // additional flags available for application use 当应用程序标志使用时
UIControlStateReserved     = 0xFF000000               // flags reserved for internal framework use  为内部框架预留的
};
typedef NSUInteger UIControlState;
你只要掌握前四种状态就好了。

当按钮高亮或者禁用,UIButton 类可以调整自己的外观,下面几个属性可以让你按照需要对按钮的外观进行微调:

adjustsImageWhenHighlighted

默认情况下,在按钮被禁用时,图像会被画的颜色深一些。要禁用此功能,请将这个属性设置为NO:

btn1.adjustsImageWhenHighlighted = NO;


adjustsImageWhenDisabled 默认情况下,按钮在被禁用时,图像会被画的颜色淡一些。要禁用此功能,请将这个属性设置为NO:

btn1.adjustsImageWhenDisabled = NO;


showsTouchWhenHighlighted
这个

属性设置为YES,可令按钮在按下时发光。这可以用于信息按钮或者有些重要的按钮:

btn1.showsTouchWhenHighlighted = YES;
三、显示控件

显示控件一如继往的简单:

[self.view addSubview:btn1];
[self.view addSubview:btn2];


四、重写绘制行为

你可以通过子类化按钮来定制属于你自己的按钮类。在子类化的时候你可以重载下面这些方法,这些方法返回CGRect结构,指明了按钮每一组成部分的边界。

注意:不要直接调用这些方法, 这些方法是你写给系统调用的。

backgroundRectForBounds   //指定背景边界

contentRectForBounds // 指定内容边界

titleRectForContentRect    // 指定文字标题边界

imageRectForContentRect     //指定按钮图像边界


例:

- (CGRect)imageRectForContentRect:(CGRect)bounds{
return CGRectMake(0.0, 0.0, 44, 44);
}


五、添加动作
按钮是用来干嘛的?用来激发某个动作或事件的。那我们我们要为他添加一个动作,与 UIControl 里讲的一样:

-(void)btnPressed:(id)sender{
UIButton* btn = (UIButton*)sender;
//开始写你自己的动作
}

[btn1 addTarget:self action:@selector(btnPressed:) forControlEvents:UIControlEventTouchUpInside];


六、END

END?还未结束,不过UIButton结束了,留下一个未结束的话题: UIBarButtonItem .他和UIButton啥关系,后面会有文章来讲,目前你只要搞清楚UIButton就好了。

一个写此文用的小Demo附在后面:UIButtonDemo

$(document).ready(function(){dp.SyntaxHighlighter.HighlightAll('code');});

原文链接:
http://blog.csdn.net/iukey/article/details/7305790
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: