SwiftUI 页面基础布局

最新推荐文章于 2024-01-13 15:18:31 发布

疯狐狸12138

最新推荐文章于 2024-01-13 15:18:31 发布

阅读量578

点赞数 1

分类专栏： ios开发随记文章标签： swiftui swift ZStack HStack VStack

本文链接：https://blog.csdn.net/sinat_23907467/article/details/129006483

版权

ios开发随记专栏收录该内容

66 篇文章 0 订阅

订阅专栏

页面布局

HStack 横向布局

	VStack(alignment: .center) {
            Image("11")
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .padding(.bottom,10)
            Text("Hello, world!")
                .foregroundColor(.red)
                .font(.system(size: 50))
            Spacer()// 页面空白填充 
        }

在这里插入图片描述

VStack 纵向布局

HStack(alignment: .center) {
            Image("11")
                .resizable(capInsets: EdgeInsets(), resizingMode: .stretch)
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .padding(.bottom,10)
            Text("Hello, world!")
                .foregroundColor(.red)
                .font(.system(size: 50))
        }

在这里插入图片描述
ZStack 叠加布局

ZStack(alignment: .center) {
            Image("11")
                .resizable(capInsets: EdgeInsets(), resizingMode: .stretch)
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .padding(.bottom,10)
            Text("Hello, world!")
                .foregroundColor(.red)
                .font(.system(size: 50))
        }