实现button的图文并茂

来源：互联网发布：js模块化开发框架编辑：程序博客网时间：2024/05/01 03:51

在项目的开发过程中，我们总要用到button控键，一般都是在button上加标题，或者给个效果图。但我们时常会

遇到图片，文字上下左右的界面设计，这个时候我们往往会添加几个button或者几个lable来实现这种效果，今天我们

再也不用这么麻烦了，只要一个button即可。下面是创建一个button的代码：

scanbutton = [UIButton buttonWithType:UIButtonTypeCustom];

[scanbutton setImage:[UIImage imageNamed:@"start.png"] forState:UIControlStateNormal];

[scanbutton setTitle:@"检测所有" forState:UIControlStateNormal];

[scanbutton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

[scanbutton setFrame:CGRectMake((WIDTH-200)/2, (HEIGHT-200)/2, 200, 200)];

关键在于这两行代码，以下两个方法分别是设置图片和文字相对button的top，left，bottom，right位置。

要实现实际的效果，一般很难一步到位，当然需要我们耐心的微调才能达到理想的效果。

[scanbutton setImageEdgeInsets:UIEdgeInsetsMake(0, 25, 50, 25)];

[scanbutton setTitleEdgeInsets:UIEdgeInsetsMake(150, -190, 0, 0)];

[scanbutton.titleLabel setBackgroundColor:[UIColor clearColor]];

[scanbutton addTarget:self action:@selector(rangingbeacon:) forControlEvents:UIControlEventTouchUpInside];

0 0