SwiftUI 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)
    }
}

推荐

基础文章推荐

经典教程推荐

技术源码推荐

推荐文章

CoreData篇

Combine篇

TextField篇

JSON文件篇


一篇文章系列

技术交流

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。