UIButton 设置图片文字位置 -- imageEdgeInsets && titleEdgeInsets

最新推荐文章于 2023-01-14 11:37:37 发布

原创最新推荐文章于 2023-01-14 11:37:37 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uibutton

iOS开发随记专栏收录该内容

25 篇文章

订阅专栏

这篇博客探讨了如何使用UIButton的titleEdgeInsets和imageEdgeInsets属性来调整图片和文字的位置，提供了实现图片在右，文字在左布局的category方法。

发现一篇讲得有些原理的博客：
UIButton的titleEdgeInsets属性和imageEdgeInsets属性实现图片文字按要求排列
里面还有写好的category方法可以直接使用。

下面是图片右边，文字左边的一个按钮设置方法：

UIButton *rightButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 44)];
    [rightButton setTitle:@"这个是一个导航栏按钮" forState:UIControlStateNormal];
    rightButton.titleLabel.font = SYSTEMFONT(14);
    [rightButton setImage:[UIImage imageNamed:@"icon_filter"] forState:UIControlStateNormal];
    [rightButton setTitleEdgeInsets:UIEdgeInsetsMake(0, -rightButton.imageView.bounds.size.width, 0, rightButton.imageView.bounds.size.width)];
    [rightButton setImageEdgeInsets:UIEdgeInsetsMake(0, rightButton.titleLabel.bounds.size.width, 0, -rightButton.titleLabel.bounds.size.width)];
    [rightButton addTarget:self action:@selector(testFunction) forControlEvents:UIControlEventTouchUpInside];
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:rightButton];