开发者社区云计算文章正文

SwiftUI—使用Divider分隔线对视图进行分隔

2022-05-21 1184

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： SwiftUI—使用Divider分隔线对视图进行分隔

当Divider包含在VStack或YStack中时，Divider跨越堆栈的短轴延伸，或者当不在堆栈中时则进行水平分隔。

示例代码：

VStack{
    VStack {
     Image(systemName: "clock")
     Divider() //分割线视图是一条位于图像视图下方的灰色实线
     Text("\(Date())")
    }
    .padding()
    VStack {
     Image(systemName: "clock")
     Divider()
        .background(Color.purple) //分割线的默认颜色为灰色，此处设置分割线的默认颜色为紫色
        .scaleEffect(CGSize(width: 1, height: 10)) //分割线高度放大10倍
            .padding(Edge.Set.init(arrayLiteral: .top, .bottom), 20) //将分割线的上下内边距设置为20，以增加分割线和上下两侧的视图的距离
     Text("\(Date())")
    }
    .padding()
}