zoukankan      html  css  js  c++  java
  • 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那样去设置值了,便于理解。当然根据需要你可以只设置水平的或者垂直的对齐方式。

    源文地址

  • 相关阅读:
    一个例子看懂所有nodejs的官方网络demo
    HDU 4283 You Are the One ★(进出栈的括号匹配性质:区间DP)
    HDU 4283 You Are the One ★(进出栈的括号匹配性质:区间DP)
    HDU 4274 Spy's Work (树形DP)
    HDU 4274 Spy's Work (树形DP)
    HUST 1328 String (字符串前缀子串个数 --- KMP)
    HUST 1328 String (字符串前缀子串个数 --- KMP)
    POJ 3167 Cow Pattern ★(KMP好题)
    POJ 3167 Cow Pattern ★(KMP好题)
    HDU 2594 Simpsons’ Hidden Talents (KMP)
  • 原文地址:https://www.cnblogs.com/jiuyi/p/11547787.html
Copyright © 2011-2022 走看看