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]; 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,182评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,107评论 4 62
  • 2017年的第一个工作日,也是开了个头吧,好不好倒是另说,至少一些事情慢慢有了眉目。 南姐确定要去审计了,跟我预计...
    聂一一阅读 289评论 0 0
  • 手机又在喊我清理一下垃圾了。 为了得到更流畅的体验,我果断选择了清理内存。 清理垃圾一般不会清理掉文字聊天记录,清...
    布瓜先生阅读 648评论 3 2