Button调整按钮中title和image的位置（包含工具类）ios

最新推荐文章于 2022-03-17 00:43:13 发布
原创 最新推荐文章于 2022-03-17 00:43:13 发布 · 423 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个UIButton的分类扩展方法，用于调整按钮内的图片和文字布局，包括左右、上下等多种排列方式，并实现了倒计时功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


ViewController中使用实例

   UIView*headerView = [[UIViewalloc]initWithFrame:CGRectMake(0,0,CKScreenW,50)];
    headerView.backgroundColor=HexColor(0xceeffe);
    [self.viewaddSubview:headerView];
   
   
   UIButton*btn = [[UIButtonalloc]initWithFrame:CGRectMake(10,10,CKScreenW*2/3,30)];
    btn.backgroundColor= [UIColorwhiteColor];
    [btnsetTitle:@"按检查批次查询"forState:0];
    [btnTiaoZhengButtonWithOffsit:100TextImageSite:UIButtonTextLeft];//UIButton + Helper
    btn.titleLabel.font= [UIFontsystemFontOfSize:12];
    [btnsetTitleColor:[UIColorgrayColor]forState:0];
    [headerViewaddSubview:btn];


(1)UIButton+Helper.h

//
//  UIButton+Helper.h
//  zack
//
//  Created by apple on 17/7/2.


#import<UIKit/UIKit.h>
#define MsgCodeTime 60
typedefNS_OPTIONS(NSUInteger, UIButtonTextSite) {
    UIButtonTextRight=0,//图片在左文字在右
    UIButtonTextLeft ,//图片在右文字在左
    UIButtonTextBottom,//图片在上文字在下
    UIButtonTextTop,//图片在下文字在上
};
@interfaceUIButton(Helper)
/**
* 按钮上的图片跟文字位置
*
*  @param offset间距
*  @param site  位置
*/
-(void)TiaoZhengButtonWithOffsit:(CGFloat)offset TextImageSite:(UIButtonTextSite)site;
/**
 * 开始倒计时
 */
-(void)StartMsgCodeTimeDown;
@end



(2)UIButton+Helper.m
//
//  UIButton+Helper.m
//  zack
//
//  Created by apple on 17/7/2.


#import"UIButton+Helper.h"



@implementationUIButton(Helper)
/**
 * 按钮上的图片跟文字，居中对齐
 */
-(void)TiaoZhengButtonWithOffsit:(CGFloat)offset TextImageSite:(UIButtonTextSite)site{
   
   
   if(site==UIButtonTextLeft) {
        [selfTextImageLeftWithOffsit:offset];
    }elseif (site==UIButtonTextTop) {
        [selfTextImageTopWithOffsit:offset];
    }else if(site==UIButtonTextBottom) {
        [selfTextImageBottomWithOffsit:offset];
    }else{
       
        [selfTextImageRightWithOffsit:offset];
    }
}
/**
 * 文字在右边，图片在左边，居中对齐
 *
 *  @param offset文字跟图片间的间距大小
 */
-(void)TextImageRightWithOffsit:(CGFloat)offset{
   
   CGFloatoffsetBetweenImageAndText = offset;
   CGFloatinsetAmount = offsetBetweenImageAndText / 2.0;
   self.imageEdgeInsets=UIEdgeInsetsMake(0,-insetAmount,0,insetAmount);
   self.titleEdgeInsets=UIEdgeInsetsMake(0,insetAmount,0, -insetAmount);
   self.contentEdgeInsets=UIEdgeInsetsMake(0, insetAmount, 0, insetAmount);
}
/**
 * 文字在左边，图片在右边，居中对齐
 *
 *  @param offset文字跟图片间的间距大小
 */
-(void)TextImageLeftWithOffsit:(CGFloat)offset{
   CGFloatimgW=self.imageView.frame.size.width;
   CGFloattitleW=self.titleLabel.frame.size.width;
   CGFloatoffsetBetweenImageAndText = offset;
   CGFloatinsetAmount = offsetBetweenImageAndText / 2.0;
   self.imageEdgeInsets=UIEdgeInsetsMake(0,titleW+insetAmount,0,-titleW-insetAmount);
   self.titleEdgeInsets=UIEdgeInsetsMake(0,-imgW-insetAmount,0, imgW+insetAmount);
   self.contentEdgeInsets=UIEdgeInsetsMake(0, insetAmount, 0, insetAmount);
}
/**
 * 文字在下边，图片在上边，居中对齐
 *
 *  @param offset文字跟图片间的间距大小
 */
-(void)TextImageBottomWithOffsit:(CGFloat)offset{
   CGPointbuttonBoundsCenter = CGPointMake(CGRectGetMidX(self.bounds),CGRectGetMidY(self.bounds));
   //找出imageView最终的center
   CGPointendImageViewCenter = CGPointMake(buttonBoundsCenter.x,CGRectGetMidY(self.imageView.bounds));
   //找出titleLabel最终的center
   CGPointendTitleLabelCenter = CGPointMake(buttonBoundsCenter.x,CGRectGetHeight(self.bounds)-CGRectGetMidY(self.titleLabel.bounds));
   //取得imageView最初的center
   CGPointstartImageViewCenter = self.imageView.center;
   //取得titleLabel最初的center
   CGPointstartTitleLabelCenter = self.titleLabel.center;
   //设置imageEdgeInsets
   CGFloatimgH=self.imageView.frame.size.height/2;
   CGFloattitleH=self.titleLabel.frame.size.height/2;
   CGFloatoffsetBetweenImageAndText = offset;
   CGFloatinsetAmount = offsetBetweenImageAndText / 2.0;
   
   CGFloatimageEdgeInsetsTop = -titleH-insetAmount;
   CGFloatimageEdgeInsetsLeft = endImageViewCenter.x- startImageViewCenter.x;
   CGFloatimageEdgeInsetsBottom = -imageEdgeInsetsTop;
   CGFloatimageEdgeInsetsRight = -imageEdgeInsetsLeft;
   
   self.imageEdgeInsets=UIEdgeInsetsMake(imageEdgeInsetsTop, imageEdgeInsetsLeft, imageEdgeInsetsBottom, imageEdgeInsetsRight);
   //设置titleEdgeInsets
   CGFloattitleEdgeInsetsTop = imgH+insetAmount;
   CGFloattitleEdgeInsetsLeft = endTitleLabelCenter.x- startTitleLabelCenter.x;
   CGFloattitleEdgeInsetsBottom = -titleEdgeInsetsTop;
   CGFloattitleEdgeInsetsRight = -titleEdgeInsetsLeft;
   self.titleEdgeInsets=UIEdgeInsetsMake(titleEdgeInsetsTop, titleEdgeInsetsLeft, titleEdgeInsetsBottom, titleEdgeInsetsRight);
}
/**
 * 文字在上边，图片在下边，居中对齐
 *
 *  @param offset文字跟图片间的间距大小
 */
-(void)TextImageTopWithOffsit:(CGFloat)offset{
   CGPointbuttonBoundsCenter = CGPointMake(CGRectGetMidX(self.bounds),CGRectGetMidY(self.bounds));
   //找出imageView最终的center
   CGPointendImageViewCenter = CGPointMake(buttonBoundsCenter.x,CGRectGetMidY(self.imageView.bounds));
   //找出titleLabel最终的center
   CGPointendTitleLabelCenter = CGPointMake(buttonBoundsCenter.x,CGRectGetHeight(self.bounds)-CGRectGetMidY(self.titleLabel.bounds));
   //取得imageView最初的center
   CGPointstartImageViewCenter = self.imageView.center;
   //取得titleLabel最初的center
   CGPointstartTitleLabelCenter = self.titleLabel.center;
   //设置imageEdgeInsets
   CGFloatimgH=self.imageView.frame.size.height/2;
   CGFloattitleH=self.titleLabel.frame.size.height/2;
   CGFloatoffsetBetweenImageAndText = offset;
   CGFloatinsetAmount = offsetBetweenImageAndText / 2.0;
   
   CGFloatimageEdgeInsetsTop = titleH+insetAmount;
   CGFloatimageEdgeInsetsLeft = endImageViewCenter.x- startImageViewCenter.x;
   CGFloatimageEdgeInsetsBottom = -imageEdgeInsetsTop;
   CGFloatimageEdgeInsetsRight = -imageEdgeInsetsLeft;
   
   self.imageEdgeInsets=UIEdgeInsetsMake(imageEdgeInsetsTop, imageEdgeInsetsLeft, imageEdgeInsetsBottom, imageEdgeInsetsRight);
   //设置titleEdgeInsets
   CGFloattitleEdgeInsetsTop = -imgH-insetAmount;
   CGFloattitleEdgeInsetsLeft = endTitleLabelCenter.x- startTitleLabelCenter.x;
   CGFloattitleEdgeInsetsBottom = -titleEdgeInsetsTop;
   CGFloattitleEdgeInsetsRight = -titleEdgeInsetsLeft;
   self.titleEdgeInsets=UIEdgeInsetsMake(titleEdgeInsetsTop, titleEdgeInsetsLeft, titleEdgeInsetsBottom, titleEdgeInsetsRight);
}
#pragma mark -获取验证码倒计时

NSTimer*_timer;
NSIntegertimeout1;
-(void)StartMsgCodeTimeDown
{
//    NSTimer *_timer;
//    NSInteger timeout;
   timeout1= MsgCodeTime;
    [selfsetTitle:[NSStringstringWithFormat:@"%@秒后重发",@(timeout1)]forState:UIControlStateDisabled];
     self.enabled=NO;
   _timer= [NSTimerscheduledTimerWithTimeInterval:1target:selfselector:@selector(timeji)userInfo:nilrepeats:YES];
    [[NSRunLoopcurrentRunLoop]addTimer:_timerforMode:UITrackingRunLoopMode];
}
-(void)timeji
{
//    NSTimer *_timer;
//    NSInteger timeout;
    timeout1--;
   if(timeout1<=0) {
        [_timerinvalidate];
       _timer= nil;
       self.enabled=YES;
    }else{
        [selfsetTitle:[NSStringstringWithFormat:@"%@秒后重发",@(timeout1)]forState:UIControlStateDisabled];
       self.enabled=NO;
    }
}
-(void)dealloc{
   if(_timer) {
        [_timerinvalidate];
       _timer= nil;
    }
}
@end

26、iOS 应用中的数据打印功能实现指南
zz67890的博客
08-04 11
本文详细介绍了在iOS应用中实现数据打印功能的方法，涵盖打印图片、纯文本、视图以及使用页面渲染器进行格式化打印等多种场景。通过代码示例和配置说明，帮助开发者快速集成打印功能，并提供常见问题的解决方案和优化建议，以提升用户体验和应用实用性。
实现Button文字(titleLabel)和图片…
克莱斯勒的博客
04-06 1597
1、我最开始实现这个采用的方法： 重新自定义一个view，然后有两个属性label和imageView，然后设置位置布局，再添加单击手势，用代理回传点击方法。 2、第二种方法： 自定义一个Button继承Button，有两个属性label和imageView，然后设置布局。这样就不用添加单击手势。 3、第三种方法： 直接用Button自带的titleLabel和imageView，写个Cate
给UIButton设置title和image的位置
cm159177的博客
01-13 1452
给UIButton设置title和image的位置
动态修改NSButton的title的对齐方式
workhardupc
09-19 1959
创建的一个NSButton的对象后（居中对齐）。当按钮在界面上显示出来后，可能某个事件会触发某个操作，需要改变NSButton的title的对齐方式(比如改成左对齐)。此时，需要设置button为需要的方式，然后重新设置成之前的文本，做如下操作:          1. [button setAlignment:NSLeftTextAlignment];          2. [button
Halcon 拼图算子tile_images_offset详解
ZiLiangQin的博客
06-11 1万+
tile_images_offset 原型 tile_images_offset(Images : TiledImage : OffsetRow, OffsetCol, Row1, Col1, Row2, Col2, Width, Height : ) 功能 根据明确的位置信息将多张图像拼接成一张大图像 参数列表 Images (input_object)：输入图像 TiledImage (output_object)：拼接后图像 OffsetRow (input_control)：拼接后图像中输入图像左上
关于Button中的设置title和image的titleEdgeInsets与imageEdgeInsets
lanoustudent的专栏
03-29 2280
1、Btton单单设置一个title loginButton.setTitle(“登录", forState: .Normal) 当给按钮只设置一个标题的时候，标题titleLabel的父视图为button，不需要设置titleLabel的frame时，titleLabel会在父视图中居中自动布局。 2、Btton单单设置一个image 当图片的大小大于或等于按钮大小时，需要考
UIButton的title和image
jichw的专栏
05-11 811
UIButton的默认布局是:title在右,image在左; 一种是设置UIButton的以下两个属性: // default is UIEdgeInsetsZero @property(nonatomic) UIEdgeInsets titleEdgeInsets; // default is UIEdgeInsetsZero @property(nonatomic) UIEd...
ios app的button的图片设置
12-02
在iOS中，我们可以使用UIButton类来创建和定制按钮，包括设置按钮的图片。本篇将深入探讨如何在iOS App中为按钮设置图片。 首先，我们需要了解UIButton的类型。UIButton有几种不同的样式，包括:UIButtonTypeCustom...
IOS应用源码——多种颜色和样式的按钮（未使用图片作背景的）.zip
10-14
9. Stack Views：在iOS 9及更高版本中，UIStackView是一个非常有用的工具，可以方便地管理多个按钮，使其水平或垂直排列，并自动调整间距和大小。 10. 动画效果：可以为按钮添加动画效果，比如渐变颜色、缩放、旋转...
iOS UICollectionViewCell 定制Button详解
本教程主要探讨了如何在UICollectionViewCell中定制Button，包括设置每行显示的按钮数量、自定义按钮的显示样式以及实现按钮的点击事件。 首先，我们要实现动态设置每行显示的按钮个数。这可以通过调整...
自定义iOS导航条返回按钮及样式指南
在iOS开发中，可以使用`UINavigationBar`类提供的方法来自定义返回按钮的文字和颜色。以下是一个基本的代码示例： ```swift // 获取当前的导航条 var navigationBar = self.navigationController?.navigationBar /...
简单拼接图像的tile_images和tile_images_offset算子
weixin_39354845的博客
03-17 2894
有时候通常需要简单的拼图，不涉及图像融合之类的，仅仅是简单的平移将多张图拼接成一张图。tile_images和tile_images_offset就是用于简单拼图的2个算子。 谈到拼图，肯定有以下问题要明确： 1、将多少张图拼起来？由于是多张图，这需要一个元组来存储多张图片的集合。 2、是横向拼图，还是纵向拼图？这涉及拼图的方向。 3、是一张挨着一张无缝拼接吗？能不能做“有缝”的自由拼接？这涉及拼接偏移量。
button中image和title的位置
MELSL
04-20 886
本文介绍button中title和image的相对位置以实现如下效果github地址,下载点我：实现了一个button的分类，有4中位置可以选择效果图：关键属性：EdgeInsets titleEdgeInsets是titleLabel相对其上下左右的inset 如果只有title，那么titleLabel的上下左右都是相对于button的 如果只有image，那么image的上
Halcon中 tile_images_offset算子简析
耳东小白的小笔记本儿
07-13 6154
遇上一个项目，需要将多幅图片进行拼接。 研究了一下halcon中的tile_images_offset算子，这个算子可以完成类似以下结构的图片拼接工作： 算子签名： tile_images_offset(Images : TiledImage : OffsetRow, OffsetCol, Row1, Col1, Row2, Col2, Width, Height : ) 其中Offs...
android 按键透明化
蔚蓝天空 探索无限
06-08 291
半透明 透明
调整tabBarItem的image和title位置
ly410726的专栏
08-28 2663
用系统的tabBarItem有时不符合UI设计，这时要我们调整下tabBarItem的image和title位置 //title上移 [vc.tabBarItem setTitlePositionAdjustment:UIOffsetMake(0,y)]; //image上移 vc.tabBarItem.imageInsets = UIEdgeInsetsMake(x, 0, w, 0); ...
[iOS]详解调整UIButton的title和image的位置
热门推荐
流火緋瞳的博客
05-05 4万+
很多次,系统默认的UIButton不能满足需求,每次都是查了很多资料,最后还是用最复杂的方式来修改button的标题和图片的位置,今天,花些时间来梳理一下这方面的知识... UIButton的默认布局是:title在右,image在左; 很多时候我们需要的是title在左边,或者title在下面,这时就需要调整UIButton的TitleLabel和ImageView的位置了,查了很多
iOS 为导航栏自定义按钮图案Button Image 运行出来的颜色与原本颜色不一样 －解决方案
野草志
07-08 3622
为相机制作闪光灯，在导航栏自定义了“闪光”图案，希望点击时变换图片，但是一直没有改变，原来是因为设置了Global Tint的颜色，所以系统会自动把图片的颜色改为Global Tint的颜色。 解决方案，设置图片时，添加：imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal 源码： /* ====================
IOS button按钮中添加image和title并修改其位置
u013329151的专栏
10-21 1533
由于button太小，导致部署到真机上时
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值