0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

TouchGFXを使おう2~導入編2~

Posted at

TouchGFXを使おう~導入編~の続きです。

Screenを追加する

Add Screen 横の からスクリーンを追加できます。
image.png

背景を設定する

背景には画像と単色が使用出来ます。

画像を背景にする

Images⇒imageを選択します。
image.png
ツールバー⇒images⇒No imageクリック します。
image.png
Stockクリック し、合ったサイズの背景を選択します。
image.png

単色を背景にする

Shapes⇒Boxクリック します。
image.png
サイズと色を指定します。
image.png
Locationから縦横を指定し、Colorで色を指定します。
スクリーンショット 2025-01-26 211244.png

ボタンを配置する

Buttons から Button With Labed を選択します。
image.png

ボタンの文字を変更する

Translation に表示する文字を入力します。
image.png

ボタンを変更する

Preset からボタンの形状や色を変更します。
image.png

Preset

プリセットで変更する場合
image.png

Image

ボタンの色と形状をそれぞれ変更する場合
image.png

フォントを追加する

フォントを追加するには assets⇒fonts フォルダに追加します。
image.png

フォントを指定する

Text⇒Typographyクリック し、 から日本語が使える文字種を選択します。
image.png
image.png
image.png
日本語に対応したフォントを選択すると日本語が表示できるようになります。
image.png

画面表示の順番

ボタンやimageなどは上に行くほど上位レイヤーになります。
image.png
TouchGFXを使おう3~画面遷移編~に続きます

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?