美文网首页
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