IOS自定义图片放右边的Button

最新推荐文章于 2022-03-11 15:29:27 发布

Jacob-wj

最新推荐文章于 2022-03-11 15:29:27 发布

阅读量6k

点赞数

CC 4.0 BY-SA版权

分类专栏： IOS UI基础

本文链接：https://blog.youkuaiyun.com/wangjia55/article/details/50687152

IOS UI基础专栏收录该内容

30 篇文章

订阅专栏

这篇博客介绍了如何在iOS中自定义一个标题在左、图片在右的按钮，详细讲解了WQTitleButton的头文件和实现文件的代码实现过程。

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

自定义一个图片放在按钮右边位置的按钮

1。WQTitleButton.h

#import <UIKit/UIKit.h>

@interface WQTitleButton : UIButton

@end

1.WQTitleButton.m

#import "WQTitleButton.h"
#define ImageW  30


@implementation WQTitleButton

-(instancetype)initWithCoder:(NSCoder *)aDecoder{
    if (self = [super initWithCoder:aDecoder]) {
        
        //设置图片显示的样式
        self.imageView.contentMode = UIViewContentModeCenter;
    }
    return self;
}

-(CGRect)titleRectForContentRect:(CGRect)contentRect{
    CGFloat titleW = contentRect.size.width-ImageW;
    CGFloat titleH = contentRect.size.height;
    return CGRectMake(0, 0, titleW, titleH);
}

-(CGRect)imageRectForContentRect:(CGRect)contentRect{
    CGFloat imageW = ImageW;
    CGFloat imageH = contentRect.size.height;
    CGFloat imageX = contentRect.size.width-ImageW;
    //self.imageView.contentMode = UIViewContentModeCenter;
    return CGRectMake(imageX,0, imageW, imageH);
}

-(void)setHighlighted:(BOOL)highlighted{
}
@end

3. 如果点击按钮的过程中，给按钮图片增加动画，如下：

- (IBAction)clickTitle:(UIButton *)sender {
    
    [UIView animateWithDuration:0.25 animations:^{
        if (CGAffineTransformIsIdentity(sender.imageView.transform)) {
            sender.imageView.transform = CGAffineTransformMakeRotation(M_PI);
        }else{
            sender.imageView.transform = CGAffineTransformIdentity;
        }
       
    }];
    
}