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

UIButton同时设置Title和Image后,默认是图片在左文字在右,如下图1,很多情况下我们希望图片在上图片在下,如下图2,只需要简单的几行代码,即可实现。

(1)因为需要处理多个按钮,所以将实现代码封装为一个方法,把每个UIbutton实例作为参数传入即可,代码如下:


  1. -(void)initButton:(UIButton*)btn{
  2. btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示
  3. [btn setTitleEdgeInsets:UIEdgeInsetsMake(btn.imageView.frame.size.height ,-btn.imageView.frame.size.width, 0.0,0.0)];//文字距离上边框的距离增加imageView的高度,距离左边框减少imageView的宽度,距离下边框和右边框距离不变
  4. [btn setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -btn.titleLabel.bounds.size.width)];//图片距离右边框距离减少图片的宽度,其它不边
  5. }

(2)然后把按钮传入

[objc] view plain copy

  1. [self initButton:self.btn1];
  2. [self initButton:self.btn2];
  3. [self initButton:self.btn3];
  4. [self initButton:self.btn4];
  5. [self initButton:self.btn5];
  6. [self initButton:self.btn6];
  7. [self initButton:self.btn7];

(3)运行查看效果。

时间: 2024-12-26 18:44:28

iOS按钮设置图片在上文字在下的相关文章

iOS 按钮设置图片和事件

[btn addTarget:self action:@selector(searchButtonClick) forControlEvents:UIControlEventTouchUpInside]; [btn setImage:[UIImage imageNamed:@"Icon"] forState:UIControlStateNormal]; [btn setImage:[UIImage imageNamed:@"Icon"] forState:UICon

ios 按钮或图片框圆角处理

导入库头文件(重点) #import <QuartzCore/QuartzCore.h> //圆角设置 imageView.layer.cornerRadius = 6; imageView.layer.masksToBounds = YES; //边框宽度及颜色设置 [imageView.layer setBorderWidth:2]; [imageView.layer setBorderColor:[UIColor blueColor]];  //设置边框为蓝色 //自动适应,保持图片宽高

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

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

iOS UIButton 设置图片文字垂直排列

在实际的iOS项目开发中,我们经常需要改变系统的控件的样式,自己定义一个,同样的当我们发现系统自带的某些方法不好使时,我们也会想到重写这个方法. 本文主要记录笔者设置UIButton图片文字垂直排列的方法,最终解决了在图片和文字垂直排列的情况下,如果文字长度变化会导致图片位置变动的问题,对 于此问题网上有比较多的做法,我就不多说了,在此记录这点细节仅为加深印象并方便以后查阅.如有纰漏还请见谅 方案一:通过调整按钮图片和文字的内边距 UIEdgeInsets typedef struct UIEd

ios xcode 设置图片拉伸

  在开发中我们经常要把一张小图拉伸到一个比它本身大很多的尺寸.在android中,google 在sdk中提供了一个draw9patch.bat 的工具可以把图片按照指定位置进行拉伸,比如图片圆角不拉伸.在ios中我们可以通过代码和storyboard进行设置.如图:只需设置 Stretching属性就可以了.其中 x,y的取值是0-1,Width和Height表示要拉伸的像素

iOS UIButton设置图片动画

1.问题描述:实现点击按钮播放MP3音频并开启动画,再点击按钮关闭动画以及音频 效果类似以下(图片来自网络,侵删),动画效果其实就是几张连续的图片组成: 2.实现思路 2.1 自定义view,设置imageview的动画以及添加view的点击手势控制动画播放.结束: 2.2 直接自定义一个button,设置button的imageview属性实现,这样更加简单: 3.实现代码(采用第二种方法) 自定义一个UIbutton,如AnimateImgButton,实现方法 .m //自定义button

iOS 按钮设置

设置按钮为不可按:setEnable [button setEnable:NO]; 设置变灰:setAlpha [button setAlpha:0.4]; 设置按钮图像:setImage [button setImage:[UIImage imageNamed:@"choice"] forState:UIControlStateNormal]; 设置按钮标题:setTitle [button setTitle:@"按钮"]; 判断按钮是否透明:isTranspar

iOS UIButton 设置图片不变型 setImage:

[btn.imageView setContentMode:UIViewContentModeScaleAspectFill]; 下面方法自己可以试下, 你就知效果了... typedef NS_ENUM(NSInteger, UIViewContentMode) { UIViewContentModeScaleToFill, UIViewContentModeScaleAspectFit,      // contents scaled to fit with fixed aspect. re

iOS 设置导航栏的颜色和导航栏上文字的颜色

#import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @end #import "AppDelegate.h" #import "KeyViewController.h" @interface AppDelegate () @end