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)
		})
相关推荐
喵个咪1 天前
GoWind 拆解:全链 ID 类型体系——int64 定版与前端字符串化契约
前端·后端·go
喵个咪1 天前
GoWind CMS 拆解:发布审批——多级推进、逐级角色与全程留痕
前端·后端·go
喵个咪1 天前
GoWind Flow 拆解:一个 Go 工作流引擎与它的双模式设计器
前端·后端·go
喵个咪1 天前
GoWind CMS 拆解:搜索三板斧——高亮、联想、同义词
后端·搜索引擎·go
喵个咪1 天前
GoWind 拆解:AI Agent 编排引擎——波次并行、子图递归与人工审批
人工智能·后端·go
喵个咪1 天前
GoWind Admin 拆解:打印模板设计器——从画布到服务端 PDF 的完整打印链路
前端·后端·go
喵个咪1 天前
GoWind Admin 拆解:BI 大屏设计器——schema 即 JSON、resolver 注入与三张快照表的口径谱系
大数据·后端·go
Warson_L2 天前
高性能架构设计
python·go
我不会起名字3222 天前
Redis 从 0 到 1(三十七·收官):36 篇浓缩成 1 张知识地图 + 50 项生产 Checklist
redis·go·知识体系·checklist·收官
Mz码不住2 天前
用 Wails 写一个跨平台进程管理器
go