swiftui textEditor 圈选文本

转载

误会一场 2024-10-23 07:03:01

推荐：优雅的SwiftUI代码编辑器视图——CodeEditorView

CodeEditorViewSwiftUI code editor view for iOS and macOS项目地址:https://gitcode.com/gh_mirrors/co/CodeEditorView

在iOS和macOS开发中，拥有一个强大且直观的代码编辑器是至关重要的。这就是我们向您推荐的CodeEditorView，一个灵感来源于Xcode的SwiftUI代码编辑器组件。它提供了丰富的功能，包括语法高亮、可配置的主题、行内消息显示、括号匹配以及当前行高亮等，让您的应用界面更加专业。

项目介绍

CodeEditorView是一个Swift包，为iOS和macOS平台提供了SwiftUI视图，其视觉效果深受Xcode启发。除了基本的文字编辑，它还支持各种增强功能，如错误警告的实时反馈，并且可以自定义主题，满足不同环境下的需求。此外，开发者还可以利用其内置的迷你地图（minimap）功能，快速浏览代码结构。

技术分析

该项目基于TextKit，能够实现高性能的文本处理。最新版本正在迁移到TextKit 2，这将带来更出色的性能提升和更多iOS端的功能。它采用Swift语言编写，与最新的操作系统版本兼容，同时支持Swift Package Manager集成，使得导入和更新变得更加简单。

应用场景

CodeEditorView适用于任何需要展示或编辑代码的应用场景。无论是教学工具，代码片段管理器，还是面向开发者的原型设计工具，都能从中受益。在iOS上，它可以作为移动开发环境的一部分，而在macOS上，它的桌面级体验则可以融入到各类IDE或者代码辅助应用中。

项目特点

丰富的特性集：包括语法高亮、错误提示、括号匹配、行高亮和迷你地图。
主题定制：允许自定义颜色主题，适应不同的视觉风格和使用习惯。
跨平台支持：原生支持iOS和macOS，确保了统一的用户体验。
可扩展性：易于集成和自定义，适应不同的编程语言和应用场景。

截图预览

如上所示，macOS版的黑暗主题展示了丰富的界面元素，而iOS版的轻量设计则巧妙地通过行号颜色区分当前行和有消息的行。

使用示例

struct ContentView: View {
  @State private var text:     String                    = "My awesome code..."
  @State private var position: CodeEditor.Position       = CodeEditor.Position()
  @State private var messages: Set<TextLocated<Message>> = Set()

  @Environment(\.colorScheme) private var colorScheme: ColorScheme

  var body: some View {
    CodeEditor(text: $text, position: $position, messages: $messages, language: .swift)
      .environment(\.codeEditorTheme,
                   colorScheme == .dark ? Theme.defaultDark : Theme.defaultLight)
  }
}