IOS开发UIButton(左边图片右边文字效果)

195 阅读 0 评论 129 点赞

我是靠谱客的博主明理信封，这篇文章主要介绍IOS开发UIButton(左边图片右边文字效果)，现在分享给大家，希望可以做个参考。

在使用UIButton的时候，需要实现UIButton左边图片，图片后面紧跟文字效果比较麻烦，简单实现方法具体代码如下：

复制代码

(void)viewDidLoad {
  [super viewDidLoad];
  self.view.backgroundColor = RGB(235, 235, 240);
  UIButton *oneButton = [[UIButton alloc] initWithFrame:CGRectMake(0, kHeaderHeight + 8, kScreenWidth, 40)];
  [oneButton setImage:[UIImage imageNamed:@"icon_party_knowledge_rights_obligations"] forState:UIControlStateNormal];
  [oneButton setTitle:@"第一个" forState:UIControlStateNormal];
  oneButton.titleLabel.font = FONT(12);
  [oneButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  [oneButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)];
  [oneButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)];
  oneButton.backgroundColor = [UIColor whiteColor];
  [oneButton addTarget:self action:@selector(oneButtonAction:) forControlEvents:UIControlEventTouchUpInside];
  [self.view addSubview:oneButton];
   
  UIButton *twoButton = [[UIButton alloc] initWithFrame:CGRectMake(0, oneButton.maxY + 8, kScreenWidth, 40)];
  [twoButton setImage:[UIImage imageNamed:@"icon_party_knowledge_dues_collection_standard"] forState:UIControlStateNormal];
  [twoButton setTitle:@"第二个" forState:UIControlStateNormal];
  twoButton.titleLabel.font = FONT(12);
  [twoButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  [twoButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)];
  [twoButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)];
  twoButton.backgroundColor = [UIColor whiteColor];
  [twoButton addTarget:self action:@selector(twoButtonAction:) forControlEvents:UIControlEventTouchUpInside];
  [self.view addSubview:twoButton];
   
  //右箭头
  for (int i = 0; i < 2; i++) {
    UIImageView *rightImgView = [[UIImageView alloc] initWithFrame:CGRectMake(kScreenWidth - 20, kHeaderHeight + 20 + i * 48, 7, 12)];
    rightImgView.image = [UIImage imageNamed:@"icon_right"];
    [self.view addSubview:rightImgView];
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
(void)viewDidLoad {
  [super viewDidLoad];
  self.view.backgroundColor = RGB(235, 235, 240);
  UIButton *oneButton = [[UIButton alloc] initWithFrame:CGRectMake(0, kHeaderHeight + 8, kScreenWidth, 40)];
  [oneButton setImage:[UIImage imageNamed:@"icon_party_knowledge_rights_obligations"] forState:UIControlStateNormal];
  [oneButton setTitle:@"第一个" forState:UIControlStateNormal];
  oneButton.titleLabel.font = FONT(12);
  [oneButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  [oneButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)];
  [oneButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)];
  oneButton.backgroundColor = [UIColor whiteColor];
  [oneButton addTarget:self action:@selector(oneButtonAction:) forControlEvents:UIControlEventTouchUpInside];
  [self.view addSubview:oneButton];
   
  UIButton *twoButton = [[UIButton alloc] initWithFrame:CGRectMake(0, oneButton.maxY + 8, kScreenWidth, 40)];
  [twoButton setImage:[UIImage imageNamed:@"icon_party_knowledge_dues_collection_standard"] forState:UIControlStateNormal];
  [twoButton setTitle:@"第二个" forState:UIControlStateNormal];
  twoButton.titleLabel.font = FONT(12);
  [twoButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  [twoButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)];
  [twoButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)];
  twoButton.backgroundColor = [UIColor whiteColor];
  [twoButton addTarget:self action:@selector(twoButtonAction:) forControlEvents:UIControlEventTouchUpInside];
  [self.view addSubview:twoButton];
   
  //右箭头
  for (int i = 0; i < 2; i++) {
    UIImageView *rightImgView = [[UIImageView alloc] initWithFrame:CGRectMake(kScreenWidth - 20, kHeaderHeight + 20 + i * 48, 7, 12)];
    rightImgView.image = [UIImage imageNamed:@"icon_right"];
    [self.view addSubview:rightImgView];
  }
}