ios24--改变button的文字和图片

//
//  ViewController.m
//  09-UIButton内部子控件的调整
//
//  Created by xiaomage on 15/12/30.
//  Copyright ? 2015年 小码哥. All rights reserved.
//

#import "ViewController.h"
#import "XMGButton.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 1.1 创建按钮
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    // 1.2 设置frame
    button.frame = CGRectMake(100, 100, 170, 70);//不设置fram看不见

    // 1.3 设置背景颜色
    button.backgroundColor = [UIColor purpleColor];

    // 1.4 设置文字
    [button setTitle:@"普通按钮" forState:UIControlStateNormal];

    // 1.5 设置内容图片
    [button setImage:[UIImage imageNamed:@"miniplayer_btn_playlist_normal"] forState:UIControlStateNormal];

    // 1.6 改变位置
    button.imageView.backgroundColor = [UIColor yellowColor];
    button.titleLabel.backgroundColor = [UIColor blueColor];

    // 注意: 在按钮外面改的尺寸,按钮的内部都会覆盖掉
    /*
    button.titleLabel.frame = CGRectMake(0, 0, 100, 70);
    button.imageView.frame = CGRectMake(100, 0, 70, 70);
    */

    [button titleRectForContentRect:CGRectMake(0, 0, 100, 70)];
    [button imageRectForContentRect:CGRectMake(100, 0, 70, 70)];

    [self.view addSubview:button];//不连线,就通过addSubview。
}

@end
//
//  XMGButton.h
//  09-UIButton内部子控件的调整
//

#import <UIKit/UIKit.h>

@interface XMGButton : UIButton

@end
//
//  XMGButton.m
//  09-UIButton内部子控件的调整
//

#import "XMGButton.h"

@implementation XMGButton

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
       // 文本居中
        self.titleLabel.textAlignment = NSTextAlignmentCenter;
       // 改变图片的内容模式
        self.imageView.contentMode = UIViewContentModeCenter;
    }
    return self;
}

#pragma mark - 方式一
/**
 *  重写两个方法: 不要调用super,就是要重写掉
 *  contentRect: 内容的尺寸,内容包括(imageView和label)
 */
/*
- (CGRect)titleRectForContentRect:(CGRect)contentRect{
    return CGRectMake(0, 0, 100, 70);
}

- (CGRect)imageRectForContentRect:(CGRect)contentRect{
    return CGRectMake(100, 0, 70, 70);
}
  */

#pragma mark - 方式二
- (void)layoutSubviews{
    [super layoutSubviews];
    // 设置子控件的位置
    self.titleLabel.frame = CGRectMake(0, 0, 100, 70);
    self.imageView.frame = CGRectMake(100, 0, 70, 70);
}

@end
时间: 2024-10-24 15:58:56

ios24--改变button的文字和图片的相关文章

【Android】Android实现自定义带文字和图片的Button

在Android开发中经常会需要用到带文字和图片的button,下面来讲解一下常用的实现办法. 一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现,这种方式代码量最小.在Button的属性中有一个是drawableLeft,这个属性可以把图片设置在文字的左边,但是这种方式必须让icon的背景色是透明的,如果icon的背景色不是透明的话,会导致点击按钮时icon部分的背景色不会发生变化. 主要代码: <Button android:id="@+id/bt3

Android实现自定义带文字和图片的Button

在Android开发中经常会需要用到带文字和图片的button,下面来讲解一下常用的实现办法. 一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现,这种方式代码量最小.在Button的属性中有一个是drawableLeft,这个 属性可以把图片设置在文字的左边,但是这种方式必须让icon的背景色是透明的,如果icon的背景色不是透明的话,会导致点击按钮时icon部分的背景 色不会发生变化. 主要代码: <Button android:id="@+id/b

iOS&#183;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.s

CSS3动画:流彩文字效果+图片模糊效果+边框伸展效果实现

前言 首先第一步,先布局html代码如下: <div class="wrap"> <img src="images/1.jpg" class="blur"/> <div class="text-gradient ">天赐神功</div> <div class="border"></div> </div> 上面一看第一个图片i

UIButton文字和图片偏移

UIButton 设置偏移 @propery titleEdgeInsets @propery imageEdgeInsets @propery contentEdgeInsets @propery contentHorizontalAlignment 初始化Button 1 UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 2 NSString *title = @"音乐"; 3 UIImage *ima

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

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

每天进步一点点-javascript-如何改变一段文字的内容

随着社会的进步,技术的一代代改革更新,现在的前端制作者的技术不能仅仅止步于html+css了,越来越多的企业单位,都开始要求前端能熟练使用javascript或者jquery等开发技术了,可是这些对于刚入门的童鞋们来说,还是很有挑战性的.接下来大家一起互相学习javascript吧(自己写的,可能表述什么的有不太对的地方,望大家海涵!)~ 知识储备: 大家需要先认识一些javascript中很重要的单词:onclick(鼠标点击事件).document(文档).window(窗口).getEle

微信自动发文字、图片、文件

一.说明 1.1 微信发文字.图片.文件一共有五步: 1.锁定对象: 2.将对象复制剪切板: 3.找到微信句柄: 4.复制到微信: 5.点击发送. 1.2 微信句柄说明 需要把指定的人(群)拉出来,形成一个单独的窗口. 1.3 通用代码 import win32gui, win32api, win32con def get_handle(to_weixin): hw = win32gui.FindWindow(None, to_weixin) # 获取窗口句柄 win32gui.GetClass

怎么编辑PDF里的文字与图片

总是有很多人一直在网上提问:PDF文件怎么修改文字.PDF文件如何编辑图片等问题.之所以不能编辑,那是因为大家一直都习惯于用PDF阅读器来打开PDF文件,而它并没有编辑PDF文件的权限.想要编辑PDF文件,还得用拥有编辑权限的PDF编辑器.下面跟着小编一起来看下PDF编辑器怎么编辑PDF里的文字与图片.       准备工作:电脑中下载一款叫做迅捷PDF编辑器的工具,下载后将其安装在电脑中,单击"立即体验"即可进入软件中心. 打开文件:单击软件左上方的"打开"按钮,