Button 图片和标题位置居中问题

最新推荐文章于 2023-10-25 23:23:08 发布

zaijianbali

最新推荐文章于 2023-10-25 23:23:08 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ios 文章标签：居中按钮图片

本文链接：https://blog.youkuaiyun.com/zaijianbali/article/details/48340357

ios 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种在iOS开发中实现按钮上的图片和文字水平居中的方法，通过调整button.title和button.image及其edgeInsets属性来确保二级菜单按钮的美观。

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

针对按钮的图片和标题的居中问题，

像微信公众帐号带有二级菜单的按钮，图片和标题合起来居中，这就用到了，button.title 和button.image 以及他们的 edgeInsets

以下是文本和图片从上到下排列，都水平居中的代码，当然也可以另外使用imageView贴到button上，效果是一样的。

        //按钮的中心
        CGPoint buttonBoundsCenter = CGPointMake(CGRectGetMidX(firstLevelBtn.bounds), CGRectGetMidY(firstLevelBtn.bounds));
        //找出imageView最终的center
        CGPoint endImageViewCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetMidY(firstLevelBtn.imageView.bounds));
        //取得imageView最初的center
        CGPoint startImageViewCenter = firstLevelBtn.imageView.center;
        CGFloat imageEdgeInsetsLeft = endImageViewCenter.x - startImageViewCenter.x;
        CGFloat imageEdgeInsetsTop  = endImageViewCenter.y - startImageViewCenter.y+6.5;
        CGFloat imageEdgeInsetsBottom = -imageEdgeInsetsTop;
        CGFloat imageEdgeInsetsRight  = -imageEdgeInsetsLeft;
        firstLevelBtn.imageEdgeInsets = UIEdgeInsetsMake(imageEdgeInsetsTop, imageEdgeInsetsLeft, imageEdgeInsetsBottom, imageEdgeInsetsRight);
     
        // 设置titleEdgeInsets
        // 找出titleLabel最终的center
        CGPoint endTitleLabelCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetHeight(firstLevelBtn.bounds)-CGRectGetMidY(firstLevelBtn.titleLabel.bounds));
            // 取得titleLabel最初的center
        CGPoint startTitleLabelCenter = firstLevelBtn.titleLabel.center;
        CGFloat titleEdgeInsetsTop = endTitleLabelCenter.y-startTitleLabelCenter.y-11-3.5;
        CGFloat titleEdgeInsetsLeft = endTitleLabelCenter.x - startTitleLabelCenter.x;
        CGFloat titleEdgeInsetsBottom = -titleEdgeInsetsTop;
        CGFloat titleEdgeInsetsRight = -titleEdgeInsetsLeft;
        
        firstLevelBtn.titleEdgeInsets = UIEdgeInsetsMake(titleEdgeInsetsTop, titleEdgeInsetsLeft, titleEdgeInsetsBottom, titleEdgeInsetsRight);