簡體   English   中英

如何使用系統圖標圖像設置 UIButton 內部的色調?

[英]How to set the tint inside of a UIButton using a system icon image?

我正在將 UIButton 的圖像設置為系統圖標

在此處輸入圖像描述

有沒有辦法像這樣設置按鈕內部的顏色?

在此處輸入圖像描述

不幸的是,沒有內置的方法可以做到這一點,因為person.circle.fill符號不支持多色:

SF Symbols 應用程序,檢查 person.circle.fill,但唯一的選項是 Monochrome

您可以創建一個自定義符號並在那里添加顏色,但這需要做很多工作......您需要修改每個變體。

自定義符號模板,顯示 person.circle.fill 的所有可能變體

相反,我會

  1. Command + C在 SF Symbols 應用程序中復制符號
  2. 將其粘貼到 Sketch 等矢量設計應用程序中
  3. 在那里修改字體大小
  4. 右鍵單擊->轉換為輪廓
  5. 添加你的顏色
  6. 導出為SVG,拖入Xcode
  7. 在圖像的屬性檢查器中將“外觀”設置為單比例
步驟 1-6 第 7 步
在 Sketch 中設置字體大小 將外觀設置為單一比例

用法:

struct ContentView: View {
    var body: some View {
        Image("person.circle.fill")
            .resizable()
            .frame(width: 50, height: 50)
    }
}

結果:

黑色圓圈圖像上的紅人,在設備上運行

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM