2
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?

格好良くスマートなメニュー画面の作り方

Posted at

PowerAppsで恰好良くてスマートなメニュー画面にあこがれた事はありませんか?
今回は格好良くてスマート(自分調べ)なメニュー画面を作ってみます。

画面構成はこんな感じです。
image.png

適当にこんな感じで作り画面1にまずは空の水平ギャラリーを配置します。
水平ギャラリーのItemプロパティは適当に

Sequence(3)

と置いてみます。

メニューボタンに使いたい画像をメディアでアップロードして
image.png

水平ギャラリーに配置します。
image.png

イメージプロパティはこんな感じ
image.png

ThisItem.Valueによって画像が変わるようにするため

Switch(ThisItem.Value,
    1,野球アイコン2,
    2,野球のボールアイコン1,
    3,ホームベースのアイコン素材
)

とするとあら不思議
image.png
ちょっといい感じになってきました。

あとはいい感じに背景など作ると

image.png
こんな感じでいいメニュー画面ができあがります。

さらに各ボタンの'OnSelectプロパティ'にも先ほどの
Switch関数を使ってNaviっておけばいい感じになります。

ぜひ皆様もやってみてください。

2
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
2
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?