繪制一個(gè)交通標(biāo)志

首先實(shí)現(xiàn)一個(gè)函數(shù)makeSign()，該函數(shù)返回fyne.CanvasObject對(duì)象，對(duì)象中實(shí)現(xiàn)所有的圖形

func makeSign() fyne.CanvasObject {bg := canvas.NewCircle(color.NRGBA{R: 255, A: 255})bg.StrokeColor = color.Whitebg.StrokeWidth = 5bar := canvas.NewRectangle(color.White)// canvas 工具里面的對(duì)象都可以使用c := container.NewWithoutLayout(bg, bar)bg.Resize(fyne.NewSize(100, 100))bg.Move(fyne.NewPos(10, 10))bar.Resize(fyne.NewSize(80, 20))bar.Move(fyne.NewPos(20, 50))return c }

創(chuàng)建使用canvas.NewCircle(color.NRGBA{R: 255, A: 255})創(chuàng)建背景

通過(guò)StrokeWidth設(shè)置圓邊的寬度

bg.StrokeColor = color.White bg.StrokeWidth = 5

在中心繪制一個(gè)白色的矩形

bar := canvas.NewRectangle(color.White)

為了組合兩個(gè)圖形，我們需要定義一個(gè)容器，將會(huì)按照容器中傳入的順序繪制圖形

c := container.NewWithoutLayout(bg, bar)

擺放圖形

// 大小100x100 放到10x10的位置，剛好是120x120的中心 bg.Resize(fyne.NewSize(100, 100)) bg.Move(fyne.NewPos(10, 10)) // 矩形也是剛好擺放到圖形的中心 bar.Resize(fyne.NewSize(80, 20)) bar.Move(fyne.NewPos(20, 50))

效果

調(diào)用上述圖形的主函數(shù)

func main() {a := app.New()w := a.NewWindow("Sign")w.SetContent(makeSign())w.SetPadded(false)w.Resize(fyne.NewSize(120, 120))w.ShowAndRun() }

代碼完整實(shí)現(xiàn)：

package mainimport ("image/color""fyne.io/fyne/v2""fyne.io/fyne/v2/app""fyne.io/fyne/v2/canvas""fyne.io/fyne/v2/container" )func main() {a := app.New()w := a.NewWindow("Sign")w.SetContent(makeSign())w.SetPadded(false)w.Resize(fyne.NewSize(120, 120))w.ShowAndRun() }func makeSign() fyne.CanvasObject {bg := canvas.NewCircle(color.NRGBA{R: 255, A: 255})bg.StrokeColor = color.Whitebg.StrokeWidth = 5bar := canvas.NewRectangle(color.White)c := container.NewWithoutLayout(bg, bar)// 設(shè)置背景圓形 大小和位置bg.Resize(fyne.NewSize(100, 100))bg.Move(fyne.NewPos(10, 10))// 設(shè)置白色矩形的大小和位置bar.Resize(fyne.NewSize(80, 20))bar.Move(fyne.NewPos(20, 50))return c }

關(guān)注公眾號(hào)持續(xù)學(xué)習(xí)go語(yǔ)言的各種知識(shí)點(diǎn)

總結(jié)

以上是生活随笔為你收集整理的使用go语言GUI库fyne绘制一个交通标志的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。