fyne

fyne框架：https://github.com/fyne-io/fyne

对应文档：https://developer.fyne.io/

要使用 Fyne 开发应用程序，您需要 Go 版本 1.14 或更高版本、C 编译器和系统的开发工具（也即是gcc）

  • 相应第三方库 
    1. $ go get fyne.io/fyne/v2          //fyne核心库

1. 常用函数

1.1 窗口标题title

设置窗口标题

func (App)NewWindow(title string) Window 绑定在app一个方法

  1. package main
  3. import (
  4.     "fyne.io/fyne/v2/app"
  5. )
  7. func main() {
  8.     //创建一个app
  9.     a:=app.New()
  11.     //创建一个窗口
  12.     w:=a.NewWindow("my frist title")
  14.     //运行
  15.     w.ShowAndRun()
  16. }

1657444873467.png

窗口大小可以随意调解

1.2 修改窗口默认大小Resize

修改默认窗口大小，只是修改了初始显示窗口大小，任然可以缩放大小

func (window)Resize(fyne.NewSize(w,h)) w—-width h——height

  1. package main
  3. import (
  4.     "fyne.io/fyne/v2"
  5.     "fyne.io/fyne/v2/app"
  6. )
  8. func main() {
  9.     //创建一个app
  10.     a:=app.New()
  12.     //创建一个window
  13.     w:=a.NewWindow("my title")
  15.     //设置初始窗口大小
  16.     w.Resize(fyne.NewSize(600,600))
  18.     //运行
  19.     w.ShowAndRun()
  20. }

1657445837088.png

1.3 组件 微件

1.3.1 标签 label text

创建一个小装置 微件

将创建的小装置添加到窗口

w.SetContent(widget.NewLabel("title label"))

  1. package main
  3. import (
  4.     "fyne.io/fyne/v2"
  5.     "fyne.io/fyne/v2/app"
  6.     "fyne.io/fyne/v2/widget"
  7. )
  9. func main() {
  10.     //创建一个app
  11.     a:=app.New()
  13.     //创建一个window
  14.     w := a.NewWindow("my title")
  16.     //修改初始显示窗口大小
  17.     w.Resize(fyne.NewSize(300,300))
  19.     //widget:组件 
  20.     //新建一个标签组件
  21.     w.SetContent(widget.NewLabel("title label"))
  23.     //运行
  24.     w.ShowAndRun()
  25. }

1657446687175.png

1.3.2 按钮button

  1. //创建一个按钮button     第一个参数是button名字  第二个是点击就会对应执行的函数
  2. button:=widget.NewButton("my name is button", func() {
  4. })
  1. package main
  3. import (
  4.     "fyne.io/fyne/v2"
  5.     "fyne.io/fyne/v2/app"
  6.     "fyne.io/fyne/v2/widget"
  7. )
  9. func main() {
  10.     //创建一个app
  11.     a:=app.New()
  13.     //创建一个window
  14.     w := a.NewWindow("my title")
  16.     //改变初始窗口大小
  17.     w.Resize(fyne.NewSize(300,300))
  19.     //创建一个按钮button组件
  20.     button:=widget.NewButton("my name is button", func() {
  21.         fmt.Println("button is pressed")
  22.     })
  24.     //将装置添加到窗口
  25.     w.SetContent(button)
  27.     //运行
  28.     w.ShowAndRun()
  29. }

1657447844243.png

点击一次就会执行一次打印

1.3.2.1 button失效 disable
  1. btn:=widget.NewButton("button", func() {
  2.     fmt.Println("button is pressed")
  3. })
  5. //让button失效
  6. //btn.Disable()

1658037260708.png

1658036992899.png

1.3.2.2 给button设置背景色
  1. //按钮
  2. btn:=widget.NewButton("visit", func() {
  4. })
  6. //按钮颜色
  7. btn_color:=canvas.NewRectangle(color.NRGBA{R: 255,G: 0,B: 0,A: 255})
  9. contain:=container.New(
  10.     layout.NewMaxLayout(),
  11.     //第一个是颜色
  12.     btn_color,
  13.     //第二个是按钮
  14.     btn,
  16. //添加到窗口
  17. w.SetContent(contain)

1658058336755.png

使用图片做背景色

  1. btn:=widget.NewButton("Visit", func() {
  3. })
  4. //图片来源
  5. img:=canvas.NewImageFromFile("C:/Users/jq/Desktop/bdyjy.jpg")
  6. img_contain:=container.New(layout.NewMaxLayout(),img,btn)
  7. //添加到窗口
  8. w.SetContent(contain)

1658068415578.png

1.3.3 复选框CheckBox

勾选上了 b就为真 没勾选上 b就为假

  1. func main() {
  2.     //创建一个app
  3.     a:=app.New()
  5.     //创建一个窗口
  6.     w:=a.NewWindow("my name is winodows title")
  8.     //设置初始窗口打下
  9.     w.Resize(fyne.NewSize(300,300))
  11.     //定义一个装置  checkbox组件
  12.     check:=widget.NewCheck("men", func(b bool) {
  13.         //勾选上  就为true
  14.         if b{
  15.             fmt.Println("我是男性")
  16.             check.Show()//显示
  17.         }else{
  18.             fmt.Println("我是女性")
  19.             check.Hide()//隐藏
  20.         }
  21.     })
  23.     //将装置添加到窗口
  24.     w.SetContent(check)
  26.     //运行
  27.     w.ShowAndRun()
  28. }
  1. check.Hide()  //可将复选框隐藏

1657448443432.png

1.3.4 超链接hyperlink

超链接 点击即可实现跳转

  1. //定义一个装置  hyperlink
  2. url,_:=url.Parse("https://www.cnblogs.com/wustjq/p/16426471.html")
  3. widgetUrl:=widget.NewHyperlink("my name is hyperlink",url)
  5. //添加至窗口
  6. w.SetContent(widgetUrl)

1657449568190.png

成功实现超链接跳转

1.3.5 图标 Icon

  1. //定义一个装置  icon组件
  2. icon:=widget.NewIcon(theme.CancelIcon())
  4. //添加到窗口
  5. w.SetContent(icon)

1657461226385.png

1.3.6 cards

  1. //定义一个组件  cards
  2. widgetCard:=widget.NewCard("title","sub title",canvas.NewCircle(color.Black))
  4. //添加到窗口
  5. w.SetContent(widgetCard)

1657466414630.png

1.3.7 多行文本 multiline

  1. multilineEntry:=widget.NewMultiLineEntry()
  2. const loren="The sunset and the solitary bird fly together, and the autumn water is the same color as the sky"
  3. multilineEntry.SetText(loren)

显示样式

  1. multilineEntry.Wrapping=fyne.TextWrapBreak   //不够换行显示

1657952497047.png

  1. multilineEntry.Wrapping=fyne.TextWrapOff    //一行显示

1657952642600.png

  1. multilineEntry.Wrapping=fyne.TextTruncate

1657952865610.png

1.3.8 滑动数据 slider

  1. f:=20.0
  2. data:=binding.BindFloat(&f)
  3. //滑动数据的组件   最小数据0   最大数据100  初始默认数为20
  4. slider1:=widget.NewSliderWithData(0.0,100.0,data)
  6. //根据数据创建label   将实时数据显示  如果没有这个label就看不到数据
  7. label1:=widget.NewLabelWithData(
  8.     binding.FloatToString(data),
  9. )
  11. w.SetContent(container.NewVBox(slider1,label1))

1657978977916.png

1.3.9 登录提交 form

  1. label:=widget.NewLabel("")
  2. form:=widget.NewForm(
  3.     widget.NewFormItem("UserName",widget.NewEntry()),
  4.     widget.NewFormItem("PassWord",widget.NewPasswordEntry()),
  5. )
  6. form.OnCancel= func() {
  7.     label.Text="Cancel"
  8.     label.Refresh()
  9. }
  10. form.OnSubmit= func() {
  11.     label.Text="Submit"
  12.     label.Refresh()
  13. }
  16. w.SetContent(container.NewVBox(form,label))

1658142440689.png

1.3.10 列表list

  1. list:=widget.NewList(
  2.         func() int {return 5},    //最终显示个数
  3.         func() fyne.CanvasObject {return widget.NewLabel("")},
  4.         func(id widget.ListItemID, object fyne.CanvasObject) {object.(*widget.Label).SetText("Hello World")},    //显示的内容
  5.     )
  7. w.SetContent(list)

1658143000589.png

1.3.11 下拉框选择 select

  1. label:=widget.NewLabel("")
  2. sel:=widget.NewSelect([]string{"one","two","three","four"}, func(s string) {
  3.     fmt.Printf("selected is %s\n",s)
  4.     label.Text=s
  5.     label.Refresh()
  6. })
  8. w.SetContent(container.NewVBox(sel,label))

1658150606378.png

1.4 画布

1.4.1 修改文本颜色 Change color

显示有颜色的字

  1. func main() {
  2.     //创建一个app
  3.     a:=app.New()
  5.     //创建一个窗口
  6.     w:=a.NewWindow("my name is winodows title")
  8.     //设置默认窗口打下
  9.     w.Resize(fyne.NewSize(300,300))
  11.     //画布里面创建文字
  12.     canvasText:=canvas.NewText("canvas text",color.NRGBA{B: 255,G: 0,R: 0,A: 255})
  13.     //设置文字字体大小
  14.     canvasText.TextSize=30
  16.     //添加到窗口
  17.     w.SetContent(canvasText)
  19.     //运行
  20.     w.ShowAndRun()
  21. }

1657450201035.png

1.4.2 图片展示 image

  1. //画布里面创建图片
  2. img:=canvas.NewImageFromFile("C:/Users/jq/Desktop/1.jpg")
  3. //添加到窗口
  4. w.SetContent(img)

1657452531460.png

1.4.3 圆 circle

  1. //画布里面创建圆
  2. canvasCircle:=canvas.NewCircle(color.NRGBA{B: 255,G: 0,R: 0,A: 255})
  3. //边框颜色 边框线宽
  4. canvasCircle.StrokeColor=color.Black
  5. canvasCircle.StrokeWidth=3
  7. //添加到窗口
  8. w.SetContent(canvasCircle)

1657459154349.png

1.4.4 矩形 recttangle

  1. //画布里面创建矩形
  2. canvasRect:=canvas.NewRectangle(color.NRGBA{B: 255,G: 0,R: 0,A: 255})
  3. //边框颜色 边框线宽
  4. canvasRect.StrokeColor=color.Black
  5. canvasRect.StrokeWidth=3
  7. //添加到窗口
  8. w.SetContent(canvasRect)

1657460226846.png

1.4.5 线 line

  1. //画布里面创建线
  2. canvasLine:=canvas.NewLine(color.NRGBA{B: 255,G: 0,R: 0,A: 255})
  3. //边框颜色 边框线宽
  4. canvasLine.StrokeColor=color.Black
  5. canvasLine.StrokeWidth=3

1657460807470.png

1.4.6 颜色梯度变化gradient

  1. //水平渐变
  2. canvas.NewHorizontalGradient(color.White,color.Black)
  3. //数值渐变
  4. canvas.NewVerticalGradient(color.White,color.Black)
  5. //以中心圆渐变
  6. canvas.NewRadialGradient(color.White,color.Black)
  7.     参1：起始颜色  参2 终止颜色
  10. //一定角度渐变
  11. canvas.NewLinearGradient(color.White,color.Black,45)
  12.     参1：起始颜色  参2 终止颜色  参3 角度
  1. //画布里面创建梯度
  2. canvasgradient:=canvas.NewHorizontalGradient(color.White,color.Black)
  3. //添加到窗口
  4. w.SetContent(canvasgradient)

1657461739105.png

1.5 容器container

1.5.1 水平 竖直框

将多个组件装在一起显示

w.SetContent(newHBox)只能有一个参数，所以用个框装起来

水平：体现在两个组件之间位置关系

  1. //创建一个按钮button
  2. button:=widget.NewButton("my name is button", func() {
  4. })
  6. //新建一个标签
  7. label:=widget.NewLabel("my name is label")
  9. //水平box将两个组件装起来
  10. newHBox:=container.NewHBox(button,label)
  12. //显示在窗口
  13. w.SetContent(newHBox)

1657463052181.png

1.5.2 水平 竖直隔离框

  1. //画布中创建文本
  2. labels1:=canvas.NewText("text1",color.Black)
  3. labels2:=canvas.NewText("text2",color.Black)
  5. //创建一个标签组件
  6. w1:=widget.NewLabel("widget label")
  7. //添加到窗口
  8. w.SetContent(container.NewVSplit(container.NewHSplit(labels1,labels2),w1))

1657891163908.png

先是labels1和labels2在水平方向隔离，然后他们整体又再竖直方向和w1进行隔离

1.5.3 水平 竖直滚动框

  1. //red rect
  2. redRect:=canvas.NewRectangle(color.NRGBA{R: 255,G: 0,B: 0,A: 255})
  3. redRect.SetMinSize(fyne.NewSize(200,200))
  5. //blue rect
  6. blueRect:=canvas.NewRectangle(color.NRGBA{R: 0,G: 0,B: 255,A: 255})
  7. blueRect.SetMinSize(fyne.NewSize(200,200))
  9. c:=container.NewVBox(redRect,blueRect)
  11. //创建scroll 滚动框
  12. scroll:=container.NewScroll(c)
  14. //显示在窗口
  15. w.SetContent(scroll)

1658053541900.png

1.6 修改主题颜色

  1. a.Settings().SetTheme(theme.LightTheme())    //设置亮色主题
  2. a.Settings().SetTheme(theme.DarkTheme())    //设置暗色主题
  1. //文字说明
  2. label:=widget.NewLabel("Fyne Theme")
  4. //亮色主题
  5. btn1:=widget.NewButton("Light Theme", func() {
  6.     a.Settings().SetTheme(theme.LightTheme())
  7. })
  8. //暗色主题
  9. btn2:=widget.NewButton("Dark Theme", func() {
  10.     a.Settings().SetTheme(theme.DarkTheme())
  11. })
  12. //退出
  13. btn3:=widget.NewButton("Exit", func() {
  14.     a.Quit()
  15. })
  17. //添加到窗口
  18. w.SetContent(container.NewVBox(label,btn1,btn2,btn3))

1657892549640.png

1657892549640.png

1.7 设置窗口图标

1.使用fyne默认图标

  1. //设置app 图口默认图标
  2. w.SetIcon(theme.FyneLogo())

1657895127626.png

2.加载本地图片做图标

  1. //指定你需要加载图片路径
  2. r,_:=fyne.LoadResourceFromPath("./bdyjy.jpg")   //相对路径和绝对路径都可
  3. //设置app 图标
  4. w.SetIcon(r)

1657895821695.png

3.从网上指定图片url作为图标

  1. //指定你需要加载图片的url
  2. r,_:=fyne.LoadResourceFromURLString("https://picsum.photos/200")
  3. //设置app 图标
  4. w.SetIcon(r)

1657896377534.png

1.8 菜单栏 menu

  1. //设置menuitem相关信息
  2. menuItem:=&fyne.Menu{
  3.     Label: "File",
  4.     Items: nil,
  5. }
  7. //根据item创建menu
  8. menu:=fyne.NewMainMenu(menuItem)
  10. //在窗口显示
  11. w.SetMainMenu(menu)

创建多个**item**子项

  1. //点击每个item执行相应的回调
  2. menuItems1:=fyne.NewMenuItem("New", func() {
  3.     fmt.Println("New is pressed")
  4. })
  5. menuItems2:=fyne.NewMenuItem("Save", func() {
  6.     fmt.Println("Save is pressed")
  7. })
  8. menuItems3:=fyne.NewMenuItem("Edit", func() {
  9.     fmt.Println("Edit is pressed")
  10. })
  12. //根据item创建menu
  13. newMenu:=fyne.NewMenu("File",menuItems1,menuItems2,menuItems3)
  15. //创建主menu
  16. menu:=fyne.NewMainMenu(newMenu)
  18. //设置在窗口
  19. w.SetMainMenu(menu)

1657945976581.png

创建多个并列**menu**

  1. //创建多个item
  2. newItem:=fyne.NewMenuItem("New",nil)
  3. editItem:=fyne.NewMenuItem("Edit",nil)
  4. saveItem:=fyne.NewMenuItem("Save",nil)
  6. //创建menu   这个相当于是折叠起来先显示的
  7. menu1:=fyne.NewMenu("File",newItem,editItem,saveItem)
  8. menu2:=fyne.NewMenu("Config",newItem,editItem,saveItem)
  9. menu3:=fyne.NewMenu("Content",newItem,editItem,saveItem)
  11. //创建mainmenu
  12. mainmenu:=fyne.NewMainMenu(menu1,menu2,menu3)
  14. //设置在窗口上
  15. w.SetMainMenu(mainmenu)

1657946796527.png

1.8.1 子菜单

  1. //创建多个item
  2. item1:=fyne.NewMenuItem("New",nil)
  3. item2:=fyne.NewMenuItem("Edit",nil)
  4. item3:=fyne.NewMenuItem("Save",nil)
  6. item2.ChildMenu=fyne.NewMenu("",
  7.     fyne.NewMenuItem("Add",nil),
  8.     fyne.NewMenuItem("Sub",nil),
  9.     fyne.NewMenuItem("Div",nil),
  10. )
  11. //创建menu   这个相当于是折叠起来先显示的
  12. menu:=fyne.NewMenu("File",item1,item2,item3)
  14. //创建mainmenu
  15. mainmenu:=fyne.NewMainMenu(menu)
  17. //设置在窗口上
  18. w.SetMainMenu(mainmenu)

1657950886369.png

1.9 对话框dialog

1.9.1 打开文件

  1. btn:=widget.NewButton("Open .txt files", func() {
  2.     //使用对话框打开文件
  3.     //第一个参数是函数体，第二个参数是父窗口
  4.     file_dial:=dialog.NewFileOpen(func(r fyne.URIReadCloser, err error) {
  5.         //读取文件
  6.         data,_:=ioutil.ReadAll(r)
  8.         //得到结果
  9.         result:=fyne.NewStaticResource("name",data)
  11.         //展示文本在标签
  12.         entry:=widget.NewMultiLineEntry()
  13.         entry.SetText(string(result.StaticContent))
  15.         //显示  title就设置为文件名，
  16.         w:=fyne.CurrentApp().NewWindow(string(result.StaticName))
  18.         w.SetContent(container.NewVBox(entry))
  20.         w.Show()
  21.     },w)
  23.     //进行过滤
  24.     file_dial.SetFilter(storage.NewExtensionFileFilter([]string{".txt"}))
  25.     file_dial.Show()
  26. })
  27. w.SetContent(container.NewVBox(btn))

1658071514634.png

1658072789435.png

1.9.2 存储文件

  1. entry:=widget.NewMultiLineEntry()
  2. //创建按钮用来储存文件
  3. btn:=widget.NewButton("Save .txt file", func() {
  4.     //第一个是个函数  第二个是父窗口
  5.     fileDialog:=dialog.NewFileSave(func(wc fyne.URIWriteCloser, err error) {
  6.         //从输入获取数据信息
  7.         data:=entry.Text
  8.         //写到文件去
  9.         wc.Write([]byte(data))
  10.     },w)
  12.     //设置文件名
  13.     fileDialog.SetFileName("anyFileName.txt")
  14.     fileDialog.Show()
  15.     fileDialog.Refresh()
  16. })
  18. //窗口显示
  19. w.SetContent(container.NewVBox(entry,btn))

1658120175079.png

1658120192672.png

1.9.3 显示图片

  1. btn:=widget.NewButton("Open .jpg & .png", func() {
  2.     fileDialog:=dialog.NewFileOpen(func(r fyne.URIReadCloser, err error) {
  3.         data,_:=ioutil.ReadAll(r)
  4.         res:=fyne.NewStaticResource(r.URI().Name(),data)
  6.         img:=canvas.NewImageFromResource(res)
  7.         win:=fyne.CurrentApp().NewWindow(r.URI().Name())
  9.         win.SetContent(img)
  10.         win.Resize(fyne.NewSize(500,500))
  11.         win.Show()
  12.     },w)
  14.     fileDialog.SetFilter(storage.NewExtensionFileFilter([]string{".jpg",".png"}))
  15.     fileDialog.Show()
  16. })
  18. w.SetContent(btn)

1658121087601.png

1658121104352.png

1.10 组件位置大小约束

  1. btn:=widget.NewButton("Button", func() {})
  2. btn.Resize(fyne.NewSize(40,100))
  3. btn.Move(fyne.Position{0,0})
  5. red_Rect:=canvas.NewRectangle(color.NRGBA{R: 255,G: 0,B: 0,A: 255})
  6. red_Rect.Resize(fyne.NewSize(40,100))
  7. red_Rect.Move(fyne.Position{250,250})
  9. blue_cicle:=canvas.NewCircle(color.NRGBA{0,255,0,255})
  10. blue_cicle.Resize(fyne.NewSize(40,100))
  11. blue_cicle.Move(fyne.Position{350,80})
  13. //这里一定要选择NewWithoutLayout 无布局方式  不然我们设置的位置大小都无效
  14. w.SetContent(container.NewWithoutLayout(btn,red_Rect,blue_cicle))

1658122117298.png

  1. fmt.Println("blue_cicle:",blue_cicle.Position())   //可打印当前组件所在位置，以左上为基准

1.11 fyne不支持中文问题

方法1

借助第三方库：github.com/flopp/go-findfont

在init函数中完成初始化

  1. package main
  3. import (
  4.     "fyne.io/fyne/v2"
  5.     "fyne.io/fyne/v2/app"
  6.     "fyne.io/fyne/v2/widget"
  7.     "github.com/flopp/go-findfont"
  8.     "os"
  9.     "strings"
  10. )
  12. func init() {
  13.     fontPaths := findfont.List()
  14.     for _, path := range fontPaths {
  15.         //楷体 "simkai.ttf"
  16.         //黑体 "simhei.ttf"
  17.         if strings.Contains(path, "simkai.ttf") {
  18.             os.Setenv("FYNE_FONT",path)
  19.             break
  20.         }
  21.     }
  22. }
  24. func main(){
  25.     //创建app
  26.     a:=app.New()
  28.     //创建一个windows
  29.     w:=a.NewWindow("我是窗口")
  31.     w.Resize(fyne.NewSize(500,500))
  33.     label:=widget.NewLabel("这是标签")
  34.     w.SetContent(label)
  35.     //运行
  36.     w.ShowAndRun()
  37. }

1658155003923.png

方法2

  • 将C:\Windows\Fonts下选择合适的字体复制到你的项目路径下
    1658155576049.png
  • 使用init函数，设置环境变量即可使用 
    1. func init() {
    2.  os.Setenv("FYNE_FONT","msyhl.ttc")
    3. }

    1658155650575.png
    1658155660406.png

1.15 小案例

案例1： 实现随机数

实现一个点击产生随机数

  1. func main() {
  2.     //创建一个app
  3.     a:=app.New()
  5.     //创建一个windows
  6.     w:=a.NewWindow("my name is title")
  8.     //修改默认大小
  9.     w.Resize(fyne.NewSize(300,300))
  11.     //添加随机数种子  避免伪随机
  12.     rand.Seed(time.Now().UnixNano())
  13.     //新建一个标签
  14.     label:=widget.NewLabel("my name is label")
  16.     //创建一个按钮button  只要点击按钮就回触发回调函数
  17.     button:=widget.NewButton("Generate", func() {
  18.         //产生0-99随机数
  19.         rand1:=rand.Intn(100)
  20.         //相当于将label标签的文本覆盖
  21.         label.Text=fmt.Sprint(rand1)
  22.         //实时刷新
  23.         label.Refresh()
  24.     })
  26.     //水平box将两个微件装起来
  27.     newHBox:=container.NewVBox(button,label)
  29.     //显示在窗口
  30.     w.SetContent(newHBox)
  31.     //运行
  32.     w.ShowAndRun()
  33. }

1657463676775.png

案例2： 随机点数图片

  1. func main() {
  2.     //创建一个app
  3.     a:=app.New()
  5.     //创建一个windows
  6.     w:=a.NewWindow("my name is title")
  8.     //修改默认大小
  9.     w.Resize(fyne.NewSize(300,300))
  11.     //创建图片组件  初始显示1.png
  12.     canvasImg:=canvas.NewImageFromFile("C:/Users/jq/Desktop/dice/1.png")
  13.     //以原始图片样式显示    必须有
  14.     canvasImg.FillMode=canvas.ImageFillOriginal
  16.     //随机数种子
  17.     rand.Seed(time.Now().UnixNano())
  19.     //创建一个组件button
  20.     button:=widget.NewButton("run", func() {
  21.         //1-6
  22.         rand1:=rand.Intn(6)+1
  23.         //修改图片路径
  24.         canvasImg.File=fmt.Sprintf("C:/Users/jq/Desktop/dice/%d.png",rand1)
  25.         //刷新
  26.         canvasImg.Refresh()
  27.     })
  29.     //创建竖直box容器
  30.     vBox:=container.NewVBox(canvasImg,button)
  32.     //在窗口显示
  33.     w.SetContent(vBox)
  34.     //运行
  35.     w.ShowAndRun()
  36. }

1657465776045.png

案例3： 随机颜色生成

  1. func main() {
  2.     //创建一个app
  3.     a:=app.New()
  5.     //创建一个windows
  6.     w:=a.NewWindow("my name is title")
  8.     //修改默认大小
  9.     w.Resize(fyne.NewSize(300,300))
  11.     //播种随机数
  12.     rand.Seed(time.Now().UnixNano())
  14.     //画图创建矩形    默认初始是黑色    
  15.     rect:=canvas.NewRectangle(color.NRGBA{R: 0,G: 0,B: 0,A: 255})
  16.     rect.SetMinSize(fyne.NewSize(150,150))
  18.     //随机颜色
  19.     btn1:=widget.NewButton("Ranndom Color", func() {
  20.         //点击按钮 就会触发func ，将填充颜色进行修改
  21.         rect.FillColor=color.NRGBA{R: uint8(rand.Intn(255)),B: uint8(rand.Intn(255)),G: uint8(rand.Intn(255)),A: 255}
  22.         rect.Refresh()
  23.     })
  25.     //随机红色
  26.     btnRed:=widget.NewButton("Ranndom Red", func() {
  27.         rect.FillColor=color.NRGBA{R: uint8(rand.Intn(255)),B:0,G: 0,A: 255}
  28.         rect.Refresh()
  29.     })
  31.     //随机绿
  32.     btnGreen:=widget.NewButton("Ranndom Green", func() {
  33.         rect.FillColor=color.NRGBA{R: 0,B:0,G: uint8(rand.Intn(255)),A: 255}
  34.         rect.Refresh()
  35.     })
  37.     //随机蓝色
  38.     btnBlue:=widget.NewButton("Ranndom Blue", func() {
  39.         rect.FillColor=color.NRGBA{R: 0,B:uint8(rand.Intn(255)),G: 0,A: 255}
  40.         rect.Refresh()
  41.     })
  43.     w.SetContent(container.NewVBox(rect,btn1,btnRed,btnBlue,btnGreen))
  44.     //运行
  45.     w.ShowAndRun()
  46. }

1657894323641.png

案例4：随机密码生成器

首先如何生成密码

  1. func main() {
  2.     rand.Seed(time.Now().UnixNano())
  3.     //假设密码长度为10
  4.     length := 10
  6.     //数字
  7.     strNum:="0123456789"
  9.     //小写
  10.     strLow:="abcdefghijklmnopqrstuvwxyz"
  12.     //大写
  13.     strUp:="ABCDEFGHIJKLMNOPQRSTUVWSYZ"
  15.     //最后结果
  16.     ans:=""
  17.     //总共循环指定密码长度次数
  18.     for i:=0;i<length;i++{
  19.         //随机选择数字 小写  大写   根据不同case 在随机生成出一个字母  加在ans上
  20.         randstr:=rand.Intn(3)
  21.         switch randstr {
  22.         case 0:
  23.             rand1:=rand.Intn(len(strNum))
  24.             ans+=string(strNum[rand1])
  26.         case 1:
  27.             rand2:=rand.Intn(len(strLow))
  28.             ans+=string(strLow[rand2])
  30.         case 2:
  31.             rand3:=rand.Intn(len(strUp))
  32.             ans+=string(strUp[rand3])
  34.         }
  35.     }
  36. }

最后实现：

  1. func main() {
  2.     //创建app
  3.     a:=app.New()
  5.     //创建一个windows
  6.     w:=a.NewWindow("Rand Code")
  8.     //修改默认大小
  9.     w.Resize(fyne.NewSize(300,300))
  11.     title:=canvas.NewText("Password Generator",color.Black)
  13.     //客户输入密码长度的位置
  14.     input:=widget.NewEntry()
  15.     input.SetPlaceHolder("Enter Password length")
  17.     //生成结果的位置  初始结果为空
  18.     textAns:=canvas.NewText("",color.Black)
  19.     textAns.TextSize=20
  20.     //运行的按钮
  21.     btn:=widget.NewButton("Generate", func() {
  22.         //获取输入的数字结果，转成int类型
  23.         length,_:=strconv.Atoi(input.Text)
  24.         //验证码
  25.         ans:=RandGenCode(length)
  26.         textAns.Text=ans
  27.         textAns.Refresh()
  28.     })
  30.     w.SetContent(container.NewVBox(title,input,textAns,btn))
  31.     //运行
  32.     w.ShowAndRun()
  33. }
  35. func RandGenCode(length int)(ans string){
  36.     rand.Seed(time.Now().UnixNano())
  37.     //数字
  38.     strNum:="0123456789"
  39.     //小写
  40.     strLow:="abcdefghijklmnopqrstuvwxyz"
  41.     //大写
  42.     strUp:="ABCDEFGHIJKLMNOPQRSTUVWSYZ"
  43.     for i:=0;i<length;i++{
  44.         randstr:=rand.Intn(3)
  45.         switch randstr {
  46.         case 0:
  47.             rand1:=rand.Intn(len(strNum))
  48.             ans+=string(strNum[rand1])
  50.         case 1:
  51.             rand2:=rand.Intn(len(strLow))
  52.             ans+=string(strLow[rand2])
  54.         case 2:
  55.             rand3:=rand.Intn(len(strUp))
  56.             ans+=string(strUp[rand3])
  58.         }
  59.     }
  60.     return ans
  61. }

1657899346358.png