fyne

繪制一個交通標志

首先實現一個函數makeSign()，該函數返回fyne.CanvasObject對象，對象中實現所有的圖形

func makeSign() fyne.CanvasObject {bg := canvas.NewCircle(color.NRGBA{R: 255, A: 255})bg.StrokeColor = color.Whitebg.StrokeWidth = 5bar := canvas.NewRectangle(color.White)// canvas 工具里面的對象都可以使用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 }

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

通過StrokeWidth設置圓邊的寬度

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

在中心繪制一個白色的矩形

bar := canvas.NewRectangle(color.White)

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

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))

效果

位置存放圖

調用上述圖形的主函數

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

總結

以上是生活随笔為你收集整理的使用fyne绘制一个交通图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。