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

目录
相关文章
|
9月前
|
XML 前端开发 JavaScript
使用代码给 SAP UI5 XML 视图添加自定义 CSS
使用代码给 SAP UI5 XML 视图添加自定义 CSS
使用代码给 SAP UI5 XML 视图添加自定义 CSS
|
存储 JavaScript 前端开发
【前端系列】- 富文本组件(mavon-editor)
mavon-editor是一款基于vue的markdown编辑器,可以用来做文本的编辑,比如是某种业务需要发送公告、个人博客等,都可以用到,操作也十分简单。
3369 0
【前端系列】- 富文本组件(mavon-editor)
|
7月前
|
JavaScript 编译器 开发者
uniapp复选框自定义样式&data数据与style交互
uniapp复选框自定义样式&data数据与style交互
77 0
|
12月前
|
API
Flutter控件之文本Text封装
文本Text比较简单,除了基类BaseWidget所提供的属性之外,又简单的扩展了部分属性,比如图文和富文本,都是系统原生的提供的,做了简单的封装。
|
12月前
|
JavaScript 编译器
【Vue】利用v-model特性封装Dialog弹窗或可编辑窗口。
【Vue】利用v-model特性封装Dialog弹窗或可编辑窗口。
SwiftUI—使用Text视图显示指定的文字
SwiftUI—使用Text视图显示指定的文字
394 0
SwiftUI—使用Text视图显示指定的文字
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的段落属性
376 0
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的填充属性
SwiftUI—Text视图的填充属性
298 0
SwiftUI—Text视图的填充属性
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—借助sizeCategory预览不同字体下的文本视图
129 0
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
355 0
SwiftUI—如何在PreviewProvider中使用导航视图