iT邦幫忙

2022 iThome 鐵人賽

DAY 29
0

SFSymbols 的說明頁

https://developer.apple.com/sf-symbols/

現在的 Xcode 裡面有包含一包 Apple 設計的 icon,可以看上方網站有詳細資料。其中還有一包 SFSymbols 的軟體,下載後可以一次看所有的 SFSymbols,也可以在上面調整漸層色。

我挑了 ferry 來做這個 忒修斯之船 App。

https://ithelp.ithome.com.tw/upload/images/20220930/20140622C3x36Ewxpb.png

所以來做個船。

struct ShipView: View {
    
    
    var body: some View {
        
        VStack {

            Text("忒修斯之船")
                .font(.system(size: 45))
                .padding()
            Image(systemName: "ferry.fill")
                        .renderingMode(.template)
                        .foregroundColor(.blue)
                        .font(.system(size: 200))
        }
    }
    
    private var upShipImage: AnyView {
        AnyView(Image(systemName: "ferry.fill")
                    .renderingMode(.template)
                    .foregroundColor(color3)
                    .font(.system(size: 200)))
    }
    
}

https://ithelp.ithome.com.tw/upload/images/20220930/20140622AoyVfyjrqQ.png

快速的把船 UI 拉好,接下來,就是把「換掉材料」的部分,進行程式的實作。


上一篇
D28 - 忒修斯之船 idea
下一篇
D30 - 忒修斯之船:替換船上的材料
系列文
使用 SwiftUI 讓有趣的點子變成 Apps30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言