UIButton文字居左显示

今天我们来讲如何让UIButton文字居左显示？我们都应该写过让UILabel的text居左显示。代码也非常简单。

UILabel文字居左显示

实现文字居左显示代码如下：

UILabel *label = [[UILabel alloc] init];
label.frame = CGRectMake(50, 100, 200, 50);
label.text = @"我是label";
label.textAlignment = NSTextAlignmentLeft;
label.backgroundColor = [UIColor orangeColor];
[self.view addSubview:label];

运行起来看一下效果：

label.backgroundColor = [UIColor orangeColor];设置label的背景颜色方便我们参考。你是不是这样做的。依次类推UIButton也很简单，你肯定能想到。我们来看看。

UIButton文字居左显示

创建UIButton

UIButton *button = [[UIButton alloc] init];
//设置坐标
button.frame = CGRectMake(100, 100, 100, 50);
//设置标题
[button setTitle:@"我是UIButton" forState:UIControlStateNormal];
//设置标题颜色
[button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
//设置背景颜色    
[button setBackgroundColor:[UIColor orangeColor]];
[self.view addSubview:button];

以上代码是创建一个button，设置坐标、标题、和标题颜色。

让文字居左

按照UILabel文字居左的写法，UIButton应该这么写：

 button.titleLabel.textAlignment = NSTextAlignmentLeft;

运行一下看一下效果：

我们发现UIButton的文字还是居中显示。竟然没有居左显示，怎么办呢？进UIButton看看，还有哪些属性。很快发现：


@property(nonatomic) UIControlContentHorizontalAlignment contentHorizontalAlignment; // how to position content hozontally inside control. default is center
typedef NS_ENUM(NSInteger, UIControlContentHorizontalAlignment) {UIControlContentHorizontalAlignmentCenter = 0,UIControlContentHorizontalAlignmentLeft   = 1,UIControlContentHorizontalAlignmentRight  = 2,UIControlContentHorizontalAlignmentFill   = 3,
};

设置contentHorizontalAlignment

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

再次运行起来看效果：

果然可以，是不是看着居左显示很难看，太靠边了。很简单，设置UIButton的titleEdgeInsets属性：

button.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);

这样button的title就距左边10个像素的距离。

居右显示就很简单了：

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;

UIButton文字居左显示相关推荐

html居右显示语言设置,iOS开发：纯代码设置UIButton文字居左或者居右显示
UIButton这个控件使用,作为资深的iOS开发人员来说是小儿科,但是有些时候还是需要记录一下UIButton的一些其他用法,这样方便快速解决实际问题.比如UIButton的纯代码编程的时候,设置文 ...
html单行元素居中显示，多行元素居左显示
有很多的业务需要元素或者文字如果单行,居中显示,如果数据增多,居中显示代码(直接复制到编辑器可用): <!DOCTYPE html> <html lang="en&quo ...
MUI 列表组件：文字居左中右（排版） - 代码篇
MUI 列表组件:文字居 - 代码篇添加 .mui-text-left类,控制list:列表的文字居中排布问题. 效果图: 代码如下: <ul class="mui-table-vi ...
bootstrap中文字居左和居右
文字居左class="pull-left" 文字居右class="pull-right" 文字居左class="text-left".文字 ...
页面某个模块的文字内容是动态的，可能是几个字，也可能是一句话。然后，希望文字少的时候居中显示，文字超过一行的时候居左显示。该如何实现？...
text-align属性只能在内联元素 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
echars 柱状图靠左_echart 柱状图如何让y轴文字靠左显示，series上文字右对齐显示...
option = { title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { ...
css小技巧 -- 单标签实现单行文字居中，多行文字居左
可能出现的尺寸场景: 代码如下: <!DOCTYPE html> <html lang="zh"><head><meta charset= ...
宽高未知且居中，内容居左
父级parent设置position:relative:子级parentBox设置position:absolute:left:0:right:0:overflow:hidden: 上面的设置可使外层 ...
谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略
开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉 ...

UIButton文字居左显示

UILabel文字居左显示

UIButton文字居左显示

创建UIButton

让文字居左

设置contentHorizontalAlignment

UIButton文字居左显示相关推荐

最新文章

热门文章