温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(43583)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'页面html图片按钮多种写法',
blogAbstract:'&第一种： 在一般情况下按钮提交表单：
&&&& &form id=\"form1\" name=\"form1\" method=\"post\" action=\"index.html\"&& &input type=\"submit\" name=\"button\" id=\"button\" value=\"提交\" /&&& &/form&
这样提交按钮是标签 &input type=\"submit\"&，如果想换成图片加上样式，把value=\"提交\" 改成value=\" \"（这样“提交”两个字就不会显示在这张背景图片的上面）：
& #button{&background:url(eeo_2.jpg) no-',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:2,
permalink:'blog/static/',
commentCount:5,
mainCommentCount:3,
recommendCount:9,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}UIButton *btnTemp = [UIButtonbuttonWithType:UIButtonTypeCustom];
深度定制一个按钮
UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeCustom];
btn1.frame = CGRectMake(0, 0, 200, 140);
btn1.center = CGPointMake(180, 215);
btn1.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightM
[btn1 setTitle:@"" forState:UIControlStateNormal];
[btn1 addTarget:self action:@selector(btnTest) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn1];注意：通过 [UIButton buttonWithType:UIButtonTypeCustom] 创建的按钮不能手动release，交给系统好了。不能写 [button release];
疑问 & 发现
两种不同的创建方式，其中一种button 可以显示titile，但是另外一种不能显示。如下所示；
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
//使用这种创建方式，button 不能显示 titile
button.frame = CGRectMake(10+(Screen_width*schemeCount)+30+100, 20+(j*30), 130, 40);
//使用alloc的方式创建，button 可以显示title
UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(10+(Screen_width*schemeCount)+30+100, 20+(j*30), 130, 40)];
[button setTitle:@"1" forState:UIControlStateNormal];
[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[button setBackgroundColor:[UIColor whiteColor]];
[self.uisv_bottomView addSubview:button];
[button release];
找到狗血的原因了！使用如下方法创建button时，不能使用［button release]; 否则，button 不能显示标题
UIButton *button = buttonWithType:UIButtonTypeRoundedRect]; button.frame = CGRectMake(10+(Screen_width*schemeCount)+30+100, 20+(j*30), 130, 40);
疑问：经过实践发现，当把一个button 依附到一个 imageview时，button按钮没有按下去的效果，而且，不能够设置背景图片。只能设置颜色。下面代码，在［imageView addSubView:button]; 不起作用。为什么？ 难道button 只能add到view上？而不是imageView上？（是不是也因为狗血的 release 啊）
[button setBackgroundImage:[UIImage imageNamed:@"button_anpai.png"] forState:UIControlStateNormal];
btn.frame = CGRectMake(x, y, width, height);
[btn setTitle: @"search" forState: UIControlStateNormal];
//设置按钮上的自体的大小
//[btn setFont: [UIFont systemFontSize: 14.0]];&&& //这种可以用来设置字体的大小，但是可能会在将来的SDK版本中去除改方法
//应该使用
btn.titleLabel.font = [UIFont systemFontOfSize: 14.0];
[btn seBackgroundColor: [UIColor blueColor]];
//最后将按钮加入到指定视图superView
[superView addSubview: btn]; & & & &//为什么要指定到superview？
==========================================================
tvnamelabel=[[UIButton alloc]initWithFrame:CGRectMake(5,5,200,40)];
这样初始化的button，文字默认颜色是白色的，所有如果背景也是白色的话，是看不到文字的，
btn.contentHorizontalAlignment=UIControlContentHorizontalAlignmentL//设置文字位置，现设为居左，默认的是居中
但是问题又出来，此时文字会紧贴到做边框，我们可以设置
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];
长按按钮响应事件
//长按删除按钮
UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(deleteLongPressed)];
longPress.minimumPressDuration = 0.5;
//最短按压时间,一般地，此句不写也可以
[uib_delete addGestureRecognizer:longPress];
//长按删除按钮，删除所有输入的号码
-(void)deleteLongPressed
uil_phoneNumber.text = @"";
nsms_phoneNumber = [[NSMutableString alloc]initWithFormat:@""];
UIButton 两种设置背景图片方式的区别
第一种：setBackGroudImage & ：图片被拉伸
第二种：setImage & & : &图片保持原大小
参考：& & 讲图片进行拉伸设置为button的背景。
非alloc 的button 都不要release ，否则button 显示不出来。虽然button的 retaincount 还是1 。如下
//button 剧集
button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0, k_headImageView_height, SCREEN_WIDTH/2-1, 84/2-1);
[button setBackgroundImage:[ImageUtilities createImageWithColor:[UIColor whiteColor]] forState:UIControlStateNormal];
[button setBackgroundImage:[ImageUtilities createImageWithColor:[ColorUtils colorWithHexString:k_buttonSelect_backGroudColor]] forState:UIControlStateSelected];
[button setTitle:@"剧集" forState:UIControlStateNormal];
[button.titleLabel setFont:[UIFont systemFontOfSize:k_introduceInfo_fontSize]];
[button setTitleColor:[ColorUtils colorWithHexString:k_introduceInfo_textColor] forState:UIControlStateNormal];
[button setTitleColor:[ColorUtils colorWithHexString:k_buttonSelect_textColor] forState:UIControlStateSelected];
[button addTarget:self action:@selector(btnEpisodeClicked:) forControlEvents:UIControlEventTouchUpInside];
episodeButton =
[self.view addSubview:episodeButton];
//[button release];
若此处添加 release， button 将显示不出来。
如何设置能让UIButton点一下，保持按下去的状态，再点一下弹起来？
方法：做一个判断修改selected属性如：&&&&[_tmpBtn setSelected:YES]; OR [_tmpBtn setSelected:NO];
UIButton 的的对象 button 有三种 状态，分贝是normal & selected &highlighted ，他们之间有什么区别？
UIControlStateNormal &指按钮的正常状态，这个没有异议吧。
UIControlStateHighlighted & 指按钮被按下去时的状态！
UIControlStateSelected & & & 指按钮被选中时的状态！
&按下去&和&选中&有什么区别？&按下去时状态&指被手指按压时的状态。&选中时状态&指手指按压已经完毕，并离开。按钮呈现的状态。所以，设置一个按钮被按下去时的图片变化时，要用UIControlStateHighlighted而不是UIControlStateSelected。
UIButton的一个小陷阱&&注意：titleLabel是readonly的！
在使用UIButton的时候，有时需要在运行时动态改变按钮的文字、样式。但iOS SDK的文档说得不是很清楚，使用错误的API经常会产生诡异的结果，如点击UIButton后，text变回默认值。
这问题我遇到过三回了，每回都要重新google一下才解决。以前觉得这些不起眼的小问题，不值得单独写一篇文章，但往往这些问题现常见。以后会持续把遇到的一些小问题作为Tips的形式分享出来，希望也可以帮助到其它的开发者。
错误的方式
yourButton.titleLabel.text = @"SampleText"
这里titleLabel是readonly的，但我们可以改变titleLabel的property。问题出在UIButton是有Default, Highlighted, Selected, Disabled几种状态的。这种方式会改变当前状态的text，但一旦状态改变（如tap一下）,则会变成默认的设置。
正确的方式
[yourButton setTitle:@"SampleText" forState:UIControlStateNormal];
如果其它状态没有特别设置的话，设置UIControlStateNormal这个状态，会自动设置其它状态。
让UIButton在按下时没有高亮效果
button1.adjustsImageWhenHighlighted = NO;
//取消按钮高亮状态（有些时候，我们并不想要系统给的那个状态）
方法二：为UIButton所有状态设置一张透明的图片。详情请看：
设置按钮被点中的高亮光晕效果
[cancelButton setShowsTouchWhenHighlighted:YES];
按钮扩大触摸响应区域
原来代码如下：menuBtn.frame = CGRectMake(4, 8, 44, 28);
扩大触摸区域代码如下：
[menuBtn setImage:[PYUtiles imageFromFile:@"MenuBtn.png"] forState:UIControlStateNormal];
[menuBtn setFrame:CGRectMake(0, 0, 48, 44)];
[menuBtn setContentMode:UIViewContentModeCenter];
原理，扩大button的frame rect，并且将图片设置成居中即可
注意，这边要是setImage，setBackgroundImage不行，会扩大图片到整个响应区域
&设置UIButton 的字体阴影
[[rightButton titleLabel] setShadowColor:[UIColor blackColor]];
[[rightButton titleLabel] setShadowOffset:CGSizeMake(-0.5, -0.5)];
调整Button内部内容的边距(Padding)
[self.userNameButton setContentEdgeInsets:UIEdgeInsetsMake(0, 3, 0, 0)];
& （点击进入）
参考：&（在按钮up的时候button的highlighted状态会被clear,）
&（点击进入）
总结：当button的状态为selected的时候，高亮时对应的状态应该是selected|highlighted，这与normal下高亮的状态highlighted不同。
代码如下：
[myButton setImage:imageSelectedHover forState:(UIControlStateSelected | UIControlStateHighlighted)];
UIButtonTypeCustom 和 &UIButtonTypeRoundedRect &的区别
&UIButtonTypeCustom ：是一个背景透明的按钮。 &如果想做按钮中图片切换（不同状态），必须使用两张图片进行设置。
UIButtonTypeRoundedRect ：是一个圆角矩形按钮。方便之处：系统会自动为这种按钮设置高亮状态（半透明状态）。即，通过一张图片，就可以做出按钮交互的效果。 不方便的地方：如果你想自定义不同状态下，按钮显示的背景，这种类型的按钮就支持的不好。
建议：快速开发，每个按钮只有一张图片，建议使用UIButtonTypeRoundedRect。按钮高度自定义，建议使用UIButtonTypeCustom。
titleEdgeInsets &imageEdgeInsets 的使用
& [myButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 0)]; 4个参数是上边界，左边界，下边界，右边界。
使用UIButton和UIImageView时的坑
－》使用将UIButton设置为透明，然后使用UIImage 或者UIImageView作为UIButton的父view，可能会使UImage覆盖的那片UIButton区域失去事件响应。解决方案：设置UIimage或者UIImageView的人机交互属性为YES. & & ***.userInteractionEnabled&=&YES;
2、同理，如果将一个imageview作为uibutton的子view赋给uibutton，那么uibutton被覆盖的区域将失去事件响应能力。解决方案：让uibutton在上层，imageview在下层即可。注意，此处设置人机交互属性为YES也是没用的哦。&
uibutton增加长按事件之后怎么识别自己uibutton.tag
UIButton *btn =(UIButton*)gesture.NSLog(@"%d",btn.tag);
阅读(...) 评论()