iOS·UIButton如何文字在下图片在上

创建子类继承自UIButton,在layoutSubviews方法中改变文字和图片的位置就可以了,同理,稍作改变,可以写出文字在上图片在下.本文只给出文字在下图片在上的代码

 1 -(void)layoutSubviews {
 2     [super layoutSubviews];
 3
 4     // image center
 5     CGPoint center;
 6     center.x = self.frame.size.width/2;
 7     center.y = self.imageView.frame.size.height/2;
 8     self.imageView.center = center;
 9
10     //text
11     CGRect newFrame = [self titleLabel].frame;
12     newFrame.origin.x = 0;
13     newFrame.origin.y = self.imageView.frame.size.height + 5;
14     newFrame.size.width = self.frame.size.width;
15
16     self.titleLabel.frame = newFrame;
17     self.titleLabel.textAlignment = NSTextAlignmentCenter;
18 }

效果:

时间: 2024-10-29 00:56:29

iOS·UIButton如何文字在下图片在上的相关文章

iOS实现视频和图片的上传

关于iOS如何实现视频和图片的上传, 我们先理清下思路 思路: #1. 如何获取图片? #2. 如何获取视频? #3. 如何把图片存到缓存路径中? #4. 如何把视频存到缓存路径中? #5. 如何上传? 接下来, 我们按照上面的思路一步一步实现 首先我们新建一个类, 用来储存每一个要上传的文件uploadModel.h #import <Foundation/Foundation.h> @interface uploadModel : NSObject @property (nonatomic

IOS总结_实现UIButton的图文混排,同时显示文字和图片

我们常常需要用到按钮需要文字和图片同时显示,例如: 我们需要定义一个UIButton的子类 实现文件 - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { //可根据自己的需要随意调整 self.titleLabel.textAlignment=NSTextAlignmentRight; self.titleLabel.font=[UIFont systemFontOfSize:14

iOS按钮设置图片在上文字在下

UIButton同时设置Title和Image后,默认是图片在左文字在右,如下图1,很多情况下我们希望图片在上图片在下,如下图2,只需要简单的几行代码,即可实现. (1)因为需要处理多个按钮,所以将实现代码封装为一个方法,把每个UIbutton实例作为参数传入即可,代码如下: -(void)initButton:(UIButton*)btn{ btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//

uibutton图片在上,文字在下。 图片在左 文字在右

//文字在左,图片在右 CGFloat imageWidth = self.button.imageView.frame.size.width; CGFloat labelWidth = self.button.titleLabel.frame.size.width; self.button.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth, 0, -labelWidth); self.button.titleEdgeInsets = UIEdge

iOS--UIButton图片在上,文字在下

UIButton正常情况下是图片在左,文字在右,调整一下位置变成图片在上,文字在下,这个比较常用 - (void)setup { // 调整图片 self.imageView.xm_x = 0; self.imageView.xm_y = 0; self.imageView.xm_width = self.xm_width; self.imageView.xm_height = self.imageView.xm_width; // 调整文字 self.titleLabel.xm_x = 0;

iOS圆形按钮和图片在上标题在下按钮的实现

1 圆形按钮的实现(点击区域也为圆形) 系统UIButton自带的方式为矩形,通过设置layer层可以将图片裁剪为圆形,但是点击区域仍是矩形.为解决这个为题,本文的方法是,创建UIButton子类,重写UIButton的- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event的方法.代码如下: 1 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event 2 { 3

uibutton实现左文字右图片

代码实现: [btnRight setTitleEdgeInsets:UIEdgeInsetsMake(0, -imgArrow.size.width, 0, imgArrow.size.width)];[btnRight setImageEdgeInsets:UIEdgeInsetsMake(0, btnRight.titleLabel.bounds.size.width, 0, -btnRight.titleLabel.bounds.size.width)]; uibutton默认是左图片,

猫猫学iOS之UIButton一行代码重写图片和标题位置

猫猫分享,必须精品 原创文章,欢迎转载.转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243 先看效果: 很简单,就是实现让image在title的上下左右边任意调用 调用 调用起来步骤更容易了,下载我写好的代码,把分类UIButton+NYImageLocation导入 #import "UIButton+NYImageLocation.h" 调用:这个方法只是设置图片位置和图片与title的间距 btn setImageLocation:(

iOS.TextKit.02.文字图片混合排版

1.案例如图 2.代码 TextKit02ViewController.h #import <UIKit/UIKit.h> @interface TextKit02ViewController : UIViewController @property (nonatomic,strong) IBOutlet UITextView *textView; @property (nonatomic,weak) IBOutlet UIImageView *imageView; // 文本可以排版的区域