脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → IOS开发UIButton

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

 更新时间：2016年10月25日 16:40:41   作者：Alina  
本篇文章主要实现了实现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];
  }
}

实现效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • iOS如何自定义启动界面实例详解

    iOS如何自定义启动界面实例详解

    当我们打开一款应用程序的时候，首先映入眼帘的往往并不是程序的主界面，而是经过精心设计的欢迎界面，这个界面通常会停留几秒钟，然后消失。下面这篇文章主要给大家介绍了关于iOS如何自定义启动界面的相关资料，需要的朋友可以参考下。
    2017-12-12
  • 详解ios中scrollView上使用masonry

    详解ios中scrollView上使用masonry

    本篇文章主要给大家详细分析了ios开发中scrollView上使用masonry的详细知识内容，需要的朋友参考下吧。
    2018-02-02
  • 深入了解iOS开发中UIWindow的相关使用

    深入了解iOS开发中UIWindow的相关使用

    这篇文章主要介绍了深入了解iOS开发中UIWindow的相关使用,以及iOS8以后产生的相关变化,需要的朋友可以参考下
    2015-10-10
  • IOS UI学习教程之使用代码创建button

    IOS UI学习教程之使用代码创建button

    这篇文章主要为大家详细介绍了IOS UI学习教程之使用代码创建button，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 如何使用IOS实现WIFI传输

    如何使用IOS实现WIFI传输

    这篇文章主要介绍了如何使用IOS实现WIFI传输，对局域网传输和HTTP感兴趣的同学，可以参考下
    2021-04-04
  • iOS实现压缩图片上传功能

    iOS实现压缩图片上传功能

    这篇文章主要介绍了iOS实现压缩图片上传功能，iOS中常常需要打开相机，选择图片上传或者拍照上传，如何实现压缩图片并上传图片，想要了解的朋友可以参考一下
    2016-04-04
  • IOS 中动画的暂停与继续播放的详解

    IOS 中动画的暂停与继续播放的详解

    这篇文章主要介绍了IOS 中动画的暂停与继续播放的详解的相关资料,希望通过本文大家能理解掌握这部分内容，需要的朋友可以参考下
    2017-09-09
  • IOS实现简易版的QQ下拉列表

    IOS实现简易版的QQ下拉列表

    在我们日常开发中tableView是用的非常多的控件, 无论在新闻应用, 视频, 聊天应用中都广泛使用, 那么今天小编也分享一个用tableView实现的类似QQ界面的下拉列表.效果很简单，有需要的朋友们可以参考借鉴。
    2016-08-08
  • iOS app 右滑返回操作的两种方法

    iOS app 右滑返回操作的两种方法

    这篇文章主要介绍了iOS app 右滑返回操作的相关资料,需要的朋友可以参考下
    2017-08-08
  • iOS滑动全屏实现返回功能

    iOS滑动全屏实现返回功能

    这篇文章主要为大家详细介绍了iOS滑动全屏实现返回功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-05-05

最新评论