fyne时间选择框-自定义组件,带绑定

实现的效果如图

自定义组件代码:

go 复制代码
package widget

import (
	"fmt"
	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/widget"
	"strconv"
	"time"
)

var timeLayout = "15:04"

type SelectTime struct {
	Container *fyne.Container
}

func NewSelectTime(startTime time.Time, endTime time.Time, fun func(t *time.Time, t2 *time.Time)) *SelectTime {
	picker := &SelectTime{}
	// 创建分隔符标签
	// 创建小时、分钟、秒的选择框
	startHourW := widget.NewSelectEntry(generateOptions(0, 23))
	startHourW.Text = strconv.Itoa(startTime.Hour())

	startMinuteW := widget.NewSelectEntry(generateOptions(0, 59))
	startMinuteW.Text = strconv.Itoa(startTime.Minute())

	endHourW := widget.NewSelectEntry(generateOptions(0, 23))
	endHourW.Text = strconv.Itoa(endTime.Hour())

	endMinuteW := widget.NewSelectEntry(generateOptions(0, 59))
	endMinuteW.Text = strconv.Itoa(endTime.Minute())

	var onChangeUpdate = func(s string) {
		startTime, _ := time.Parse(timeLayout, startHourW.Text+":"+startMinuteW.Text)
		endTime, _ := time.Parse(timeLayout, endHourW.Text+":"+endMinuteW.Text)
		fun(&startTime, &endTime)
	}

	startHourW.OnChanged = onChangeUpdate
	startMinuteW.OnChanged = onChangeUpdate
	endHourW.OnChanged = onChangeUpdate
	endMinuteW.OnChanged = onChangeUpdate

	// 创建时间选择器容器
	picker.Container = container.NewHBox(
		startHourW,
		widget.NewLabel(":"),
		startMinuteW,
		widget.NewSeparator(),
		endHourW,
		widget.NewLabel(":"),
		endMinuteW,
	)
	return picker
}

// generateOptions 生成从 start 到 end 的数字选项
func generateOptions(start, end int) []string {
	options := make([]string, end-start+1)
	for i := start; i <= end; i++ {
		options[i-start] = fmt.Sprintf("%02d", i)
	}
	return options
}

使用时候,引用代码:

go 复制代码
selectTime := widget2.NewSelectTime(time.Now(), time.Now(), func(t *time.Time, t2 *time.Time) {
			updateTimeStr := t.Format("15:04") + "-" + t2.Format("15:04")
			log.Println("现在时间是", updateTimeStr)
			_ = externalString.Set(updateTimeStr)
		})
相关推荐
alsmile4 天前
Node-RED 之外,国产规则引擎的新方案:基于标准语法,Go 先行实现
后端·开源·go
茉莉玫瑰花茶4 天前
GO [ 变量 ]
go
lpfasd1234 天前
展厅中控总体架构
go·串口·中控
茉莉玫瑰花茶4 天前
GO [ 条件/循环控制 ]
go
茉莉玫瑰花茶4 天前
GO [ 数据类型 ]
go
云浪5 天前
Go Context 到底是什么?
后端·go
newerp5 天前
系统调用与 M/P 解绑
后端·程序员·go
newerp5 天前
抢占式调度实现细节
后端·程序员·go
小小龙学IT5 天前
Go 语言 net/http 网络编程深度解析:从 Handler 到生产级 HTTP 服务
go
名字还没想好☜5 天前
Go 实现指数退避重试:context 取消、抖动 jitter 与什么时候别重试
后端·golang·go