通过setTitleEdgeInsets和setImageEdgeInsets改变UIBtton文本图片位置

最新推荐文章于 2024-08-15 18:33:11 发布

yangliu16

最新推荐文章于 2024-08-15 18:33:11 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： uibutton

本文链接：https://blog.youkuaiyun.com/yangliu16/article/details/52513376

iOS 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用setTitleEdgeInsets和setImageEdgeInsets方法调整UIButton的文本和图片位置，实现从默认的右边图片左边文本到左边文本右边图片的布局变换。

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

UIButton内部文本和图片的布局是我们日常代码中，不可缺少的部分，按钮默认左边图片右边文本，那要实现左边文本右边图片，上面图片下面文本和上面文本下面图片该怎么办呢？

setTitleEdgeInsets和setImageEdgeInsets方法的好处就是不要在重写UIButton，直接在新建的UIButton中改变上面两个属性的值就可以达到我们想要的结果

左边文本右边图片

-(UIButton *)customButtonWithFrame:(CGRect)frame title:(NSString *)title rightImage:(UIImage *)image{
    self.frame=frame;
    [self setTitle:title forState:UIControlStateNormal];
    [self setImage:image forState:UIControlStateNormal];
    self.imageEdgeInsets = UIEdgeInsetsMake(0, self.frame.size.width - self.imageView.frame.origin.x - self.imageView.frame.size.width, 0, 0);
    self.titleEdgeInsets = UIEdgeInsetsMake(0, -(self.frame.size.width - self.titleLabel.frame.size.width), 0, 0);
    return self;
}

上面文本下面图片

-(UIButton *)customButtonWithFrame:(CGRect)frame title:(NSString *)title bottomImage:(UIImage *)image
{
    self.frame=frame;
    [self setTitle:title forState:UIControlStateNormal];
    [self setImage:image forState:UIControlStateNormal];
    self.titleEdgeInsets = UIEdgeInsetsMake(- (self.frame.size.height - self.titleLabel.frame.size.height- self.titleLabel.frame.origin.y),-self.imageView.frame.size.width, 0, 0);
    self.imageEdgeInsets=UIEdgeInsetsMake(self.frame.size.height-self.imageView.frame.size.height-self.imageView.frame.origin.y,(self.frame.size.width-self.titleLabel.frame.size.width)/2, 0, 0);
    return self;
}

上面图片下面文本

-(UIButton *)customButtonWithFrame:(CGRect)frame title:(NSString *)title topImage:(UIImage *)image
{
    self.frame=frame;
    [self setTitle:title forState:UIControlStateNormal];
    [self setImage:image forState:UIControlStateNormal];
    self.imageEdgeInsets = UIEdgeInsetsMake(- (self.frame.size.height - self.imageView.frame.size.height- self.imageView.frame.origin.y),(self.frame.size.width -self.titleLabel.frame.size.width)/2.0f, 0, 0);
    self.titleEdgeInsets = UIEdgeInsetsMake(self.frame.size.height-self.titleLabel.frame.size.height-self.titleLabel.frame.origin.y, -self.imageView.frame.size.width, 0, 0);
    return self;
}

我写了一个小demo，如果有需要可以去看一下

点击打开链接