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

实现的效果如图
在这里插入图片描述
自定义组件代码:

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
}

使用时候,引用代码:

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)
		})
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值