Fyne 列表小部件无法正确显示项目

大家好，今天本人给大家带来文章《Fyne 列表小部件无法正确显示项目》，文中内容主要涉及到，如果你对Golang方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

我正在尝试在带有数据的列表小部件中显示字母表。我使用自定义可点击标签作为要在列表中显示的小部件。

由于某种原因，当小部件加载时，一切都显示正常。但是当我开始滚动时，字母开始以完全随机的顺序显示，我不明白为什么。

这是重现该错误的完整工作代码。

package main

import (
    "fmt"

    "fyne.io/fyne/v2"
    "fyne.io/fyne/v2/app"
    "fyne.io/fyne/v2/data/binding"
    "fyne.io/fyne/v2/widget"
)

func makeAlphabet() []string {
    var alphabet []string
    for ch := 'A'; ch <= 'Z'; ch++ {
        alphabet = append(alphabet, string(ch))
    }
    return alphabet
}

type TapLabel struct {
    *widget.Label //composition

    //function pointers to set to get events
    OnTapped func(string)
}

func (mc *TapLabel) Tapped(pe *fyne.PointEvent) {
    if mc.OnTapped != nil {
        mc.OnTapped(mc.Text)
    }
}

func NewTapLabel(text string, tappedLeft func(string)) *TapLabel {
    return &TapLabel{widget.NewLabel(text), tappedLeft}
}

func alphabetToBrands(letter string) {
    fmt.Println(letter)
}

func main() {
    app := app.New()
    window := app.NewWindow("tac_hub")
    window.Resize(fyne.NewSize(200,200))

    rawData := makeAlphabet()
    data := binding.BindStringList(&rawData)
    list := widget.NewListWithData(
        data,
        func() fyne.CanvasObject {
            return NewTapLabel("template", alphabetToBrands)
        },
        func(i binding.DataItem, o fyne.CanvasObject) {
            o.(*TapLabel).Bind(i.(binding.String))
        },
    )

    window.SetContent(list)
    window.ShowAndRun()
}

点击操作正常工作，并给我正确的字母（不是显示的字母，而是应该显示的字母）。

我猜我一定是在某个地方做错了什么，但我不知道是什么。

如果有人可以提供帮助，我们将不胜感激！

正确答案

使用自定义小部件的解决方案：

这是基于 fyne Extending Widgets tutorial。特别是您拨打 ExtendBaseWidget：

extendbasewidget 由扩展小部件使用以利用 basewidget 功能。

您仍然嵌入 widget.label，但不是作为指针（使用指针也可以，但文档使用非指针示例），以便将必要的方法提升到您的小部件中：

func newtaplabel(text string, tappedleft func(string)) *taplabel {
    label := &taplabel{}
    label.extendbasewidget(label)
    label.settext(text)
    label.ontapped = tappedleft
    return label
}

然后您更改更新函数以将实际绑定的字符串设置为标签，而不是像原始示例中那样再次绑定数据：

func(i binding.dataitem, o fyne.canvasobject) {
            s, _ := i.(binding.string).get()
            o.(*taplabel).settext(s)
        },

至于为什么，如果您省略调用 extendbasewidget，就会出现错误，我怀疑这是因为它缺少此方法设置的基本小部件实现。

没有自定义小部件的解决方案：

list := widget.NewListWithData(
        data,
        func() fyne.CanvasObject {
            return &widget.Label{Text: "template"}
        },
        func(i binding.DataItem, o fyne.CanvasObject) {
            o.(*widget.Label).Bind(i.(binding.String))
        },
    )
    list.OnSelected = func(id widget.ListItemID) {
        fmt.Println(rawData[id])
    }

放弃自定义 taplabel，改用 &widget.label{text: "template"}，然后使用 list.onselected 打印点击的项目并关闭数据切片。

看起来像这里的参数 o.(*taplabel).bind(i.(binding.string)) 随着滚动操作的发生而改变。添加日志以在滚动时观察该函数中的 i.(binding.string) 值

看看这个：list example

好了，本文到此结束，带大家了解了《Fyne 列表小部件无法正确显示项目》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多Golang知识！