UIButton 圖片文字位置

来源:https://www.cnblogs.com/xujinzhong/archive/2018/03/14/8566041.html
-Advertisement-
Play Games

在實際開發過程中經常在按鈕上添加文字和圖片，位置和圖片的位置根據需求放置也是不一樣的。下麵實現了各種顯示方式，如下圖： UIButton+LSAdditions.h UIButton+LSAdditions.m 現在測試代碼如下： ...


在實際開發過程中經常在按鈕上添加文字和圖片，位置和圖片的位置根據需求放置也是不一樣的。下麵實現了各種顯示方式，如下圖：

 

UIButton+LSAdditions.h

//
//  UIButton+LSAdditions.h
//  ZLBiPhone
//
//  Created by xujinzhong on 18/3/14.
//  Copyright (c) 2018年 xujinzhong. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIButton (LSAdditions)

//設置背景顏色
- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state;

#pragma mark 按鈕圖片標題顯示位置
//上下居中，圖片在上，文字在下
- (void)verticalCenterImageAndTitle:(CGFloat)spacing;
- (void)verticalCenterImageAndTitle; //預設6.0

//左右居中，文字在左，圖片在右
- (void)horizontalCenterTitleAndImage:(CGFloat)spacing;
- (void)horizontalCenterTitleAndImage; //預設6.0

//左右居中，圖片在左，文字在右
- (void)horizontalCenterImageAndTitle:(CGFloat)spacing;
- (void)horizontalCenterImageAndTitle; //預設6.0

//文字居中，圖片在左邊
- (void)horizontalCenterTitleAndImageLeft:(CGFloat)spacing;
- (void)horizontalCenterTitleAndImageLeft; //預設6.0

//文字居中，圖片在右邊
- (void)horizontalCenterTitleAndImageRight:(CGFloat)spacing;
- (void)horizontalCenterTitleAndImageRight; //預設6.0

@end

UIButton+LSAdditions.m

//
//  UIButton+LSAdditions.m
//  ZLBiPhone
//
//  Created by xujinzhong on 18/6/14.
//  Copyright (c) 2018年 xujinzhong. All rights reserved.
//

#import "UIButton+LSAdditions.h"

@implementation UIButton (LSAddtions)

/**
 *  添加按鈕的背景顏色
 *
 *  @return
 */
- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state {
    [self setBackgroundImage:[UIButton imageWithColor:backgroundColor] forState:state];
}

+ (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);
    
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return image;
}

/**
 *  判斷按鈕是否按下
 *
 *  @return
 */
-(BOOL)isExclusiveTouch
{
    return YES;
}

#pragma mark 按鈕圖片標題顯示位置
- (void)verticalCenterImageAndTitle:(CGFloat)spacing
{
    CGSize imageSize = self.imageView.frame.size;
    CGSize titleSize = self.titleLabel.frame.size;

    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, - (imageSize.height + spacing/2), 0.0);

    titleSize = self.titleLabel.frame.size;

    self.imageEdgeInsets = UIEdgeInsetsMake(- (titleSize.height + spacing/2), 0.0, 0.0, - titleSize.width);
}

- (void)verticalCenterImageAndTitle
{
    const int DEFAULT_SPACING = 6.0f;
    [self verticalCenterImageAndTitle:DEFAULT_SPACING];
}

- (void)horizontalCenterTitleAndImage:(CGFloat)spacing
{
    CGSize imageSize = self.imageView.frame.size;
    CGSize titleSize = self.titleLabel.frame.size;

    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, 0.0, imageSize.width + spacing/2);

    titleSize = self.titleLabel.frame.size;

    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, titleSize.width + spacing/2, 0.0, - titleSize.width);
}

- (void)horizontalCenterTitleAndImage
{
    const int DEFAULT_SPACING = 6.0f;
    [self horizontalCenterTitleAndImage:DEFAULT_SPACING];
}


- (void)horizontalCenterImageAndTitle:(CGFloat)spacing;
{
    self.titleEdgeInsets = UIEdgeInsetsMake(0.0,  0.0, 0.0,  - spacing/2);
    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, - spacing/2, 0.0, 0.0);
}

- (void)horizontalCenterImageAndTitle;
{
    const int DEFAULT_SPACING = 6.0f;
    [self horizontalCenterImageAndTitle:DEFAULT_SPACING];
}


- (void)horizontalCenterTitleAndImageLeft:(CGFloat)spacing
{
    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, - spacing, 0.0, 0.0);
}

- (void)horizontalCenterTitleAndImageLeft
{
    const int DEFAULT_SPACING = 6.0f;
    [self horizontalCenterTitleAndImageLeft:DEFAULT_SPACING];
}


- (void)horizontalCenterTitleAndImageRight:(CGFloat)spacing
{
    CGSize imageSize = self.imageView.frame.size;
    CGSize titleSize = self.titleLabel.frame.size;

    self.titleEdgeInsets = UIEdgeInsetsMake(0.0, - imageSize.width, 0.0, 0.0);

    titleSize = self.titleLabel.frame.size;

    self.imageEdgeInsets = UIEdgeInsetsMake(0.0, titleSize.width + imageSize.width + spacing, 0.0, - titleSize.width);
}

- (void)horizontalCenterTitleAndImageRight
{
    const int DEFAULT_SPACING = 6.0f;
    [self horizontalCenterTitleAndImageRight:DEFAULT_SPACING];
}

@end

 

現在測試代碼如下：

#define ktopDistance 50
#define kwidth  90
#define kheight 50
@interface ViewController ()

@property (nonatomic, strong) UIButton *btnOne;
@property (nonatomic, strong) UIButton *btnTwo;
@property (nonatomic, strong) UIButton *btnThree;
@property (nonatomic, strong) UIButton *btnFour;
@property (nonatomic, strong) UIButton *btnFive;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor cyanColor];
    
    CGFloat spacing = 2.f;
    
    //上下居中，圖片在上，文字在下
    [self.btnOne verticalCenterImageAndTitle:spacing];
    [self.btnOne verticalCenterImageAndTitle]; //預設6.0
    
    //左右居中，文字在左，圖片在右
    [self.btnTwo horizontalCenterTitleAndImage:spacing];
    [self.btnTwo horizontalCenterTitleAndImage]; //預設6.0
    
    //左右居中，圖片在左，文字在右
    [self.btnThree horizontalCenterImageAndTitle:spacing];
    [self.btnThree horizontalCenterImageAndTitle]; //預設6.0
    
    //文字居中，圖片在左邊
    [self.btnFour horizontalCenterTitleAndImageLeft:spacing];
    [self.btnFour horizontalCenterTitleAndImageLeft]; //預設6.0
    
    //文字居中，圖片在右邊
    [self.btnFive horizontalCenterTitleAndImageRight:spacing];
    [self.btnFive horizontalCenterTitleAndImageRight]; //預設6.0 
}

-(UIButton *)btnOne{
    if (!_btnOne) {
        _btnOne = [UIButton new];
        _btnOne.backgroundColor = [UIColor grayColor];
        _btnOne.layer.cornerRadius = 3.f;
        _btnOne.layer.masksToBounds = YES;
        [_btnOne setTitle:@"left" forState:UIControlStateNormal];
        [_btnOne setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];
        [_btnOne setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];
        [self.view addSubview:_btnOne];
        
        [_btnOne mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.offset(100);
            make.centerX.equalTo(self.view);
            make.width.offset(kwidth);
            make.height.offset(kheight);
        }];
    }
    return _btnOne;
}

-(UIButton *)btnTwo{
    if (!_btnTwo) {
        _btnTwo = [UIButton new];
        _btnTwo.backgroundColor = [UIColor grayColor];
        _btnTwo.layer.cornerRadius = 3.f;
        _btnTwo.layer.masksToBounds = YES;
        [_btnTwo setTitle:@"left" forState:UIControlStateNormal];
        [_btnTwo setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];
        [_btnTwo setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];
        [self.view addSubview:_btnTwo];
        
        [_btnTwo mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.btnOne.mas_bottom).offset(ktopDistance);
            make.centerX.equalTo(self.view);
            make.width.offset(kwidth);
            make.height.offset(kheight);
        }];
    }
    return _btnTwo;
}

-(UIButton *)btnThree{
    if (!_btnThree) {
        _btnThree = [UIButton new];
        _btnThree.backgroundColor = [UIColor grayColor];
        _btnThree.layer.cornerRadius = 3.f;
        _btnThree.layer.masksToBounds = YES;
        [_btnThree setTitle:@"left" forState:UIControlStateNormal];
        [_btnThree setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];
        [_btnThree setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];
        [self.view addSubview:_btnThree];
        
        [_btnThree mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.btnTwo.mas_bottom).offset(ktopDistance);
            make.centerX.equalTo(self.view);
            make.width.offset(kwidth);
            make.height.offset(kheight);
        }];
    }
    return _btnThree;
}

-(UIButton *)btnFour{
    if (!_btnFour) {
        _btnFour = [UIButton new];
        _btnFour.backgroundColor = [UIColor grayColor];
        _btnFour.layer.cornerRadius = 3.f;
        _btnFour.layer.masksToBounds = YES;
        [_btnFour setTitle:@"left" forState:UIControlStateNormal];
        [_btnFour setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];
        [_btnFour setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];
        [self.view addSubview:_btnFour];
        
        [_btnFour mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.btnThree.mas_bottom).offset(ktopDistance);
            make.centerX.equalTo(self.view);
            make.width.offset(kwidth);
            make.height.offset(kheight);
        }];
    }
    return _btnFour;
}

-(UIButton *)btnFive{
    if (!_btnFive) {
        _btnFive = [UIButton new];
        _btnFive.backgroundColor = [UIColor grayColor];
        _btnFive.layer.cornerRadius = 3.f;
        _btnFive.layer.masksToBounds = YES;
        [_btnFive setTitle:@"left" forState:UIControlStateNormal];
        [_btnFive setImage:[UIImage imageNamed:@"success"] forState:UIControlStateNormal];
        [_btnFive setTitleColor:[UIColor brownColor] forState:UIControlStateNormal];
        [self.view addSubview:_btnFive];
        
        [_btnFive mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.btnFour.mas_bottom).offset(ktopDistance);
            make.centerX.equalTo(self.view);
            make.width.offset(kwidth);
            make.height.offset(kheight);
        }];
    }
    return _btnFive;
}

@end

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 阿裡SopHix熱修複框架
    2015年以來，Android開發領域里對熱修複技術的討論和分享越來越多，同時也出現了一些不同的解決方案，如QQ空間補丁方案、阿裡AndFix以及微信Tinker（Bugly sdk也集成Tikner熱更新）和阿裡最新出品Sophix.它們在原理各有不同，適用場景各異。不過從技術上來說多數熱修複框架 ...
  • Expo大作戰(二十)--expo中的Release channels(不重要*)
    簡要：本系列文章講會對expo進行全面的介紹，本人從2017年6月份接觸expo以來，對expo的研究斷斷續續，一路走來將近10個月，廢話不多說，接下來你看到內容，講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式，對expo進行一次大補血！歡迎加入expo興趣學習交流群：597732 ...
  • Expo大作戰(十九)--expo打包後，發佈分用程式到商店的註意事項
    簡要：本系列文章講會對expo進行全面的介紹，本人從2017年6月份接觸expo以來，對expo的研究斷斷續續，一路走來將近10個月，廢話不多說，接下來你看到內容，講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式，對expo進行一次大補血！歡迎加入expo興趣學習交流群：597732 ...
  • Retrofit2 動態（靜態）添加請求頭Header
    Retrofit提供了兩個兩種定義HTTP請求頭欄位的方法即靜態和動態。靜態頭不能改變為不同的請求，頭的鍵和值是固定的且不可改變的，隨著程式的打開便已固定。 動態添加 @HeaderMap 靜態添加 ...
  • Expo大作戰(十八)--expo如何發佈成獨立應用程式，打包成apk或者ipa，發佈到對應應用商店
    簡要：本系列文章講會對expo進行全面的介紹，本人從2017年6月份接觸expo以來，對expo的研究斷斷續續，一路走來將近10個月，廢話不多說，接下來你看到內容，講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式，對expo進行一次大補血！歡迎加入expo興趣學習交流群：597732 ...
  • 我的Android開發之路——ListView的使用
    在Android開發過程中，遇到需要列表顯示的時候，這時候就會用到listview。 1.首先創建一個ListViewTest項目，選擇empty activity類型。修改activity_main.xml的佈局文件，添加listview控制項，設置寬高和id等屬性 此時通過預覽就可以看見listv ...
  • iOS工具——Xcode9無證書真機調試
    入坑iOS開發這麼久，一直都是在模擬器上運行，公司的項目也都有公司的開發者賬號進行真機調試。但是很多時候在網上download一些demo想在真機上運行看一下效果的時候都沒法成行，今天抽空好好研究和學習了一下在最新的xcode9上如何進行無證書真機調試，過程其實很簡單，下麵我們來瞭解一下整個過程。 ...
  • Expo大作戰(十七)--expo結合哨兵（sentry）進行錯誤異常記錄
    簡要：本系列文章講會對expo進行全面的介紹，本人從2017年6月份接觸expo以來，對expo的研究斷斷續續，一路走來將近10個月，廢話不多說，接下來你看到內容，講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式，對expo進行一次大補血！歡迎加入expo興趣學習交流群：597732 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類