zoukankan      html  css  js  c++  java
  • SwiftUI(一)- VStack、HStack、ZStack布局

    SwiftUI是什么

    懒得写,直接找了一篇博客: 初识 SwiftUI

    三种布局

    SwiftUI包括三种布局:

    • VStack: 纵向布局,默认居中对齐
    • HStack: 横向布局,默认居中对齐
    • ZStack: 覆盖布局,默认居中对齐

    示例

    import SwiftUI
    
    struct ContentView: View {
        var body: some View {
            VStack {
                //HStack:纵向布局,默认居中对齐
                VStack(alignment: .trailing, spacing: 10) {
                    Text("纵向布局").padding(10)
                    Text("纵向布局2333").padding(10)
                    
                }.border(Color.blue,  1)
                //HStack:横向布局,默认居中对齐
                HStack(alignment: .center, spacing: 20) {
                    Text("横向布局1").padding(10)
                    Text("横向布局2").padding(10)
                }.border(Color.yellow,  1)
                .padding(10)
                //ZStack:覆盖布局,默认居中对齐
                ZStack(alignment: .topLeading, content: {
                    Image("bg_blue")
                    Text("覆盖布局").padding(20)
                })
            }
            
        }
    }
    
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }
    

  • 相关阅读:
    Start The Life of Blog
    当你在寻找某件东西时,眼睛是闭着的
    终于升成512m,以此篇纪念一下
    昨天 acm 分组
    FAQ
    VNC
    Telnet
    FTP
    DNS
    Samba
  • 原文地址:https://www.cnblogs.com/anywherego/p/12747105.html
Copyright © 2011-2022 走看看