美文网首页
SwiftUI—Text视图的段落属性

SwiftUI—Text视图的段落属性

作者: anny_4243 | 来源:发表于2020-07-09 19:33 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#3Text-Paragraph

    关于Text的段落属性,通过段落属性可以调整文字的字距、行距、偏移值、框架和对齐方式等视觉样式。

    示例代码:

    VStack{
    
        Text("www.hdjc8.com")
    
        Text("www.hdjc8.com")
        .tracking(10) //字距为10,字距属性表示一组文字的平均字距
    
        Text("www.hdjc8.com")
        .kerning(10)  //字偶间距为10,字偶间距(字距调整)属性表示一对特定字符之间的间距
    
        Text("www.hdjc8.com")
        .blur(radius: 1) //模糊效果,模糊的半径为1
    
        Text("SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift.")
        .lineSpacing(20) //行间距
        .lineLimit(nil) //不限制文字的行数
    
        Text("www.hdjc8.com")
        .offset(x: 40, y: 0) //水平方向向右偏移40点的距离
    
        Text("www.hdjc8.com")
        .frame(width: 200, height: 80, alignment: .bottomTrailing)
        .background(Color.orange) //文本视图宽高,文字内容位于文本视图的右下角
    
        VStack{
        Text("www.hdjc8.com2")
            .position(x: 50, y: 50) //视图位置,该方法会使对齐属性失效,从视图的左上角向右和向下各便宜50
            .frame(width: 300, height: 100, alignment: .bottomTrailing)
            .background(Color.orange)
    
        Text("Interactive\ntutorials\nfor\nXcode!")
            .multilineTextAlignment(.center) //默认左对齐
            .lineLimit(4) //4行显示
    
        Text("Hello\nInteractive Tutorials!").multilineTextAlignment(.leading) //多行文字对齐方式
        }
    }
    

    什么是字偶间距

    相关文章

      网友评论

          本文标题:SwiftUI—Text视图的段落属性

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