本文价值与收获

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

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

基础教程

TextEditor

可以显示和编辑长格式文本的视图。

struct TextEditor

使用教程

文本编辑器视图可让您在应用程序的用户界面中显示和编辑多行可滚动文本。 默认情况下，文本编辑器视图使用从环境继承的特征来设置文本样式，例如font（_ :)，foregroundColor（_ :)和multilineTextAlignment（_ :)。

通过将TextEditor实例添加到视图主体中来创建文本编辑器，并通过将Binding传递给应用程序中的字符串变量来对其进行初始化：

struct TextEditingView: View {
    @State private var fullText: String = "This is some editable text..."

    var body: some View {
        TextEditor(text: $fullText)
    }
}

要为文本设置样式，请使用标准的视图修饰符来配置系统字体，设置自定义字体或更改视图文本的颜色。

在此示例中，视图使用自定义字体将编辑器的文本呈现为灰色：

struct TextEditingView: View {
    @State private var fullText: String = "This is some editable text..."

    var body: some View {
        TextEditor(text: $fullText)
            .foregroundColor(Color.gray)
            .font(.custom("Helvetica Neue", size: 13))
    }
}

如果要更改文本的间距或字体缩放比例，可以使用lineLimit（_ :)，lineSpacing（_ :)和minimumScaleFactor（_ :)等修饰符来配置视图如何根据空间限制显示文本 。 例如，在这里，lineSpacing（_ :)修饰符将线之间的间距设置为5点：

struct TextEditingView: View {
    @State private var fullText: String = "This is some editable text..."

    var body: some View {
        TextEditor(text: $fullText)
            .foregroundColor(Color.gray)
            .font(.custom("Helvetica Neue", size: 13))
            .lineSpacing(5)
    }
}

实战代码

import SwiftUI

struct ContentView: View {
    @State  var  text = ""
    var body: some View {
        VStack{
            Text("SwiftUI 设置TextEditor字体颜色和背景颜色").padding(.all, 10)
        TextEditor(text:self.$text)
           // .background(Color.red)
            .foregroundColor(.white)
            .onAppear {
                UITextView.appearance().backgroundColor = .blue
            }
           
            .padding(.all, 10)
           
        }
        .frame(height:400)
        .cornerRadius(40)
    }
}

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970

推荐

基础文章推荐

• 《SwiftUI是什么，听听大牛们如何说》

经典教程推荐

• 更新近百篇SwiftUI教程《SwiftUI2020教程》
• 帮您突破数据存储难关《SwiftUI vs CoreData数据存储解决方案》

上新

• 《WWDC2020专栏》
• 《SwiftUI WWDC2020 新增组件列表》

技术源码推荐

推荐文章

CoreData篇

• SwiftUI数据存储之做个笔记App 新增与查询(CoreData)
• SwiftUI进阶之存储用户状态实现登录与登出
• SwiftUI 数据之List显示Sqlite数据库内容（2020年教程）

Combine篇

• 一篇文章学懂弄通SwiftUI与Combine(含轮播动画App源码)

TextField篇

• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• 《SwiftUI实战之TextField风格自定义与formatters》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
• 《SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》

JSON文件篇

• SwiftUI JSON文件下载、存储、解析和展示(代码大全)

一篇文章系列

• SwiftUI一篇文章全面掌握List(教程和源码)
• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• SwiftUI一篇文章全面掌握Picker,解决数据选择(教程和源码)
• SwiftUI一篇文章全面掌握Form(教程和源码)
• SwiftUI Color 颜色一篇文章全解决

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970