SwiftUI 官方教程(二) 2. 自定義 Text View 為了自定義 view 的顯示,我們可以自己更改代碼,或者使用 inspector 來幫助我們編寫代碼。 在構建 Landmarks 的過程中,我們可以使用任何編輯器來工作:編寫源碼、修改 canvas ...
前言 在前面幾篇關於SwiftUI的文章中,我們用一個具體的基本項目Demo來學習了下SwiftUI,里面包含了常見的一些控件使用以及數據處理和地圖等等,有興趣的小伙伴可以去翻翻以前的文章,在前面總結的時候我有說過要具體說一下這個很有趣的官方示例的,這篇我們就好好的說說這個有意思的圖,我們具體要解析的內容圖如下: 最后出來的UI效果就是上面這個樣子,這個看過SwiftUI官方文檔的朋友一定見過這 ...
2021-01-19 16:17 3 638 推薦指數:
SwiftUI 官方教程(二) 2. 自定義 Text View 為了自定義 view 的顯示,我們可以自己更改代碼,或者使用 inspector 來幫助我們編寫代碼。 在構建 Landmarks 的過程中,我們可以使用任何編輯器來工作:編寫源碼、修改 canvas ...
3. 用 Stacks 組合 View 在上一節創建標題 view 后,我們來添加 text view,它用來顯示地標的詳細信息,比如公園的名稱和所在的州。 在創建 SwiftUI view 時,我們可以在 view 的 body 屬性中描述其內容、布局和行為。由於 body屬性僅返回 ...
SwiftUI 官方教程(四) 4. 自定義 Image View 搞定名稱和位置 view 后,我們來給地標添加圖片。 這不需要添加很多代碼,只需要創建一個自定義 view,然后給圖片加上遮罩、邊框和陰影即可。 首先將圖片添加到項目的 asset catalog 中 ...
6. 在列表和詳情之間設置導航 雖然列表已經能顯示了,但是我們還不能通過點擊單個地標來查看地標詳情頁面。SwiftUI教程 把 list 嵌入一個 NavigationView 中,並把每個 row 嵌套在一個 NavigationButton 中來設置到目標 view 的轉場,這樣 list ...
完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials 創建和組合 View 此部分將指引你構建一個發現和分享您喜愛地方的 iOS ...
SwiftUI 官方教程 完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI ...
SwiftUI官方教程(五) 5. 同時使用 UIKit 和 SwiftUI 至此,我們已准備好創建 map view 了,接下來使用 MapKit 中的 MKMapView 類來渲染地圖。 在 SwiftUI 中使用 UIView 子類,需要將其他 view 包裝在遵循 ...
7. 給子 View 傳遞數據 LandmarkDetail 現在依然使用硬編碼的數據來顯示地標。像 LandmarkRow 一樣,LandmarkDetail 類型和它組合的其他 view 都需要 ...