Go Fyne框架的TextGrid组件是否可编辑？如何设置为可编辑状态？

TextGrid的设计用途 #

TextGrid是Fyne官方提供的等宽文本展示组件，默认只读，核心定位是满足需要精确控制字符排版、支持单字符自定义样式的展示场景，常见用途包括：

• 代码片段静态高亮展示
• 终端仿真输出内容渲染
• 十六进制查看器内容展示
• 各类需要等宽字符对齐的结构化文本展示

实现可编辑功能的两种方案 #

方案1：直接使用官方可编辑组件Entry（推荐，适合简易代码编辑器开发） #

Fyne官方的Entry组件原生支持多行编辑、文本选中、复制粘贴等基础编辑能力，2.0及以上版本还支持自定义语法高亮规则，完全可以满足简易代码编辑器的开发需求，示例代码如下：

package main

import (
    "fyne.io/fyne/v2"
    "fyne.io/fyne/v2/app"
    "fyne.io/fyne/v2/widget"
)

func main() {
    a := app.New()
    w := a.NewWindow("简易代码编辑器")
    w.Resize(fyne.NewSize(1400, 1000))
    // 初始化多行可编辑输入框
    codeEditor := widget.NewEntry()
    codeEditor.MultiLine = true
    // 可设置占位提示
    codeEditor.SetPlaceHolder("请输入代码...")
    w.SetContent(codeEditor)
    w.ShowAndRun()
}

如果需要添加语法高亮，可以自定义Entry的Renderer，或者使用第三方封装的高亮扩展组件。

方案2：自定义扩展TextGrid实现编辑能力 #

如果有特殊需求必须基于TextGrid开发，可以通过继承组件、绑定交互事件的方式实现编辑逻辑，最小实现示例如下：

package main

import (
    "fyne.io/fyne/v2"
    "fyne.io/fyne/v2/app"
    "fyne.io/fyne/v2/widget"
)

// 自定义可编辑TextGrid
type EditableTextGrid struct {
    widget.TextGrid
    cursorRow, cursorCol int
    content [][]rune
}

func NewEditableTextGrid() *EditableTextGrid {
    t := &EditableTextGrid{}
    t.ExtendBaseWidget(t)
    // 初始化默认空内容
    t.content = [][]rune{{}}
    t.ShowCursor = true
    t.SetCursor(0, 0)
    return t
}

// 实现Focusable接口获取焦点
func (e *EditableTextGrid) FocusGained() { e.Focused = true }
func (e *EditableTextGrid) FocusLost() { e.Focused = false }
func (e *EditableTextGrid) TypedRune(r rune) {
    // 插入字符逻辑
    row := e.content[e.cursorRow]
    row = append(row[:e.cursorCol], append([]rune{r}, row[e.cursorCol:]...)...)
    e.content[e.cursorRow] = row
    e.cursorCol++
    e.updateView()
}
func (e *EditableTextGrid) TypedKey(key *fyne.KeyEvent) {
    // 处理退格、回车、方向键等逻辑，这里只做简单演示
    switch key.Name {
    case fyne.KeyBackspace:
        if e.cursorCol > 0 {
            row := e.content[e.cursorRow]
            row = append(row[:e.cursorCol-1], row[e.cursorCol:]...)
            e.content[e.cursorRow] = row
            e.cursorCol--
            e.updateView()
        }
    case fyne.KeyReturn:
        // 换行逻辑
        row := e.content[e.cursorRow]
        newRow := row[e.cursorCol:]
        e.content[e.cursorRow] = row[:e.cursorCol]
        e.content = append(e.content[:e.cursorRow+1], append([][]rune{newRow}, e.content[e.cursorRow+1:]...)...)
        e.cursorRow++
        e.cursorCol = 0
        e.updateView()
    }
    e.SetCursor(e.cursorRow, e.cursorCol)
}

// 同步内容到TextGrid展示
func (e *EditableTextGrid) updateView() {
    e.SetText("")
    for _, row := range e.content {
        e.AppendRow(string(row))
    }
}

func main() {
    a := app.New()
    w := a.NewWindow("Editable TextGrid")
    w.Resize(fyne.NewSize(1400, 1000))
    text := NewEditableTextGrid()
    w.SetContent(text)
    w.ShowAndRun()
}

以上示例仅实现基础的字符输入、退格、换行逻辑，完整实现还需要补充方向键移动、文本选中、复制粘贴、滚动适配等逻辑。

内容的提问来源于stack exchange，提问作者elior sala