iOS Button 上文字图片位置的设置

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1. 添加图片+文字／文字+图片，不分前后，图片默认在文字前边加空格隔开

UIButton * button =[[UIButton alloc] initWithFrame:CGRectMake(, , , )];
button.backgroundColor =[UIColor grayColor];
//图片
[button setImage:[UIImage imageNamed:@"but"] forState:UIControlStateNormal]; //文字
[button setTitle:@" But文字" forState:UIControlStateNormal];
[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
button.titleLabel.font =[UIFont boldSystemFontOfSize:]; [self.view addSubview:button];

2.设置文字图片显示整体位置：居中、左、右；单独设置文字的位置

top : 为正数的时候,是往下偏移,为负数的时候往上偏移;

left : 为正数的时候往右偏移,为负数的时候往左偏移;

bottom : 为正数的时候往上偏移,为负数的时候往下偏移;

right :为正数的时候往左偏移,为负数的时候往右偏移;

UIButton * button =[[UIButton alloc] initWithFrame:CGRectMake(, , , )];
button.backgroundColor =[UIColor grayColor];
//文字
[button setTitle:@"But文字" forState:UIControlStateNormal];
[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
button.titleLabel.font =[UIFont boldSystemFontOfSize:];
//图片
[button setImage:[UIImage imageNamed:@"but"] forState:UIControlStateNormal]; /////////////修改///////////////////
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示
/*
UIControlContentHorizontalAlignmentCente
UIControlContentHorizontalAlignmentLeft
UIControlContentHorizontalAlignmentRight
UIControlContentHorizontalAlignmentFill */
//文字可以显示在 button 视图之外，但不接收点击事件响应
[button setTitleEdgeInsets:UIEdgeInsetsMake(button.imageView.frame.size.height ,button.imageView.frame.size.width, 0.0,0.0)];//文字距离上边框的距离增加imageView的高度，距离左边框减少imageView的宽度，距离下边框和右边框距离不变
/////////////////////////////////////// [self.view addSubview:button];