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

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

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

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

        //按钮的中心CGPoint buttonBoundsCenter = CGPointMake(CGRectGetMidX(firstLevelBtn.bounds), CGRectGetMidY(firstLevelBtn.bounds));//找出imageView最终的centerCGPoint endImageViewCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetMidY(firstLevelBtn.imageView.bounds));//取得imageView最初的centerCGPoint 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最终的centerCGPoint endTitleLabelCenter = CGPointMake(buttonBoundsCenter.x, CGRectGetHeight(firstLevelBtn.bounds)-CGRectGetMidY(firstLevelBtn.titleLabel.bounds));// 取得titleLabel最初的centerCGPoint 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);

Button 图片和标题位置居中问题相关推荐

swift 第四课随意设置button 图片和文字位置
项目中经常遇到按钮改变文字和图片位置的情况,所以尝试写一个 button 的分类: 参照连接 http://blog.csdn.net/dfqin/article/details/37813591 i ...
latex如何自定义图片的标题位置
前言 latex插入图片一般是将标题或者文字描述放在图片下方,如何自定义标题的位置? 解决使用包usepackage{overpic} \put{文字描述的位置}{文字描述的内容} demo \be ...
C#图像处理：在图片上写字，文字位置居中问题
1.给图片上添加文字,位置的位置居中.左对齐.右对齐等 Font LabelFont = new Font("宋体", 14, FontStyle.Bold); //设置字体.字号 ...
图片在section上下居中_给0~1岁的新媒体人：公众号怎么配图？免费图片哪里找？...
编者按:公众号文章配图重要吗,怎么给公众号文章配图?去哪儿找免费图片?这对很多新媒体编辑尤其是对初入行的新媒体编辑来说,似乎简单而又重要.今天我们决定重新系统地讨论一下这个问题. 本文系投稿,由新榜首 ...
0811-按钮操作（加法计算器）（拖控件找控件代码属性名称）（frame center bounds）（上下左右移动button图片）...
-------------------- 加法计算器实现步骤 1.拖控件改textField键盘属性为numberPad ,label双击修改名称自动缩小尺寸改属性名称不会改尺寸, 放 ...
微信小程序实现点击分享按钮时动态改变分享图片和标题
最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题. 这个需求把我难住了,大家都知道在触发分享时需要提 ...
Markdown 图片左右对齐、居中、大小设置
Markdown 图片左右对齐.居中.大小设置虽然经常使用 Markdown 写博客,但是,我却不太知道 Markdown 图片的位置和大小设置,今天刚好发表博客的时候,发觉图片位置有点丑,Goog ...
android button 图片大小设置,android 中怎么控制ImageButton 上的图片与按钮大小的匹配...
ImageButton 是ImageView的子类,ImageView中可以通过Scaletype来设置图片的缩放大小等. ImageView的Scaletype决定了图片在View上显示时的样子,如 ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...

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

Button 图片和标题位置居中问题相关推荐

最新文章

热门文章