SwiftUI界面賞鑒demo之蘇軾《新歲展慶帖》

SwiftUI 和 Flutter時代編程將成為一個有品位的工作，為此特開辟新板塊，用于顯示SwiftUI制作的界面demo，供大家賞鑒。

效果

蘇軾《新歲展慶帖》

源碼

import SwiftUI

struct ContentView : View {
    var body: some View {
        
        VStack(alignment: .center) {
            
            Image("xin-sui-zhan-qing-ren-lai-de-shu-tie11")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .cornerRadius(50)
                .padding(.all)
                //.clipShape(Circle())
            
            Text("蘇軾《新歲展慶帖》")
                .font(.largeTitle)
                .foregroundColor(.green)
            
            Text("北宋文學家蘇軾寫給陳慥的書札")
                .font(.title)
                .foregroundColor(.orange)
                
            
            HStack {
                Text("軾啟：新歲未獲展慶，祝頌無窮，稍晴起居何如？數日起造必有涯，何日果可入城。昨日得公擇書，過上元乃行，計月末間到此，公亦以此時來，如何？竊計上元起造，尚未畢工。軾亦自不出，無緣奉陪夜游也。沙枋畫籠，旦夕附陳隆船去次，今先附扶劣膏去。此中有一鑄銅匠，欲借所收建州木（此字旁注）茶臼子并椎，試令依樣造看兼適有閩中人便。或令看過，因往彼買一副也。乞蹔付去人，專愛護便納上。余寒更乞保重，冗中恕不謹，軾再拜。季常先生文閣下。正月二日。")
                
                .padding(.all)
            }
        }
       
    }
}

更多SwiftUI教程和代碼關注專欄

請關注我的專欄icloudend, SwiftUI教程與源碼
 https://www.jianshu.com/c/7b3e3b671970

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/104142253

智能推薦

iOS SwiftUI 界面布局入門之Stack HStack《韓熙載夜宴圖》

使用SwiftUI構建界面從一開始就讓我們和蘋果的設計水平站在同一高度，讓我們界面布局一開始就具有靈活性和適應性。在界面布局方面，蘋果可算是屢戰屢敗，我們開發者也是從一個坑爬進另外一個坑，我們經歷了xib、storyboard、autolayout等一代代界面解決方案。如今我們進入SwiftUI紀元，在吸取了之前界面方案的教訓，整合了Flutter、React、jQuery等UI屆大牛的成功經驗...

SwiftUI 動畫之制作個能呼吸的歡迎介紹界面 (教程含碼) scaleEffect

實戰需求 SwiftUI 動畫之制作個能呼吸的歡迎介紹界面本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握 scaleEffect 掌握 repeatForever 掌握 .easeInOut(duration: 1) 基礎知識 scaleEffect(_??) 相對于錨點，按給定的垂直和水平尺寸大小縮放此視圖的渲染輸出。參量 scale CGSize代表水平和...

SwiftUI 動畫之制作個能呼吸的歡迎介紹界面 (教程含碼#) scaleEffect

實戰需求 SwiftUI 動畫之制作個能呼吸的歡迎介紹界面本文價值與收獲看完本文后，您將能夠作出下面的界面截屏2020-08-23 上午9.14.24.png Jietu20200823-091501.gif 看完本文您將掌握的技能掌握 scaleEffect 掌握 repeatForever 掌握 .easeInOut(duration: 1) 基礎知識 scaleEffect(_:an...

SwiftUI 單行多行文本輸入大合集TextField《寒食帖》

效果 [email protected] 單行文本單行文本自己封裝UITextView實現TextView SwiftUI目前還處于發展階段，很多高級控件還沒有原生實現。但是依托于Apple全家桶的好處，我們可以復用之前UIKit的控件。自己封裝UITextView實現TextView 測試代碼高級封裝實現彈性文本框測試代碼完整demo代碼參考文件 https:/...

SwiftUI 初體驗 6 實現復雜界面

提示：如果List中嵌套ScrollView，而ScrollView包含NavigationLink，那么NavigationLink是不會導航成功的，有這類需求時，需要用其他方法。首先看目標效果是實現一個列表，嵌套可以橫向滑動的Row，頭部是Banner（暫時占位，后面的章節實現）定義最小的單位Item: renderingMode設置original是顯示圖像本身，resizable必須在...