Fyne   FormLayout

ホーム   Goチュートリアル

FormLayout


Fyenには、いろいろなレイアウト方法がありますが、この章では FormLayout について説明します。


アプリケーションディレクトリの作成

ターミナルを起動して、次のようにしてアプリケーション作成の下準備をします。 ディレクトリはどこでも構いませんが、Documents などに go か fyne などのディレクトリを作って、さらに次のようにディレクトリを作るのが良いでしょう。


mkdir Form
cd Form
go mod init example.com/Form

// 通常は、example.com の部分を、あなたが持っているURLにします。
// デフォルトでは、スラッシュ(/)の次の名前がアプリの名前になります。
    


コードの記述

次のファイルを記述します。main 関数を記述しているファイルは、 main.go とするのが一般的ですが、好きなファイル名にしても構いません。

form.go


package main

import (
	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/layout"
	"fyne.io/fyne/v2/widget"
)

func main() {
	app := app.New()
	win := app.NewWindow("Form")
	entry := widget.NewMultiLineEntry()
	entry.Wrapping = fyne.TextWrapBreak
	form := container.New(layout.NewFormLayout(),
		widget.NewLabel("Title"), widget.NewEntry(),
		widget.NewLabel("Author"), widget.NewEntry(),
		widget.NewLabel("Review"), entry)
	content := container.New(layout.NewBorderLayout(nil, nil, nil, nil),
		form)
	win.SetContent(content)
	win.Resize(fyne.NewSize(400, 200))
	win.ShowAndRun()
}
	


パッケージの読み込み

コードの記述が完了しましたら、次のようにして実行します。


go run form.go

// 次のようにパッケージをインストールしてくださいという表示が出ます。
form.go:3:8: no required module provides package fyne.io/fyne/v2; to add it:
	go get fyne.io/fyne/v2
form.go:4:8: no required module provides package fyne.io/fyne/v2/app; to add it:
	go get fyne.io/fyne/v2/app
form.go:7:8: no required module provides package fyne.io/fyne/v2/container; to add it:
	go get fyne.io/fyne/v2/container
form.go:6:8: no required module provides package fyne.io/fyne/v2/layout; to add it:
	go get fyne.io/fyne/v2/layout
form.go:5:8: no required module provides package fyne.io/fyne/v2/widget; to add it:
	go get fyne.io/fyne/v2/widget

// 指示のとおりインストールします。
go get fyne.io/fyne/v2
go get fyne.io/fyne/v2/app
go get fyne.io/fyne/v2/container
go get fyne.io/fyne/v2/layout
go get fyne.io/fyne/v2/widget

// もう一度実行してみます。
go run form.go
    


実行結果

デフォルトでは、Windowsの場合は白いウィンドウ、macOSとLinuxの場合は、 黒いウィンドウになります。


アプリケーションのパッケージ化

アプリケーションのパッケージ化は、ダブルクリックで起動する、 アイコンのついたファイルにすることです。

アイコンを自作するか、次のサイトなどからお気に入りのアイコンをダウンロードします。 大きさは一番大きい 512px のものを、種類は png にします。Fyne では png 形式のファイルしかアイコンに変換できないみたいです

フリーアイコンSVG、PNG、ICO、ICNS

アイコンの準備ができましたら、Form ディレクトリの中に入れます。 そしてターミナルに次のようにコマンドしてパッケージ化します。


fyne package -os darwin -icon leaf.png

// -os のところは、Windows の場合は windows、macOS の場合は darwin、Linux の場合は linux にします。
// -icon のところは、あなたが png ファイルにつけた名前にします。
    


コード説明

コード説明は一旦割愛して、先へ進みます。また戻ってきてコード説明をしたいと思います。


2838 visits
Posted: Jun. 21, 2021
Update: Jun. 21, 2021

ホーム   Goチュートリアル   目次