[SwiftUI]Text对字符串中部分字符改变颜色和字体

news2024/11/17 17:32:21

如图,需要对字符串中部分字符改变颜色和字体。

在 SwiftUI 中合并带有不同样式的文本,应该使用不同的 Text 实例并将它们合并起来。将实例使用 + 运算符合并起来,每个 Text 实例都保持其自己的样式设置。这种方式可以正常编译并运行,同时支持文本换行。

示例如下:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            let priceText: String = "Free trial for 3 days, then $4.99 per week"
            let restOfTheText = "Humans are part of nature and we follow the laws of the universe to find the meaning of life "
            let subscriptionInfo = ". Subscription automatically renews unless auto-renew is turned off at least 24-hours before the end of the current period. Subscriptions can be managed and auto-renewal can be turned off in Account Settings in iTunes after the purchase."

            Text(restOfTheText)
                .font(.system(size: 13))
                .foregroundColor(Color.gray)
            +
            Text(priceText)
                .font(.system(size: 15))
                .fontWeight(.bold)
                .foregroundColor(Color.white)
            +
            Text(subscriptionInfo)
                .font(.system(size: 13))
                .foregroundColor(Color.gray)
        }
        .frame(maxWidth: .infinity, alignment: .center)
        .multilineTextAlignment(.center)
        .padding(.horizontal, 25)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1413875.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Flutter 点击空白处关闭软键盘,点击非TextField 关闭软键盘的方法

1:点击空白处(非控件上)关闭软键盘。 此方法有个问题,就是点击非空白区域,不会关闭软键盘,比如点击旁边的其他按钮,则软键盘还在。只适合点击空白处关闭软键盘 在 main.dart 入口 build 中增加 builder: (context, ch…

“海洋天堂——助成长计划”走进安徽省科学技术馆

为了助力困境儿童、青少年有效地参与社会生活,培养他们团队精神,引导他们掌握社会规则,增强自信,合肥市庐阳区为民社会工作服务中心于2024年1月24日上午,组织有四名老师带领18名困境儿童、青少年,通过徒步、…

javaspring bootmysql疾病查询网站01548-计算机毕业设计项目选题推荐(附源码)

摘 要 随着互联网时代的到来,同时计算机网络技术高速发展,网络管理运用也变得越来越广泛。因此,建立一个B/S结构的疾病查询网站,会使疾病查询工作系统化、规范化,也会提高医院形象,提高管理效率。 本疾病查…

【PyTorch】记一次卷积神经网络优化过程

记一次卷积神经网络优化过程 前言 在深度学习的世界中,图像分类任务是一个经典的问题,它涉及到识别给定图像中的对象类别。CIFAR-10数据集是一个常用的基准数据集,包含了10个类别的60000张32x32彩色图像。在上一篇博客中,我们已…

5G时代下的融合CDN新风口

近年来,随着网络技术的飞速发展,互联网流量视频化的趋势日益明显,视频应用使互联网的可扩展性、可演进性、服务质量和网络安全面临诸多挑战。为克服传统IP网络在服务视频应用当中的不足,内容分发网络CDN被提出,并迅速成…

Linux系统——循环

一、循环 1.循环的含义 将某代码段重复运行多次,通常有进入循环的条件和退出循环的条件 重复运行次数 循环次数事先已知循环次数事先未知 常见的循环的命令:for, while, until for:已知次数;while,until&#xf…

鸿蒙HarmonyOS获取GPS精确位置信息

参考官方文档 #1.初始化时获取经纬度信息 aboutToAppear() {this.getLocation() } async getLocation () {try {const result await geoLocationManager.getCurrentLocation()AlertDialog.show({message: JSON.stringify(result)})}catch (error) {AlertDialog.show({message…

C#在图片上输出文字和保存

winform,图片控件,加载一个图片,在图片上输出文字; 输出文字的代码如下; private void pictureBox1_Paint(object sender, PaintEventArgs e){Graphics g1 e.Graphics;g1.DrawString("测试", this.Font, B…

centos7 挂载windows共享文件夹报错提示写保护

centos7挂载windows共享时,提示被共享的位置写保护,只能以只读方式挂载,紧接着就是以只读方式挂载失败 原因是组件少装了 yum install cifs-utils 安装完后,正常挂载使用。 下载离线安装包 下载离线包下载工具 下载离线安装包…

基本初等函数总结

常见数集 一些常见的数集 ✔非负整数集(或自然数集),记作N; ✔正整数集,记作N*或N(“”标在右下角); ✔整数集,记作Z; ✔有理数集,记作Q&#xff…

05-TiDB 之 HTAP 快速上手

混合型在线事务与在线分析处理 (Hybrid Transactional and Analytical Processing, HTAP) 功能 HTAP 存储引擎:行存 与列存 同时存在,自动同步,保持强一致性。行存 OLTP ,列存 OLAPHTAP 数据一致性:作为一个分布式事务…

AWS CodeArtifact配置(Maven私有库)

问题 由于后台Java代码需要,发布jar到maven私有库后,另外一个Java项目,通过maven私有库再拉去这个jar使用。这里就需要部署一个maven私有库。 1. 创建域 打开CodeArtifact主页,开始创建域,如下图: 创建…

巨杉数据库携手广发证券入选2023大数据“星河”案例

近期,中国信息通信研究院、中国通信标准化协会大数据技术标准推进委员会(CCSA TC601)连续七年共同组织的大数据“星河(Galaxy)”案例征集活动发布公示。本次征集活动,旨在通过总结和推广大数据产业发展的优秀成果,推动…

Cesium材质特效

文章目录 0.引言1.视频材质2.分辨率尺度3.云4.雾5.动态水面6.雷达扫描7.流动线8.电子围栏9.粒子烟花10.粒子火焰11.粒子天气 0.引言 现有的gis开发方向较流行的是webgis开发,其中Cesium是一款开源的WebGIS库,主要用于实时地球和空间数据的可视化和分析。…

微信小程序(十八)组件通信(父传子)

注释很详细,直接上代码 上一篇 新增内容: 1.组件属性变量的定义 2.组件属性变量的默认状态 3.组件属性变量的传递方法 解释一下为什么是父传子,因为组件是页面的一部分,数据是从页面传递到组件的,所以是父传子&#xf…

opencv#32 可分离滤波

滤波的可分离性 就是将一个线性滤波变成多个线性滤波,这里面具体所指的是变成x方向的线性滤波和y方向的线性滤波。无论先做x方向的滤波还是y方向滤波,两者的叠加结果是一致的,这个性质取决于滤波操作是并行的,也就是每一个图像在滤…

IS-IS:05 ISIS开销值和协议优先级

IS-IS 协议为路由器的每个 IS-IS 接口定义并维护了一个 level-1 开销值和一个 level-2开销值。开销值可以在接口上或者全局上手动配置,也可以使用 auto-cost自动计算确定。 修改接口cost: int g0/0/0 isis cost 50修改全局cost: isis cir…

如何用AI设计立体图标?

立体图标,顾名思义就是要有立体的效果的,有种3D的感觉。平面的图标已经渐渐满足不了人们的需求,立体图标将会越来越受欢迎,所以你一定要会制作立体图标才行。立体图标的设计同样可以用AI来做,下面就分享用AI制作立体图…

林浩然矩阵江湖历险记

林浩然矩阵江湖历险记 Lin Haoran’s Matrix Adventures 在那充满神秘色彩的矩阵世界里,林浩然面对的挑战是驯服一个具有六个个性元素的23矩阵——“小三儿”。这个矩阵由两行三列组成,每一个元素都像是棋盘上的一枚棋子,它们紧密排列在一起&…

计算机机器视觉——构建数字识别项目(OpenCV入门实践)

项目简介 ---我们的项目是使用OpenCV来识别图片中的数字。我们将使用一个预训练的模型,将图片中的数字转换为对应的数字标签。为了实现这个功能,我们需要完成以下步骤: ——安装必要的软件包和库 ——————准备数据集 ————————训…