UIButton文字居左显示

UILabel文字居左显示

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

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

运行的效果如下:

label.backgroundColor = [UIColor orangeColor]; 设置label的背景颜色方便我们参考。

UIButton文字居左显示

创建UIButton

    // 创建按钮对象
    UIButton *button = [[UIButton alloc] init];
    // 设置坐标
    button.frame = CGRectMake(100, 100, 150, 100);
    // 设置标题
    [button setTitle:@"button for JH" forState:UIControlStateNormal];
    // 设置标题颜色
    [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    // 设置背景颜色
    [button setBackgroundColor:[UIColor orangeColor]];
    [self.view addSubview:button];

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

让文字居左

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

button.titleLabel.textAlignment = NSTextAlignmentLeft;

运行效果如下:

我们发现UIButton的文字还是居中显示。竟然没有居左显示, HOW TO DO? 先进去->UIButton->UIControl看看，还有哪些属性。我们很快就发现：

typedef NS_ENUM(NSInteger, UIControlContentVerticalAlignment) {
    UIControlContentVerticalAlignmentCenter  = 0,
    UIControlContentVerticalAlignmentTop     = 1,
    UIControlContentVerticalAlignmentBottom  = 2,
    UIControlContentVerticalAlignmentFill    = 3,
};

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;

enen.UIButton文字居左显示完成了。 谢谢。