SwiftUI初级课程（二十六）Divider/Spacer H、V、ZStack布局

薄衫岁月长

于 2023-01-03 10:07:10 发布

阅读量484

点赞数

分类专栏： SwiftUI初级教程文章标签： swiftui 前端 python

本文链接：https://blog.csdn.net/qyw2013/article/details/128528730

版权

本文是SwiftUI初级课程的第二十六讲，主要介绍Divider、Spacer组件以及H、V、ZStack等布局方式在SwiftUI中的使用，帮助开发者理解如何创建灵活的用户界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

struct ContentView: View {
    var body: some View {
//        VStack {
//            Image(systemName: "clock")
//                .font(.system(size: 60))
//            Divider()
//                //.frame(height: 40)//显示区域高度为40，分隔线高度无变化
//                .background(.purple)//分隔线颜色
//                .scaleEffect(CGSize(width: 1, height: 20))//放缩方式加粗分隔线
//                .padding(Edge.Set.init(arrayLiteral: .top,.bottom),20)//上下内边距设置为20
//            Text("\(Date())")
//        }

//        VStack {
//            HStack {
//                Spacer()
//                Image(systemName: "clock")
//                    .font(.system(size: 60))
//               // Spacer()
//            }
//            HStack {
//
//                Image(systemName: "clock")
//                    .font(.system(size: 60))
//               // Spacer()
//               // Spacer(minLength: 100)
//                Spacer()
//