SwiftUI基礎之Stack容器的使用VStack HStack

預期效果

代碼

import SwiftUI

struct InfoStackView: View {
    var body: some View {
        HStack {
            
            Image("circle")
                .resizable()
                .scaledToFit()
                .clipShape(Circle())
                .overlay(Circle()
                    .stroke(Color.white, lineWidth: 3))
                .shadow(radius: 5)
            //                .frame(width: 180, height:180, alignment: .center)
            
            
            VStack(alignment:.leading) {
                Text("銷閑清課圖")
                    .font(.title)
                    .foregroundColor(.white)
                
                Text("由孫克弘繪制")
                    .font(.subheadline)
                    .foregroundColor(.white)
                HStack{
                    Image(systemName: "t.square.fill")
                        .foregroundColor(.pink)
                    
                    Text(": 明代")
                        .font(.subheadline)
                        .foregroundColor(Color.white)
                        .bold()
                        .italic()
                    
                }
            }.padding()
            
        }.frame(width: 380, height: 200)
            .background(Color.orange)
            .cornerRadius(8)
            .shadow(radius: 5)
        
        
    }
}

struct InfoStackView_Previews: PreviewProvider {
    static var previews: some View {
        InfoStackView()
    }
}

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

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

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

智能推薦

Numpy基礎函數小結（random,sum,tile,hstack,fliplr,cumprod）

Numpy基礎函數小結 Author： Labyrinthine Leo Init_time： 2020.11.30 Index Words： Numpy 公眾號：Leo的博客城堡 Numpy的幾個簡單函數小結筆者簡單介紹一下numpy中的幾個矩陣計算函數。 1、 np.rondom.random() 該函數根據傳入的size參數隨機生成[0.0,1.0)之間的值。 2、...

np.c_和np.r_的使用說明（功能和hstack、vstack一樣）

先說結論 np.r_是按行方向擴展連接兩個矩陣（row的縮寫r），就是把兩矩陣上下相加，要求列數相等。作用等同于 hstack 函數 np.c_是按列方向擴展連接兩個矩陣（column的縮寫c），就是把兩矩陣左右相加，要求行數相等。作用等同于 vstack 函數測試代碼結果示意功能上 np.r_ 等同于 hstack 函數，np.c_ 等同于 vstack 函數注意一點是調用時 hsta...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...