如何在fyne-io中创建包含不同组件类型的表格？

原因分析 #

你直接使用UpdateCell替换表格单元格对象的方式，不符合Fyne表格的控件复用设计逻辑。虽然回调函数能识别到Hyperlink类型并执行代码，但表格在渲染时无法正确同步该控件的状态，导致链接无法显示。

解决方法 #

改用容器包裹Label和Hyperlink的方式，在回调函数中根据单元格位置动态切换控件的显示状态，这更适配Fyne表格的复用机制。

修改后的完整代码：

package main

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

func setDefaultColumnsWidth(table *widget.Table) {
    table.SetColumnWidth(0, 130)
    table.SetColumnWidth(1, 150)
    table.SetColumnWidth(2, 160)
    table.SetColumnWidth(3, 200)
    table.SetColumnWidth(4, 400)
    table.SetColumnWidth(5, 150)
    table.SetColumnWidth(6, 250)
    table.SetColumnWidth(7, 110)
    table.SetColumnWidth(8, 80)
}

func main() {
    application := app.New()
    win := application.NewWindow("Test GUI")

    data := [][]string{
        {"ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff"},
        {"ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff"},
        {"ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff", "ffffffffffffff"},
    }

    tableData := widget.NewTable(
        // 返回表格行数和列数
        func() (int, int) {
            return len(data), len(data[0])
        },
        // 创建包含Label和Hyperlink的容器作为单元格模板
        func() fyne.CanvasObject {
            label := widget.NewLabel("")
            link := widget.NewHyperlink("", nil)
            link.Hide() // 默认隐藏链接
            return fyne.NewContainerWithoutLayout(label, link)
        },
        // 单元格更新逻辑
        func(i widget.TableCellID, o fyne.CanvasObject) {
            container := o.(*fyne.Container)
            label := container.Objects[0].(*widget.Label)
            link := container.Objects[1].(*widget.Hyperlink)

            // 指定需要显示链接的单元格（这里是第2行第2列，索引从0开始）
            if i.Row == 1 && i.Col == 1 {
                label.Hide()
                link.Show()
                link.SetText("TUTU")
                // 可以设置实际跳转链接，比如 link.SetURL(fyne.NewURL("https://example.com"))
            } else {
                link.Hide()
                label.Show()
                label.SetText(data[i.Row][i.Col])
            }
        },
    )
    setDefaultColumnsWidth(tableData)

    label := widget.NewLabel("My table :")
    button := widget.NewButton("Close", func() {
        application.Quit()
    })

    container := layout.NewBorderLayout(label, button, nil, nil)
    box := fyne.NewContainerWithLayout(container, label, tableData, button)
    win.SetContent(box)

    win.Resize(fyne.NewSize(1800, 400))
    win.ShowAndRun()
}

关键改动说明 #

1. 单元格模板改为包含Label和Hyperlink的容器，默认隐藏Hyperlink
2. 在更新回调中，根据目标单元格位置切换两个控件的显示/隐藏状态
3. 移除了原代码中UpdateCell相关的替换逻辑，避免触发表格渲染异常

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