iPhone UIButton图标与文字间距设置【转】

UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(50, 50, 150, 50)];

[button setTitle:@"HHH" forState:UIControlStateNormal];

[button setBackgroundImage:[UIImage imageNamed:@"narrowend.png"] forState:UIControlStateNormal];

[button setImage:[UIImage imageNamed:@"panelicon.png"] forState:UIControlStateNormal];

默认情况下,图片及按钮文字如下:

加入如下代码后

[button setImageEdgeInsets:UIEdgeInsetsMake(0.0, -20, 0.0, 0.0)];

[button setImageEdgeInsets:UIEdgeInsetsMake(<#CGFloat top#向上偏移量>, <#CGFloat left#向左偏移量>, <#CGFloat bottom#向下偏移量>, <#CGFloat right#向右上偏移量>)];
同时还可以设置文字的偏移量:

[button setTitleEdgeInsets:UIEdgeInsetsMake(<#CGFloat top#>, <#CGFloat left#>, <#CGFloat bottom#>, <#CGFloat right#>)];

iPhone UIButton图标与文字间距设置【转】

时间: 2024-08-07 11:31:18

iPhone UIButton图标与文字间距设置【转】的相关文章

UIButton 图标与文字上下垂直对齐

botton.imageEdgeInsets = UIEdgeInsetsMake(- (botton.frame.size.height - botton.imageView.frame.size.height)/2, 0, (botton.frame.size.height - botton.imageView.frame.size.height)/2, 0); botton.titleEdgeInsets = UIEdgeInsetsMake(0, - (botton.imageView.

Android TextView 设置文字间距

搜索结果都不靠谱,基本上都说是android:textScaleX可以设置文字间距,也不知道你们到底有没有真正做过开发. Android开发文档里描述的很清楚: android:textScaleX Sets the horizontal scaling factor for the text. 这个东西是用来设置水平方向的文字放大和缩小的. 其实设置文字间距可以通过修改string.xml里的字符,在其中添加空格来实现. 但是在字符串中直接输入空格达不到想要的效果,这就需要使用转义字符来进行转

android CheckBox RadioButton 图片与文字间距问题

在使用自定义的CheckBox 或RadioButton时,自定义的图标和文字在不同的手机上显示的间距不同,有时不太好控制,下面是我自定义的CheckBox: 在Layout下的xml: <CheckBox android:id="@+id/recharge_activity_cb" style="@style/CustomCheckboxTheme" android:layout_width="wrap_content" android:

css:图标与文字对齐的两种方法

(好久没写博客了,这几个月的积累比较零碎,记在本子上,现在开始整理归类) 在平时写页面的过程中,常遇到要把小图标与文字对齐的情况.比如: 总结了两种方法,代码量都比较少. 第一种 对img设置竖直方向对齐为middle, <div> <img src="" class="heart"> <span>1169</span> <img src="" class="comment"

标题栏中小图标和文字垂直居中的解决办法

我们差不多都遇到过这种情况 就是top栏里经常会有图标和文字不对齐的状态 如下图所示: 结构是 <div class="parent"> <i class="icon"></i> <span>中国</span> </div> 这里时候的css是 .parent{ width: 100%; height: 30px; background: #000000; } .icon{ display:in

段落排版--中文字间距、字母间距(letter-spacing, word-spacing)

中文字间隔.字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用    letter-spacing 来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距. 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用 word-spacing 来实现.如下代码: h1{ word-spacing:50px; } ... <h1>we

实现图标Icon+文字在div里自动中心居中(水平垂直居中)

已知div行高设置text-align:center文字会自动居中. 通过:before来设置icon的地址和高宽. 需要设置图片默认的垂直居中条件,与文字一致,为text-bottom. 设置图片行级显示. <!Doctype html><html><head><style>body{margin:0;padding:0;}.con{position:absolute;width:500px;height:50px;border:1px red solid

css 字间距离_css 字体字符间距设置

css 字间距,使用css来控制字与字之间距离,也叫css字间距方法. 使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距. Css字间距.div css字符间距样式实例 1.text-indent设置抬头距离css缩进 即对,对应div设置css样式text-indent : 20px; 缩进了20px 2.letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter-spacing:

小图标和文字的居中对齐-小总结

小图标和文字的居中对齐问题,相信大家在很多时候会遇到.今天楼主从其他大神那边扒了一些方法,现在做个小小的总结. 说明:本次用到的小图标来自阿里巴巴矢量图,大家可以去找一下(地址:http://www.iconfont.cn/plus/collections/detail?cid=3223)我的图标尺寸是20px*20px 第一种办法:vertical-align和line-height结合 特点:这种办法只适用于放置小图标和文字的标签的display属性都是inline的情况. 效果图: 代码如