SwiftUI基础之Text风格设置大全(粗体斜体下划线颜色)

最新推荐文章于 2024-02-20 15:10:29 发布

知识大胖

最新推荐文章于 2024-02-20 15:10:29 发布

阅读量3.1k

点赞数

分类专栏： SwiftUI源码大全

本文链接：https://blog.csdn.net/iCloudEnd/article/details/105194196

版权

SwiftUI源码大全专栏收录该内容

1345 篇文章 342 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文详细介绍了如何使用SwiftUI的Text组件实现文字的粗体、斜体、下划线和颜色设置，通过学习，读者将能够创建具有这些效果的用户界面，并加入技术交流QQ群进行深入讨论。

摘要由CSDN通过智能技术生成

目前Text支持 Bold 粗体、Italic 斜体、Strikethrough 划线、Color 文本颜色、 Underline 下划线等效果

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

Bold 粗体
Italic 斜体
Strikethrough 划线
Color 文本颜色
Underline 下划线

代码

import SwiftUI

struct Text_Modifiers : View {
    @State private var modifierActive = true
    
    var body: some View {
        VStack(spacing: 20) {
            Text("Text").font(.largeTitle)
            Text("技术交流QQ群:518696470

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

知识大胖

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

如何在 SwiftUI 中组合文本粗细,自定义 SwiftUI 应用程序中的文本

code2day的博客

01-29

253

我们首先创建一个名为的自定义视图RichText。该视图带有一个String初始化器并定义了一个Element结构，我们将使用该结构来定义输入句子的不同元素。...使用该parseRichTextElements()方法解析元素。guard!这是很多代码，但是使用内联注释通读它应该会让您了解它在做什么。本文的主要部分是让您了解如何从将多个Text元素组合成一个元素中获益。例如，这可能是编写您自己的 Markdown 解析文本元素的起点。" " : ""

SwiftUI Textfield如何支持个带下划线的文本框

iCloudEnd的博客

05-04

1178

实战需求有时我们需要简约版的Textfield，例如带下划线的Textfield。本文价值与收获看完本文后，您将能够作出下面的界面 Textfield基础知识 TextField是SwiftUI最常用的数据收集控件，是获取用户输入的最简单方法。SwiftUI中使用Textfield非常简单和，我们无需任何委托和额外的代码设置。只需要定义State变量即可。基础使用方法，请考虑以下代码： 1...

参与评论您还未登录，请先登录后发表或查看评论

swift-iOS中实现字体加粗(设置字重)

08-15

iOS中实现字体加粗(设置字重)

[Swift]UIButton文本添加下划线

Gamin

12-13

797

【代码】[Swift]UIButton文本添加下划线。

SwiftUI Button自定义风格

11-21

`font`用于设置字体及大小，`italic`和`bold`分别表示斜体和粗体，`foregroundColor`定义了文本颜色，而`underline`则添加了下划线。在实际使用时，我们这样应用自定义的`ButtonStyle`： ```swift Button(action:...

C++实现的文本编辑器，支持打开和保存文件, 设置文本字体颜色, 粗体, 斜体, 下划线, 大小, 种类, 复制, 粘贴, 剪贴

10-31

- **样式设置**：粗体、斜体、下划线等样式可以通过改变字体属性来实现。例如，可以使用`Qt::FontWeight`和`Qt::FontStyle`来调整字体的粗细和倾斜度。 5. 文本格式化： - **文本颜色**：使用`QColor`类（如果...

swift-BoneRichText富文本编辑器支持图文混编可设置字号粗体颜色等

08-15

Swift-BoneRichText是一款专为iOS开发者设计的富文本编辑器，它提供了强大的文本编辑功能，使得用户在应用内可以实现图文混编，调整字号、字体样式（如粗体）以及文字颜色等操作。在iOS应用开发中，文本输入和显示是...

MarkdownUI：在SwiftUI中渲染Markdown文本

02-04

Markdown 是一种轻量级的标记语言，它使用简单的符号来表示文本格式，如 `#` 用于标题，`*` 或 `_` 用于斜体和粗体，`>` 用于引用等。MarkdownUI 将这些语法转换为对应的 SwiftUI 视图，使得用户界面能够动态地呈现 ...

swift-UILabel的text设置不同颜色字体

08-15

UILabel的text设置不同颜色、字体

swiftUi——颜色

SHUIYI_24的博客

12-08

1311

预定义颜色,系统颜色、十六进制颜色、RGB颜色、渐变色、阴影

SwiftUI界面之设置TextField的placeholder文本颜色(text color)

iCloudEnd的博客

04-22

1565

本文价值与收获看完本文后，您将能够作出下面的界面 Jietu20200422-141106@2x.jpg Jietu20200422-141523.gif 看完本文您将掌握的技能 SwiftUI原生设置TextField的颜色掌握制作自定义组件代码 1、快速实现 ...

SwiftUI 小组件之标签页联动蓝色下划线(教程含源码)

iCloudEnd的博客

01-21

394

实战需求 SwiftUI 教程之标签页联动蓝色下划线 本文价值与收获看完本文后，您将能够作出下面的界面看完本文您将掌握的技能底对齐没有间隔 HStack(alignment: .bottom, spacing: 0) 设置选择效果TabItemView(selected: true) { Text(“Profile”) } 闭包传输 let label: () -> Label 实战代码 import SwiftUI struct ContentView: View {

SwiftUI基础之设置TextField的placeholder文本颜色(text color)

iCloudEnd的博客

04-22

1280

本文价值与收获看完本文后，您将能够作出下面的界面看完本文您将掌握的技能 SwiftUI原生设置TextField的颜色掌握制作自定义组件代码 1、快速实现 import SwiftUI struct ContentView: View { @State var text = "" var body: some View { VStac...

[SwiftUI]自定义下划线

Gamin

02-20

359

系统有一个下划线修饰，但最低只支持到iOS16。下面自定义一个下划线，以便在iOS14上使用。

SwiftUI 设置TextEditor字体颜色和背景颜色

iCloudEnd的博客

07-19

1334

本文价值与收获看完本文后，您将能够作出下面的界面基础教程 TextEditor 可以显示和编辑长格式文本的视图。 struct TextEditor 使用教程文本编辑器视图可让您在应用程序的用户界面中显示和编辑多行可滚动文本。默认情况下，文本编辑器视图使用从环境继承的特征来设置文本样式，例如font（_ ????，foregroundColor（_ :)和multilineTextAlignment（_ ????。通过将TextEditor实例添加到视图主体中来创建文本编辑器，并通过将Bind

SwiftUI系列教程第1章第2节：Text的基础样式

互动教程网[www.hdjc8.com]

08-15

324

课程源码：https://github.com/fzhlee/SwiftUI-Guide Text类似于UIKit中的UILabel，用于显示一行或多行的文字内容。示例代码： VStack{ //Basic style Text("www.hdjc8.com") .bold() Text("www.hdjc8.com") .italic() T...

在 SwiftUI 4 中更改 TextEditor 的背景颜色

iCloudEnd的博客

12-04

661

文本编辑器视图允许我们在应用程序的用户界面中显示和编辑多行、可滚动的文本。默认情况下，文本编辑器视图使用 font、foregroundColor 和 multilineTextAlignment 修饰符来设置文本样式，但是如果您尝试为 TextEditor 设置背景色，则没有直接的方法，在 scrollContentBackground 修饰符随着斯威夫特用户界面 4。使用 scrollContentBackground 修饰符，我们可以指定可滚动视图背景的可见性。这包括列表视图以及文本编辑器视图。让我们

机械原理课程设计破碎机.doc

最新发布

09-21

机械原理课程设计破碎机.doc

itext FontProvider设置粗体斜体

05-26

通过设置 `FontProvider`，可以为 `itext` 应用程序指定字体，包括粗体和斜体字体。下面是一个示例代码，演示如何使用 `FontProvider` 设置粗体和斜体字体： ```java import com.itextpdf.text.Font; import com.itextpdf.text.Font.FontFamily; import com.itextpdf.text.pdf.BaseFont; import com.itextpdf.text.pdf.FontSelector; import com.itextpdf.text.pdf.FontSelectorStrategy; import com.itextpdf.text.pdf.FontSet; public class MyFontProvider implements FontSelectorStrategy { private static final String FONT_PATH = "/path/to/fonts/"; private static final String FONT_NAME = "myfont.ttf"; private FontSelector selector; public MyFontProvider() { FontSet fontSet = new FontSet(); BaseFont baseFont = BaseFont.createFont(FONT_PATH + FONT_NAME, BaseFont.IDENTITY_H, BaseFont.EMBEDDED); Font fontRegular = new Font(baseFont, 12f, Font.NORMAL); Font fontBold = new Font(baseFont, 12f, Font.BOLD); Font fontItalic = new Font(baseFont, 12f, Font.ITALIC); Font fontBoldItalic = new Font(baseFont, 12f, Font.BOLDITALIC); fontSet.addFont(fontRegular, FontFamily.UNDEFINED); fontSet.addFont(fontBold, FontFamily.UNDEFINED); fontSet.addFont(fontItalic, FontFamily.UNDEFINED); fontSet.addFont(fontBoldItalic, FontFamily.UNDEFINED); selector = new FontSelector(fontSet); selector.setDefaultFont(fontRegular); selector.addFont(fontBold, Font.BOLD); selector.addFont(fontItalic, Font.ITALIC); selector.addFont(fontBoldItalic, Font.BOLDITALIC); } public FontSelector getFontSelector() { return selector; } @Override public FontSelectorStrategy clone() throws CloneNotSupportedException { return super.clone(); } } ``` 在上面的代码中，`MyFontProvider` 类实现了 `FontSelectorStrategy` 接口，并且提供了 `getFontSelector()` 方法，该方法返回一个具有粗体和斜体字体的 `FontSelector`。在 `MyFontProvider` 类的构造函数中，我们创建了一个 `FontSet` 对象，并使用 `BaseFont.createFont()` 方法加载了字体文件。然后创建了四种不同的字体样式：正常、粗体、斜体和粗斜体。接下来，将这些字体添加到 `FontSet` 中，并将 `FontSelector` 的默认字体设置为正常字体。最后，将粗体、斜体和粗斜体字体分别添加到 `FontSelector` 中以供选择。使用 `MyFontProvider` 类时，可以将其设置为 `PdfWriter` 或 `Document` 对象的字体提供程序，如下所示： ```java import com.itextpdf.text.Document; import com.itextpdf.text.DocumentException; import com.itextpdf.text.Paragraph; import com.itextpdf.text.pdf.PdfWriter; public class Example { public static void main(String[] args) { Document document = new Document(); try { PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream("example.pdf")); MyFontProvider fontProvider = new MyFontProvider(); writer.setFonts(fontProvider.getFontSelector()); document.open(); Paragraph paragraph1 = new Paragraph("This is normal text."); Paragraph paragraph2 = new Paragraph("This is bold text."); Paragraph paragraph3 = new Paragraph("This is italic text."); Paragraph paragraph4 = new Paragraph("This is bold and italic text."); paragraph2.setFont(new Font(FontFamily.UNDEFINED, 12f, Font.BOLD)); paragraph3.setFont(new Font(FontFamily.UNDEFINED, 12f, Font.ITALIC)); paragraph4.setFont(new Font(FontFamily.UNDEFINED, 12f, Font.BOLDITALIC)); document.add(paragraph1); document.add(paragraph2); document.add(paragraph3); document.add(paragraph4); document.close(); } catch (FileNotFoundException | DocumentException e) { e.printStackTrace(); } } } ``` 在上面的代码中，我们创建了一个 `PdfWriter` 对象，并将 `MyFontProvider` 的字体选择器设置为其字体。然后，我们创建了四个段落，分别设置为不同的字体样式，并将它们添加到文档中。这样，就可以使用 `FontProvider` 设置粗体和斜体字体了。

SwiftUI基础之Text风格设置大全(粗体 斜体 下划线 颜色)

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

代码

SwiftUI基础之Text风格设置大全(粗体斜体下划线颜色)