SwiftUI 2.0 實戰之自定義導航欄添加圖標和按鈕(教程含源碼)

原創 知识大胖 2020-07-08 11:13

本文價值與收穫

看完本文後，您將能夠作出下面的界面

SwiftUI 導航欄主標題副標題

SwiftUI 圖標和標題的導航欄

SwiftUI 按鈕和標題的導航欄

基礎知識

principal

item放置在主要部分中。

static let principal: ToolbarItemPlacement

主要item佔據重要地位。 例如，網絡瀏覽器的位置字段將被視爲主要項目。

實戰代碼

在iOS 14中，SwiftUI可以使用新的工具欄修改器來自定義導航欄標題視圖。 這與在UIKit中設置navigationItem.titleView相同。

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

SwiftUI 2.0 Text 新功能之強大的日期顯示功能 (教程含代碼)

WWDC20 新功能 WWDC20 對Text進行全面加強，最典型就是增加了日期顯示功能，具體功能如下： date 顯示日期 offset 日期偏移 relative 相對樣式 time 顯示日期 timer 顯示倒計時 本文價

知识大胖 2020-07-08 11:13:40

SwiftUI 2.0 NavigationView設置導航條顏色

本文價值與收穫 看完本文後，您將能夠作出下面的界面 看完本文您將掌握的技能 掌握導航條的基礎使用 設置NavigationView的標題 設置NavigationView的顏色 代碼 1、主界面 struct ContentV

知识大胖 2020-07-08 11:13:40

SwiftUI 2.0 製作個側邊欄基於GeometryReader和Lazy(教程含源碼)

本文價值與收穫 看完本文後，您將能夠作出下面的界面 看完本文您將掌握的技能 掌握GeometryReader的基礎使用 掌握Lazy組件基礎使用 實現側邊欄效果 代碼 import SwiftUI struct Content

知识大胖 2020-07-06 23:32:59

SwiftUI 2.0 Image如何載入網絡圖片(教程含源碼Combine)

WWDC20 忘記更新組件 WWDC20 給SwiftUI增加了很多組件，但是卻忘記網絡組件更新，例如讓Image支持載入網絡照片。本文將幫SwiftUI把這個短板補上。 本文價值與收穫 看完本文後，您將能夠作出下面的界面 解決

知识大胖 2020-07-04 08:19:15

SwiftUI 2.0 matchedGeometryEffect 基礎教程含源碼

看完SwiftUI的新增功能後，引起我注意的一個功能是matchGeometryEffect。 這是一個新的SwiftUI效果，可以在兩個視圖之間插入位置和大小。 讓我們看看我們能用它做什麼。 基礎知識 matchedGeo

知识大胖 2020-07-03 11:07:31

SwiftUI 2.0 實現無限滾動的分頁列表(高性能含源碼)

本文價值與收穫 看完本文後，您將能夠作出下面的界面 實戰需求 我們平時構建的應用基本上都是列表類應用，例如待辦事項列表、微博、微信朋友圈和視頻列表等。這些列表都是可以無限滾動的，那這個功能該如何實現呢。本篇文章將告訴大家個非常

知识大胖 2020-07-02 00:42:19

SwiftUI 2.0 一篇文章講透 @AppStorage、@StateObject和@SceneStorage (wwdc20)

SwiftUI 2.0 一篇文章講透 @AppStorage、@StateObject和@SceneStorage SwiftUI在WWDC 2020期間進行了一些重大的新增強。其中引人注目的是增加了SwiftUI屬性包裝器庫。

知识大胖 2020-07-01 23:31:17

SwiftUI 2.0 實現等待效果Loading動畫(ProgressView)

本文價值與收穫 看完本文後，您將能夠作出下面的界面 看完本文您將掌握的技能 實現等待效果 代碼 import SwiftUI struct ContentView: View { @State var show

知识大胖 2020-07-01 23:31:17

SwiftUI 2.0 設置Toggle顏色及Toggle基礎教程含代碼

本文價值與收穫 看完本文後，您將能夠作出下面的界面 Toggle 切換開關 在打開和關閉狀態之間切換的控件。 struct Toggle<Label> where Label : View 使用方法 您可以通過提供isOn綁

知识大胖 2020-07-01 23:31:17

SwiftUI 2.0 List 實力加強新增呈現分層數據功能(wwdc20 教程含源碼)

本文價值與收穫 看完本文後，您將能夠作出下面的界面 看完本文您將掌握的技能 List新功能 實現可以展開與關閉效果 代碼 1、定義個自定義Item struct ListItem:Identifiable{ var i

知识大胖 2020-07-01 23:31:17

SwiftUI 2.0 ProgressView 基礎教程含代碼

本文價值與收穫 看完本文後，您將能夠作出下面的界面 基礎知識 progressview 顯示任務完成進度的視圖。 struct ProgressView<Label> where Label : View 使用進度視圖可以顯

知识大胖 2020-07-01 23:31:17

SwiftUI 2.0 列表實現Alphabet風格仿通訊錄效果(封裝教程含代碼)

本文價值與收穫 看完本文後，您將能夠作出下面的界面 看完本文您將掌握的技能 掌握封裝UITableView技能 實現Alphabet風格界面 代碼 1、基礎使用 import UIKit struct ContentView:

知识大胖 2020-06-27 03:34:12

SwiftUI Widgets 之01 入門教程創建hello world(項目含源碼)

一、本文價值與收穫 看完本文後，您將能夠作出下面的界面 二、基礎知識 什麼Widgets Widgets小部件在iOS中存在很長一段時間，但iOS 14對其進行了徹底的改進,它們完全用SwiftUI編寫。 iOS 14的小部件

知识大胖 2020-06-27 02:38:50

SwiftUI 2.0 LazyVGrid和LazyHGrid 深入使用教程含源碼

基礎介紹 SwiftUI的LazyVGrid和LazyHGrid爲我們提供了相當靈活的網格佈局，但它們僅適用於iOS 14或更高版本。 使用思路 最簡單的網格由三部分組成：原始數據，描述所需佈局的GridItem數組以及將數據和佈

知识大胖 2020-06-27 02:38:50

SwiftUI 2.0 TextEditor 之一篇文章全面掌握(項目含源碼)

看完本文您將掌握的能力 TextEditor 基礎使用 TextEditor 自定義設置字體、大小、顏色 按照需求隱藏鍵盤 基礎知識 TextEditor是WWDC2020加入到SwiftUI中的新組件，它用於顯示和編輯長文本，支

知识大胖 2020-06-27 02:38:50