UIButton,圆角,阴影,立体效果, 文字位置,图文显示

UIButton 是日常开发中相当常用是控件,今天来做个简单的总结.

//这里创建一个圆角矩形的按钮 
UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect]; 
// 能够定义的button类型有以下6种，
// typedef enum {
// UIButtonTypeCustom = 0, 自定义风格
// UIButtonTypeRoundedRect, 圆角矩形 
// UIButtonTypeDetailDisclosure, 蓝色小箭头按钮，主要做详细说明用// UIButtonTypeInfoLight, 亮色感叹号
// UIButtonTypeInfoDark, 暗色感叹号
// UIButtonTypeContactAdd, 十字加号按钮
// 
} 
UIButtonType; 
//给定button在view上的位置 
button1.frame = CGRectMake(20, 20, 280, 20); //button背景色 
button1.backgroundColor = [UIColor clearColor];
 //设置button填充图片 
//[button1 setImage:[UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal]; 
//设置button标题 [button1 setTitle:@"点击" forState:UIControlStateNormal]; 
/* forState: 这个参数的作用是定义按钮的文字或图片在何种状态下才会显现*/ 
//以下是几种状态
// enum {
// UIControlStateNormal = 0, 常规状态显现 
// UIControlStateHighlighted = 1 << 0, 高亮状态显现 
// UIControlStateDisabled = 1 << 1, 禁用的状态才会显现
// UIControlStateSelected = 1 << 2, 选中状态 
// UIControlStateApplication = 0x00FF0000, 当应用程序标志时 
// UIControlStateReserved = 0xFF000000 为内部框架预留，可以不管他 

 };
 /* * 默认情况下，当按钮高亮的情况下，图像的颜色会被画深一点，如果这下面的这个属性设置为no， * 那么可以去掉这个功能 */ 
button1.adjustsImageWhenHighlighted = NO; 
/*跟上面的情况一样，默认情况下，当按钮禁用的时候，图像会被画得深一点，设置NO可以取消设置*/ 
button1.adjustsImageWhenDisabled = NO; 
/* 下面的这个属性设置为yes的状态下，按钮按下会发光*/
 button1.showsTouchWhenHighlighted = YES; 
/* 给button添加事件，事件有很多种，我会单独开一篇博文介绍它们，下面这个时间的意思是 按下按钮，并且手指离开屏幕的时候触发这个事件，跟web中的click事件一样。 触发了这个事件以后，执行butClick:这个方法，addTarget:self 的意思是说，这个方法在本类中 也可以传入其他类的指针*/
 [button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside]; 
//显示控件 [self.view addSubview:button1];

// 如果你想完全自定义, 那么

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; 

// 设置标题
[btn setTitle: @"普通状态" forState: UIControlStateNormal];
[btn setTitle: @"选中状态(选中时记得设为YES)" forState: UIControlStateSelectes];

// 设置图片
[btn setImage:[UIImage imageNamed:@"未选中"] forState:(UIControlStateNormal)];
    [btn setImage:[UIImage imageNamed:@"选中"] forState:(UIControlStateSelected)];

//设置字体大小
[btn setFont: [UIFont systemFontSize: 14.0]];

// 设置文字居位
//有些时候我们想让UIButton的title居左对齐，我们设置
btn.textLabel.textAlignment = UITextAlignmentLeft
是没有作用的，我们需要设置
btn.contentHorizontalAlignment = UIControlContentHorizonAlignmentLeft;
但是问题又出来，此时文字会紧贴到做边框，我们可以设置
btn.contentEdgeInsets = UIEdgeInsetsMake(0,10, 0, 0);
使文字距离做边框保持10个像素的距离。

设置UIButton上字体的颜色设置UIButton上字体的颜色，不是用：
[btn.titleLabel setTextColor:[UIColorblackColor]];
btn.titleLabel.textColor=[UIColor redColor];
而是用：
[btn setTitleColor:[UIColor blackColor]forState:UIControlStateNormal];
//自定义的框颜色
btn.layer.borderColor = [UIColor grayColor].CGColor;
 //自定义框的宽度 
 btn.layer.borderWidth = 1;
//自定义圆角, 当值为宽一半是为半圆
btn.layer.cornerRadius = 5;

// 自定义阴影(其他视图也可以使用此属性)
btn.layer.shadowColor = [UIColor yellowColor].CGColor;//shadowColor阴影颜色  
btn.layer.shadowOffset = CGSizeMake(0,0);//shadowOffset阴影偏移，默认(0, -3),这个跟shadowRadius配合使用  
btn.layer.shadowOpacity = 1;//阴影透明度，默认0  
_imageView1.layer.shadowRadius = 3;//阴影半径，默认3  

Button上的图文混排是不常用的,不过并不难

// 在UIButton中有三个对EdgeInsets的设置：ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets 
[button setImage:[UIImage imageNamed:@"图片"] forState:UIControlStateNormal];//给button加image 
button.imageEdgeInsets = UIEdgeInsetsMake(5,13,21,button.titleLabel.bounds.size.width);
//设置image在button上的位置（上top，左left，下bottom，右right）这里可以写负值，对上写－5，那么image就象上移动5个像素 
[button setTitle:@"文字" forState:UIControlStateNormal];//设置button的title 
button.titleLabel.font = [UIFont systemFontOfSize:16];//title字体大小 
button.titleLabel.textAlignment = NSTextAlignmentCenter;
//设置title的字体居中 
[button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
//设置title在一般情况下为白色字体 
[button setTitleColor:[UIColor grayColor] forState:UIControlStateHighlighted];
//设置title在button被选中情况下为灰色字体 
button.titleEdgeInsets = UIEdgeInsetsMake(71, -button.titleLabel.bounds.size.width-50, 0, 0);//设置title在button上的位置（上top，左left，下bottom，右right） 
// [button setContentEdgeInsets:UIEdgeInsetsMake(70, 0, 0, 0)];// 
// button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//设置button的内容横向居中。。设置content是title和image一起变化
// 点击Button方法 
[button addTarget: self action:@selector(tap) forControlEvents:UIControlEventTouchUpInside];