SwiftUI—Text视图的段落属性

简介: SwiftUI—Text视图的段落属性

关于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) //多行文字对齐方式
    }
}


2466108-89fa53d36d5fbba3.webp.jpg

目录
相关文章
|
8月前
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
269 0
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
2369 0
SwiftUI—使用Text视图创建漂亮的富文本
SwiftUI—使用Text视图创建漂亮的富文本
1072 0
SwiftUI—使用Text视图创建漂亮的富文本
|
8天前
|
Android开发 开发者
Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。
【6月更文挑战第26天】Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。要更改主题,首先在该文件中创建新主题,如`MyAppTheme`,覆盖所需属性。然后,在`AndroidManifest.xml`中应用主题至应用或特定Activity。运行时切换主题可通过重新设置并重启Activity实现,或使用`setTheme`和`recreate()`方法。这允许开发者定制界面并与品牌指南匹配,或提供多主题选项。
18 6
|
2月前
Text文本框简单实例
Text文本框简单实例
39 1
cesium根据id选中实体
cesium根据id选中实体
489 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—使用Text视图显示指定的文字
394 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—Text视图的填充属性
SwiftUI—Text视图的填充属性
300 0
SwiftUI—Text视图的填充属性