美文网首页
SwiftUI—使用HStack在水平方向排列视图

SwiftUI—使用HStack在水平方向排列视图

作者: anny_4243 | 来源:发表于2020-07-15 17:02 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC2%E8%8A%82hstack-

    HStack视图可以使其子视图,在水平方向上等距排列。

    示例代码:

    struct ContentView : View {
        
        var body: some View {
            HStack(alignment: .bottom, spacing: 40){ //设置水平排列的对齐方式为底部对齐,所有的子视图在HStack里,按照他们的底部边缘进行对齐。设置子视图的水平距离为40
                Image(systemName: "book.fill")
                Text("Interactive Tutorials")
                Spacer() //它的作用是自动调整自身的宽度,以使VStack里的所有子视图,在水平方向上撑满整个屏幕
                Image(systemName: "icloud.and.arrow.down") //在空格视图的右侧,添加另一个图像视图。这样空格视图,将其它的子视图分成左右两侧。空格视图的宽度根据屏幕尺寸的不同,会进行自动的调整。
            }
            .padding()
        }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—使用HStack在水平方向排列视图

          本文链接:https://www.haomeiwen.com/subject/uzcjhktx.html