iOS中button 的图片和文字的位置

最新推荐文章于 2024-08-10 14:50:51 发布
最新推荐文章于 2024-08-10 14:50:51 发布
阅读量4.4k 收藏 2
点赞数
分类专栏： iOS 文章标签： Button 的图片和文字的文字
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyp2440751439/article/details/54909113
版权
在iOS开发中，系统UIButton默认设置为图片在左、文字在右。但实际需求可能包括图片在右、文字在左，或图片上下排列。通过调整imageEdgeInsets和titleEdgeInsets属性，可以轻松实现这些布局效果。例如，要将图片置于文字右侧，可以分别设置titleEdgeInsets和imageEdgeInsets，以调整它们的相对位置。
摘要由CSDN通过智能技术生成

系统UIButton 默认的UI是图片在左，文字在右。

可我们平时开发中需要的不仅仅是这一种情况。

1> 图片在右，文字在左

2> 图片在上，文字在下

3> 图片在下，文字在上

关键在于imageEdgeInsets 和 titleEdgeInsets .

最低0.47元/天 解锁文章
hyp2440751439
关注
专栏目录
iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
09-03
在iOS开发中，`UIButton` 是一个非常常用的控件，用于创建用户交互的按钮。它允许我们添加文本和图像，并且可以根据需要自定义其布局和样式。本篇将深入讲解如何利用 `UIEdgeInsets` 来实现 `UIButton` 上的文字和...
iOS Button 上文字图片位置的设置
Mr_tangIT的博客
09-21 663
参考地址： https://www.cnblogs.com/xujiahui/p/6909317.html     1. 添加图片+文字／文字+图片 ，不分前后，图片默认在文字前边 加空格隔开 UIButton * button =[[UIButton alloc] initWithFrame:CGRectMake(30, 200, 300, 50)]; button.backg...
ios UIButton 文字左边，图片右边排列
我的专栏
07-11 5115
自定义LFBuybutton ，继承自UIbutton，在自定义的按钮中重写方法-(void)layoutSubviews  根据文字和按钮的X点的交换，实现文字和图片位置的交换 #import "LFBuybutton.h" @implementation LFBuybutton -(void)layoutSubviews { [super layoutSubviews];
iOS中调整按钮图片和文案的布局
最新发布
weixin_39339407的博客
08-10 1182
调整图片和按文字的EdgeInsets，这个方案很好既保留了系统的UIButton又可以完美的适应自动布局。
iOS - 一行代码搞定button的图片与文字的位置
alex_birdlion的博客
10-22 1792
创建label的分类#import <UIKit/UIKit.h>typedef NS_ENUM(NSUInteger, MKButtonEdgeInsetsStyle) { MKButtonEdgeInsetsStyleTop, // image在上，label在下 MKButtonEdgeInsetsStyleLeft, // image在左，label在右 MKButt
iOS 将系统自带的button改装成上图片下文字的样子
学海无涯苦作舟
12-27 1361
经常会用到上面是图片，下面是文字的Button。这样的控件可以自定义，但是偶然发现一个直接对系统button进行图片与位置的重新layout实现同样效果的代码，最后使用的按钮是这样的：代码是通过继承UIButton，然后再重写layoutSubviews方法，对自带的图片和titleLabel进行重新的layout，代码如下：// // ZZZUpDownButton.h // // Copyr
iOS 设置button中图文位置
weixin_30908941的博客
07-12 152
方法一. -(CGRect)imageRectForContentRect:(CGRect)contentRect { return CGRectMake(self.width - kImageW, 0, kImageW, self.height);}-(CGRect)titleRectForContentRect:(CGRect)contentRect { return CGRec...
ios-Button图片位置自定义.zip
07-11
总的来说，自定义`UIButton`的图片位置和间距是iOS开发中的常见任务。通过设置`imageEdgeInsets`和`titleEdgeInsets`，我们可以灵活地调整图片和标题的布局，从而满足各种设计需求。如果有第三方库如"HQIconButton...
IOS 开发之自定义按钮实现文字图片位置随意定制
01-05
IOS 开发之自定义按钮实现文字图片位置随意定制 可能有些看到这篇文章的朋友会觉得很不屑：“按钮谁不会自定义？还需要看你的？” 也确实，按钮是我们项目中最常见的控件之一，天天在使用。对于不同类型的按钮，我们...
iOS如何将UIButton中的图片与文字上下对齐详解
01-05
相信每位iOS开发者都知道在UIButton中可以设置图片和文字，也经常见到同时设置有图片和下方提示文字的按钮，但是当我自己去对图片按钮添加提示文字的时候，却发现这并不是想象中的那么简单。怎么不简单呢？下面来...
ios app的button的图片设置
12-02
ios app的button的图片设置，ios app的button的图片设置的实现。
iOS-UIButton实现左边文字,右边图片
MinggeQingchun的博客
09-12 2048
实现UIButton图片和文字并排 -(void)layoutSubviews { [super layoutSubviews]; /** 修改 title 的 frame */ // 1.获取 titleLabel 的 frame CGRect titleLabelFrame = self.titleLabel.frame; // 2.修改 tit...
iOS修改按钮标题和图片的位置
J_Y_J_的博客
04-08 346
注意获取title和image的尺寸，要用intrinsicContentSize，不然获取的宽度为0.
iOS UIButton 图标与标题位置调整
豪冷的博客
01-21 2385
iOS UIButton 图标与标题位置调整 JHAdjustButton
iOSButton文字和图片摆放的个字方式
qq_33552344的博客
01-10 3427
1、iOSButton图片在上文字在下 UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; [btn addTarget:self action:@selector(clickAction:)forControlEvents:UIControlEventTouchUpInside]; [self. addSubview:btn]; [btn mas_makeConstraints:^(MASConstraintMaker *make
布局包含Image和Title的UIButton
weixin_30477797的博客
12-17 238
UIButton中的titleEdgeInsets和imageEdgeInsets可以管理button中image和title的布局。 如果对其理解不够深入，用纯数字进行布局管理，经过不断的调试，还是能试出来的，但是如果改变了图片大小或文字长度，又要再来一遍。 作为程序猿，我们不应该放弃任何一个偷懒的机会。 默认情况下，是图片在左，文字在右，垂直居中显示，如下图： ...
Objective-C实现：iOS UI开发Button详解
"这篇教程主要讲解了在iOS UI开发中如何使用Button，包括基本的创建、配置和事件响应，代码示例基于Objective-C语言。" 在iOS应用开发中，用户界面（UI）是至关重要的组成部分，而Button是UI中最常见的交互元素之一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值