toolbar工具条的用法


前言

工具条应用非常广泛,创建步骤基本是初始化工具条,再在工具条上放图标,设置单击事件。


一、工具条

// 创建toolbar并添加图标
	tb:=widget.NewToolbar(
		widget.NewToolbarAction(theme.InfoIcon(),func() {
			lb.SetText("info")
		}),
		widget.NewToolbarSpacer(),
		widget.NewToolbarAction(theme.HelpIcon(),func() {
			lb.SetText("help")
		}),
	)

需要注意的是,工具条有自己的膨胀组件,ToolbarSpacer,它会再两个图标之间的空间填满。

tb2:= widget.NewToolbar(
		widget.NewToolbarAction(theme.FileIcon(),func() {
			lb.SetText("file")
		}),
		widget.NewToolbarSeparator(),
		widget.NewToolbarAction(theme.UploadIcon(),func() {
			lb.SetText("update")
		}),
	)

两个图标之间的分隔线的组件叫ToolbarSeparator

二、工具条追加

1.添加action

代码如下(示例):

// 向toolbar追加action
	tb2.Append(widget.NewToolbarAction(theme.ErrorIcon(),func() {
		lb.SetText("err")
	}))

总结

以上是toolbar的用法,我们还可以扩展,让图标还拥有二级action ,可以结合popUp来实现 。

附录

源代码: https://gitee.com/gene-zhao/fyne-demo.git
更多高级用法,持续更新...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值