• UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用


    UIButton上titleLabel和imageView的显示原则。

    1.当button.width < image.width时,只显示被压缩后的图片,图片是按fillXY的方式压缩。

    2.当button.width > image.width,且 button.width < (image.width + text.width)时,图片正常显示,文本被压缩。

    3.当button.width > (image.width + text.width),两者并列默认居中显示,可通过button的属性contentHorizontalAlignment改变对齐方式。

    setTitleEdgeInsets和setImageEdgeInsets的使用

    想两改变两个子控件的显示位置,可以分别通过setTitleEdgeInsets和setImageEdgeInsets来实现。需要注意的是,对titleLabel和imageView设置偏移,是针对它当前的位置起作用的,并不是针对它距离button边框的距离的。如果只有title,那它上下左右都是相对于button的,image也是一样;如果同时有image和label,那这时候image的上左下是相对于button,右边是相对于label的;title的上右下是相对于button,左边是相对于image的。

    button的属性contentHorizontalAlignmen(水平对齐方式)默认是居中的,同时button还有一个contentVerticalAlignment(竖直对齐方式)属性默认也是居中的。在我们不改变这两个值的情况下,需要明白默认情况下,button的image和label是紧贴着居中的。直接这样设置很麻烦很烧脑,了解一下就可以了,在使用时不推荐!

    把button的contentHorizontalAlignment设为居左时,contentVerticalAlignment设为居上时,可以很方便的通过EdgeInsets改变两个子控件的位置。这样图片和文字就在button的左上角了。且图片在前,文字在后。相当于image的初始位置变为了(0,0)title的初始位置变为了(image.width,0)。这样就可以像类似frame那样去设置值了,便于理解。当然根据需要你可以只设置水平的或者垂直的对齐方式。

    源文地址

  • 相关阅读:
    按键精灵-3-按键精灵键盘鼠标命令
    Python-13-pass,del和exec
    STP-9-处理RSTP中的拓扑变化
    Python-12-简单推导
    Python-11-循环
    Python-10-条件和条件语句
    Qt qml listview 列表视图控件(下拉刷新、上拉分页、滚动轴)
    Qt qml pageview 左右滑动分页组件
    Qt qml treeview 树控件
    Qt qml 模拟iphone slide to unlock 的聚光动画文字效果
  • 原文地址:https://www.cnblogs.com/jiuyi/p/11547787.html
Copyright © 2020-2023  润新知