如何在UIButton中更改SF图标的大小

罗伯·诺巴克

这里的问题很简单。我想更改UIButton中的SF图标的大小。我已经尝试过20种方法,直到星期三。

  1. 我尝试设置EdgeInsets-没有骰子
  2. 我尝试重置按钮的imageView的contentMode-不会让步
  3. 试图更改图像的字体大小-可以吗?

必须有一种简单的方法来执行此操作。提前致谢。

罗伯·诺巴克

更新:看起来您可以使用中Default Symbol Configuration的UIButton上设置Attributes Inspector来完成相同的操作。所有版权归安德鲁·科纳(Andrew Kirna)下面。多谢,伙计!

在此处输入图片说明


成功!!!感谢有关SF Symbols的精彩文章,我终于找到了解决方法。它肯定被埋在那里。

在情节提要中调整按钮图像的大小真的很好,不是吗?我至少这么认为。

1)在Xcode中将IconButton.swift添加到您的项目中。

import UIKit

@IBDesignable
class IconButton: UIButton {
    @IBInspectable var pointSize:CGFloat = 30.0

    override func layoutSubviews() {
        super.layoutSubviews()
        if #available(iOS 13.0, *) {
            let config = UIImage.SymbolConfiguration(pointSize: pointSize)
            setPreferredSymbolConfiguration(config, forImageIn: .normal)
        } else {
            // Fallback on earlier versions
        }
    }
}

2)在情节提要中创建一个带有SF图标作为图像的按钮。

3)转到身份检查器,并创建按钮IconButton的类

4)转到属性检查器,然后输入您的磅值。请注意,这是height of the iconx 3/4。我想要一个40 x 40的图标,所以我的磅数是30。

5)在情节提要中查看您的图标更新,并高兴地笑着您没有花3个小时来解决这个问题:D

赞扬这篇伟大的文章:https//www.avanderlee.com/swift/sf-symbols-guide/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React中更改svg图标的大小?

来自分类Dev

如何在TextView上更改drawableL图标的大小?

来自分类Dev

如何在Windows 8中更改桌面图标的大小?

来自分类Dev

如何在Android中更改字体图标的颜色

来自分类Dev

如何在JOptionpane中更改图标的位置?

来自分类Dev

更改面板图标的大小

来自分类Dev

如何更改 Shopify 'Brooklyn' 主题中付款图标的大小?

来自分类Dev

更改AngularJS材质图标的图标大小

来自分类Dev

是否可以在EditText中更改图标的大小

来自分类Dev

在Flutter中更改AppBar返回图标的大小

来自分类Dev

如何在iOS版Google Maps中调整GMSMarker图标的大小?

来自分类Dev

如何在设置 PreferenceScreen Android 中调整矢量图标的大小

来自分类Dev

在Qt中,如何调整表格中图标的大小?

来自分类Dev

如何在Android中更改导航抽屉启动器图标的颜色

来自分类Dev

如何在androidx工具栏中更改菜单图标的颜色?

来自分类Dev

如何在工具栏中更改抽屉图标的颜色

来自分类Dev

如何在Xcode 8中更改标签栏图标的突出显示颜色?

来自分类Dev

如何在操作模式下更改文本/图标的颜色?

来自分类Dev

如何在Cinnamon上更改Dekstop图标的图像?

来自分类Dev

更改桌面图标的大小

来自分类Dev

如何更改Angular Material中md图标的颜色?

来自分类Dev

如何更改工具栏中抽屉图标的颜色

来自分类Dev

如何更改html中组合框内图标的位置?

来自分类Dev

如何更改工具栏中图标的颜色?

来自分类Dev

如何在Ubuntu 18.04上的应用程序概述中调整应用程序图标的大小?

来自分类常见问题

如何在Angular Material中设置图标的颜色?

来自分类Dev

如何减小LibreOffice图标的大小?

来自分类Dev

如何增加 tabItems 上图标的大小?

来自分类Dev

如何在Android中更改状态栏通知图标的颜色/色调(棉花糖及23+以上)?

Related 相关文章

  1. 1

    如何在React中更改svg图标的大小?

  2. 2

    如何在TextView上更改drawableL图标的大小?

  3. 3

    如何在Windows 8中更改桌面图标的大小?

  4. 4

    如何在Android中更改字体图标的颜色

  5. 5

    如何在JOptionpane中更改图标的位置?

  6. 6

    更改面板图标的大小

  7. 7

    如何更改 Shopify 'Brooklyn' 主题中付款图标的大小?

  8. 8

    更改AngularJS材质图标的图标大小

  9. 9

    是否可以在EditText中更改图标的大小

  10. 10

    在Flutter中更改AppBar返回图标的大小

  11. 11

    如何在iOS版Google Maps中调整GMSMarker图标的大小?

  12. 12

    如何在设置 PreferenceScreen Android 中调整矢量图标的大小

  13. 13

    在Qt中,如何调整表格中图标的大小?

  14. 14

    如何在Android中更改导航抽屉启动器图标的颜色

  15. 15

    如何在androidx工具栏中更改菜单图标的颜色?

  16. 16

    如何在工具栏中更改抽屉图标的颜色

  17. 17

    如何在Xcode 8中更改标签栏图标的突出显示颜色?

  18. 18

    如何在操作模式下更改文本/图标的颜色?

  19. 19

    如何在Cinnamon上更改Dekstop图标的图像?

  20. 20

    更改桌面图标的大小

  21. 21

    如何更改Angular Material中md图标的颜色?

  22. 22

    如何更改工具栏中抽屉图标的颜色

  23. 23

    如何更改html中组合框内图标的位置?

  24. 24

    如何更改工具栏中图标的颜色?

  25. 25

    如何在Ubuntu 18.04上的应用程序概述中调整应用程序图标的大小?

  26. 26

    如何在Angular Material中设置图标的颜色?

  27. 27

    如何减小LibreOffice图标的大小?

  28. 28

    如何增加 tabItems 上图标的大小?

  29. 29

    如何在Android中更改状态栏通知图标的颜色/色调(棉花糖及23+以上)?

热门标签

归档