iOS UIButton文字和图片上下左右偏移封装,一个方法即可实现button上文字和图片不同位置的放置

最新推荐文章于 2022-04-08 16:21:19 发布
最新推荐文章于 2022-04-08 16:21:19 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： 控件自定义 控件封装 文章标签： iOS uibutton 图片 偏移
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaofahseng/article/details/72675675
版权

        开发中,几乎都会需要时按钮上的文字在图片的上面,下面,左面,右面,然后就再次封装!  慢慢的,就自己试着写了一个封装,只需要调用一个方法就能实现文字和图片的不同位置展示!下面是代码:


.h文件

//

//  ZFSButton.h

//  ZFSNetWorkRequest

//

//  Created by HandsomeC on 16/12/12.

//  Copyright © 2016年 赵发生. All rights reserved.

//


#import <UIKit/UIKit.h>

/********


 该自定的button是控制图片与文字未知的,有图片在上,文字在下,图片与文字左右适配等封装

 

*********/

typedef NS_ENUM(NSInteger, ZFSImageLocation) {

    ZFSImageLocationLeft = 0,              //图片在文字的左边，默认

    ZFSImageLocationRight,             //图片在文字的右边

    ZFSImageLocationTop,               //图片在文字的上边

    ZFSImageLocationBottom,            //图片在文字的下边

};


typedef NS_ENUM(NSInteger, ZFSOffSetDirection) {

    ZFSOffSetDirectionLeft = 0,   //图片文字整体向左边偏移，默认

    ZFSOffSetDirectionRight,      //图片文字整体向右边偏移

    ZFSOffSetDirectionTop,        //图片文字整体向上边偏移

    ZFSOffSetDirectionBottom,     //图片文字整体向下边偏移

};

@interface ZFSButton : UIButton


/**

 *  根据图片的位置和图片文字的间距来重新设置button的image和title的排列

 *   如果图片和文字大于button的大小，文字和图片显示的地方就会超出按钮

 *

 *  @param location 图片位于文字的哪个方位

 *  @param spacing  图片和文字的间距离

 */

- (void)setImageLocation:(ZFSImageLocation)location spacing:(CGFloat)spacing;


/**

 *  根据图片的位置和图片文字的间距来重新设置button的image和title的排列，根据offset来确定整体要偏移的方向以及偏移的数值

 *   如果图片和文字大于button的大小，文字和图片显示的地方就会超出按钮

 *

 *  @param location         图片在文字的哪个方向

 *  @param spacing         图片和文字的间隔

 *  @param offSetDirection 哪个方向偏移

 *  @param offSetVar       偏移多少

 */

- (void)setImageLocation:(ZFSImageLocation)location spacing:(CGFloat)spacing offSet:(ZFSOffSetDirection)offSetDirection offSetVar:(CGFloat)offSetVar;

@end




.m文件


//

//  ZFSButton.m

//  ZFSNetWorkRequest

//

//  Created by HandsomeC on 16/12/12.

//  Copyright © 2016年 赵发生. All rights reserved.

//


#import "ZFSButton.h"


@implementation ZFSButton

- (void)setImageLocation:(ZFSImageLocation)location spacing:(CGFloat)spacing {

    CGFloat imageWith = self.imageView.image.size.width;

    CGFloat imageHeight = self.imageView.image.size.height;

    

    CGSize texth_wXQ = CGSizeMake(MAXFLOAT,MAXFLOAT);

    NSDictionary *dicText = @{NSFontAttributeName :self.titleLabel.font};

    CGFloat titleWidth = [self.titleLabel.text boundingRectWithSize:texth_wXQ options:NSStringDrawingUsesLineFragmentOrigin attributes:dicText context:nil].size.width;


    CGFloat titleHeight = [self.titleLabel.text boundingRectWithSize:texth_wXQ options:NSStringDrawingUsesLineFragmentOrigin attributes:dicText context:nil].size.height;

    //image中心移动的x距离

    CGFloat imageOffsetX = (imageWith + titleWidth) / 2 - imageWith / 2;

    //image中心移动的y距离

    CGFloat imageOffsetY = imageHeight / 2 + spacing / 2;

    //title中心移动的x距离

    CGFloat titleOffsetX = (imageWith + titleWidth / 2) - (imageWith + titleWidth) / 2;

    //title中心移动的y距离

    CGFloat labelOffsetY = titleHeight / 2 + spacing / 2;

    

    switch (location) {

        case ZFSImageLocationLeft:

            self.imageEdgeInsets = UIEdgeInsetsMake(0, -spacing/2, 0, spacing/2);

            self.titleEdgeInsets = UIEdgeInsetsMake(0, spacing/2, 0, -spacing/2);

            break;

            

        case ZFSImageLocationRight:

            self.imageEdgeInsets = UIEdgeInsetsMake(0, titleWidth + spacing/2, 0, -(titleWidth + spacing/2));

            self.titleEdgeInsets = UIEdgeInsetsMake(0, -(imageHeight + spacing/2), 0, imageHeight + spacing/2);

            break;

            

        case ZFSImageLocationTop:

            

            self.imageEdgeInsets = UIEdgeInsetsMake(-imageOffsetY, imageOffsetX, imageOffsetY, -imageOffsetX);

            self.titleEdgeInsets = UIEdgeInsetsMake(labelOffsetY, -titleOffsetX, -labelOffsetY, titleOffsetX);

            break;

            

        case ZFSImageLocationBottom:

            

            self.imageEdgeInsets = UIEdgeInsetsMake(imageOffsetY, imageOffsetX, -imageOffsetY, -imageOffsetX);

            self.titleEdgeInsets = UIEdgeInsetsMake(-labelOffsetY, -titleOffsetX, labelOffsetY, titleOffsetX);

            

            break;

            

        default:

            break;

    }

    

}


- (void)setImageLocation:(ZFSImageLocation)location spacing:(CGFloat)spacing offSet:(ZFSOffSetDirection)offSetDirection offSetVar:(CGFloat)offSetVar{

    CGFloat imageWith = self.imageView.image.size.width;

    CGFloat imageHeight = self.imageView.image.size.height;

    CGSize texth_wXQ = CGSizeMake(MAXFLOAT,MAXFLOAT);

    NSDictionary *dicText = @{NSFontAttributeName :self.titleLabel.font};

    CGFloat titleWidth = [self.titleLabel.text boundingRectWithSize:texth_wXQ options:NSStringDrawingUsesLineFragmentOrigin attributes:dicText context:nil].size.width;

    

    CGFloat titleHeight = [self.titleLabel.text boundingRectWithSize:texth_wXQ options:NSStringDrawingUsesLineFragmentOrigin attributes:dicText context:nil].size.height;

    

    //image中心移动的x距离

    CGFloat imageOffsetX = (imageWith + titleWidth) / 2 - imageWith / 2;

    //image中心移动的y距离

    CGFloat imageOffsetY = imageHeight / 2 + spacing / 2;

    //title中心移动的x距离

    CGFloat titleOffsetX = (imageWith + titleWidth / 2) - (imageWith + titleWidth) / 2;

    //title中心移动的y距离

    CGFloat labelOffsetY = titleHeight / 2 + spacing / 2;

    

    switch (location) {

        case ZFSImageLocationLeft:

            self.imageEdgeInsets = UIEdgeInsetsMake(0, -spacing/2, 0, spacing/2);

            self.titleEdgeInsets = UIEdgeInsetsMake(0, spacing/2, 0, -spacing/2);

            break;

            

        case ZFSImageLocationRight:

            self.imageEdgeInsets = UIEdgeInsetsMake(0, titleWidth + spacing/2, 0, -(titleWidth + spacing/2));

            self.titleEdgeInsets = UIEdgeInsetsMake(0, -(imageHeight + spacing/2), 0, imageHeight + spacing/2);

            break;

            

        case ZFSImageLocationTop:

            

            self.imageEdgeInsets = UIEdgeInsetsMake(-imageOffsetY, imageOffsetX, imageOffsetY, -imageOffsetX);

            self.titleEdgeInsets = UIEdgeInsetsMake(labelOffsetY, -titleOffsetX, -labelOffsetY, titleOffsetX);

            break;

            

        case ZFSImageLocationBottom:

            

            self.imageEdgeInsets = UIEdgeInsetsMake(imageOffsetY, imageOffsetX, -imageOffsetY, -imageOffsetX);

            self.titleEdgeInsets = UIEdgeInsetsMake(-labelOffsetY, -titleOffsetX, labelOffsetY, titleOffsetX);

            

            break;

            

        default:

            break;

    }

    

    CGFloat imageTop = self.imageEdgeInsets.top;

    CGFloat imageLeft = self.imageEdgeInsets.left;

    CGFloat imageBottom = self.imageEdgeInsets.bottom;

    CGFloat imageRight = self.imageEdgeInsets.right;

    

    CGFloat titleTop = self.titleEdgeInsets.top;

    CGFloat titleLeft = self.titleEdgeInsets.left;

    CGFloat titleBottom = self.titleEdgeInsets.bottom;

    CGFloat titleRight = self.titleEdgeInsets.right;

    switch (offSetDirection){

        case ZFSOffSetDirectionLeft:

            self.imageEdgeInsets = UIEdgeInsetsMake(imageTop, imageLeft - offSetVar, imageBottom, imageRight + offSetVar);

            self.titleEdgeInsets = UIEdgeInsetsMake(titleTop, titleLeft - offSetVar, titleBottom, titleRight + offSetVar);

            

            break;

        case ZFSOffSetDirectionRight:

            self.imageEdgeInsets = UIEdgeInsetsMake(imageTop, imageLeft + offSetVar, imageBottom, imageRight - offSetVar);

            self.titleEdgeInsets = UIEdgeInsetsMake(titleTop, titleLeft + offSetVar, titleBottom, titleRight - offSetVar);

            break;

        case ZFSOffSetDirectionTop:

            self.imageEdgeInsets = UIEdgeInsetsMake(imageTop - offSetVar , imageLeft, imageBottom + offSetVar, imageRight);

            self.titleEdgeInsets = UIEdgeInsetsMake(titleTop - offSetVar , titleLeft, titleBottom + offSetVar, titleRight);

            break;

        case ZFSOffSetDirectionBottom:

            self.imageEdgeInsets = UIEdgeInsetsMake(imageTop + offSetVar, imageLeft, imageBottom - offSetVar, imageRight);

            self.titleEdgeInsets = UIEdgeInsetsMake(titleTop + offSetVar, titleLeft, titleBottom - offSetVar, titleRight);

            break;

        default:

            break;

    }

    

}



@end


小二白菜
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
IOS 利用 runtime 实现UIButton图片在上和文字在下
zxw_xzr的博客
03-22 1395
在IOS开发的过程中经常会遇到需要在button中既放置图片和文字，系统默认会将图片居左，文字居右； 但我们也常常会遇到 图片居上文字居下 或者图片居右文字居左的需求；网上也有很多方法来实现这样的需求， 但我在使用的过程中，也还是会有各种各样的问题，所以我也尝试着用一种方式来避免我所遇到的各种各样的问题！
UIButton上字体偏移
05-02 5627
当设置UIButton对其方式使用        // [button setTitleEdgeInsets:UIEdgeInsetsMake(0, 15, 0, 0)];        // button.titleLabel.textAlignment = UITextAlignmentLeft; 不起作用时,可以用
iOS UIButton 文字图片上下左右布局
github_36850997的博客
08-15 854
例如文字在左 图片在右,iOS 9 之后一句话搞定 backBtn.semanticContentAttribute = UISemanticContentAttributeForceRightToLeft;
iOS UIButton上同时加图片和标题，设置偏移
flyweak的博客
04-14 1381
[weixinbtn setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, 10)];分别上向下、右、上、左偏移~~~~//微信登录 UIButton *weixinbtn = [UIButton buttonWithType:UIButtonTypeSystem]; weixinbtn.layer.cornerRadius = 5; we
【iOS】UIButton 图标在上文字在下
dolacmeng的专栏
09-11 6289
iOS默认的UIButton是图片在左文字在右，但是很多时候需求是图片在上文字在下（如效果图1、效果图2），因此想到，通过写一个JXButton继承自UIButton，并重写相关方法即可，以后项目中需要用的话就直接使用JXButton就行了。 （*以前用的另外一种方法，每次都需要写代码，使用不方便：http://blog.csdn.net/dolacmeng/article/details/45
iOS如何将UIButton中的图片与文字上下对齐详解
01-05
相信每位iOS开发者都知道在UIButton中可以设置图片和文字，也经常见到同时设置有图片和下方提示文字的按钮，但是当我自己去对图片按钮添加提示文字的时候，却发现这并不是想象中的那么简单。怎么不简单呢？下面来...
iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
09-03
本篇将深入讲解如何利用 `UIEdgeInsets` 来实现 `UIButton` 上的文字和图片的上下垂直居中对齐。 `UIEdgeInsets` 是一个结构体，用于描述四边的内边距。它由四个浮点型变量组成：`top`、`left`、`bottom` 和 `right...
iOS – UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
01-05
UIEdgeInsets typedef struct UIEdgeInsets { CGFloat top, left, bottom, right;...在UIButton中有三个对EdgeInsets的设置：ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets @property(nonatomic) UIEd
IOS开发UIButton(左边图片右边文字效果)
09-01
总结来说，要实现`UIButton`左边图片右边文字的效果，开发者需要设置`imageEdgeInsets`和`titleEdgeInsets`属性，这两个属性允许自定义图片和文字在按钮内的相对位置。通过适当调整这些值，可以灵活地控制图片和文字...
iOS 设置按钮标题、图片的偏移
长沙火山
09-12 4884
在项目的开发过程中，经常会遇到既要显示图片又要显示文字的需求，这种需求可以用按钮来实现。但是按钮的图片和文字位置都是固定的，不能根据需要随意设置图片、文字的位置。其实，是可以实现的，我们可以通过设置按钮图片、标题的偏移来实现改变位置。一、偏移 UIButton *button = [UICommonCtrl commonButtonWithFrame:CGRectMake(100, 250, 10
UIButton 的图文混排
11-05
UIButton 的图文混排，就一个API 还可以在xib里面实现
ios开发中封装button同时显示图片和文字
qq_28089967的博客
07-19 724
传入button中自带的文本和图片的样式，即可很容易在button上面按照设置的同时显示图片和文字，不需要其他调整，代码如下： .h文件 #import @interface MyButton : UIButton @property(nonatomic,assign) CGRect titleFrame; @prop
UIButton 设置图片,标题的偏移位置EadgeInsets细节
qq_31186665的博客
03-29 2539
在平时开发中,我们经常遇到各种各样的按钮,每次都要进行调节,而且调节的时候只能一个单位一个单位的试,这样未免也太麻烦了.在调节坐标过程中发现: 1.只有文字 这个没什么好说的,直接setTitle就行 2.只有图片 也没什么说的,setBackgroundImage就行 3.有文字和图片 (1)图片在左,文字在右: 这是系统默认的样式,直接setImage和setTitle就
iOS Button 上文字图片位置的设置
雪碧的博客
09-21 5225
创建一个 UIButton UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom]; button.backgroundColor = [UIColor grayColor]; [button setImage:[UIImage imageNamed:IMAGE] forState:UIControlSt
设置 UIButton 文字内容的位置与偏移量
survivorsfyh的博客
04-08 1033
设置 UIButton 文字内容位置的时候常会使用设置 UILable 的方式去对齐调试,但编译运行后发现文字样式并未能如愿以偿的改变,例如如下案例: 修改前 UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; [btn setBackgroundColor:[UIColor whiteColor]]; [btn setTitle:@"隐私协议" forState:UIControlStateNormal]; [btn setTi
iOS实战演练之封装图片在上文字在下的button以及相关问题
甫式人生
08-05 1127
废话不多说，直接上代码：封装图片在上文字在下-(void)initButton:(UIButton*)btn{ //使图片和文字水平居中显示 btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter; //文字距离上边框的距离增加imageView的高度，距离左边框减少imageVie
iOS - UIButton图片文字各种位置的调整
月神_
07-28 3511
NavigationBar上面自定义的navigationItem，并且是要求图片在上文字在下。
iOS 设置button文字过长而显示省略号的解决办法
weixin_30354675的博客
10-20 3171
UIButton * button =[UIButton buttonWithType:UIButtonTypeCustom];button.titleLabel.adjustsFontSizeToFitWidth = YES; 转载于:https://www.cnblogs.com/ansyxpf/p/5981268.html
OC UIButton根据图片和文字设置button的大小
最新发布
06-12
你可以使用`titleEdgeInsets`和`imageEdgeInsets`属性来设置`UIButton`的文本和图片的位置，从而达到设置`UIButton`大小的目的。以下是一个示例代码： ```objc UIButton *button = [UIButton buttonWithType:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值