SwiftUI—使用Text视图创建漂亮的富文本

简介: SwiftUI—使用Text视图创建漂亮的富文本

添加扩展方法+,对文本View进行拼接,实现富文本的艺术效果。


示例代码:


Text("Interactive ")
    .foregroundColor(.yellow)
    .fontWeight(.heavy)
+ Text("tutorials ") //调用+号扩展方法拼接另一个文本视图,返回一个统一的文本视图
    .foregroundColor(.orange)
    .strikethrough()
+ Text("for ")
    .foregroundColor(.red)
    .italic()
+ Text("SwiftUI")
    .foregroundColor(.purple)
    .underline()


2466108-8943af345f7473db.webp.jpg

目录
相关文章
|
4月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
55 1
|
3月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
111 0
Flutter控件之文本Text封装
文本Text比较简单,除了基类BaseWidget所提供的属性之外,又简单的扩展了部分属性,比如图文和富文本,都是系统原生的提供的,做了简单的封装。
133 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—使用Text视图显示指定的文字
450 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的段落属性
422 0
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的填充属性
SwiftUI—Text视图的填充属性
355 0
SwiftUI—Text视图的填充属性
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—借助sizeCategory预览不同字体下的文本视图
172 0
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—如何对Text视图里的日期进行格式化
SwiftUI—如何对Text视图里的日期进行格式化
710 0
SwiftUI—如何对Text视图里的日期进行格式化
|
前端开发
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—使用ViewModifier视图修饰符集成多个样式
383 0
SwiftUI—使用ViewModifier视图修饰符集成多个样式
|
小程序 前端开发 JavaScript
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件