Fyne 列表小部件无法正确显示项目
来源:stackoverflow
时间:2024-04-26 18:30:37 228浏览 收藏
大家好,今天本人给大家带来文章《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知识!
-
502 收藏
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
139 收藏
-
204 收藏
-
325 收藏
-
477 收藏
-
486 收藏
-
439 收藏
-
357 收藏
-
352 收藏
-
101 收藏
-
440 收藏
-
212 收藏
-
143 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习