MENU

Gallery内コントロールのデザイン

例えばコントロールの配置。
X(横位置) や Y(縦位置)、Height(縦幅)やWidth(横幅)に関して。
すべて絶対値で固定するのが最強ですが、レスポンシブに対応させたいなら、式を使わないとユーザーの全パターン網羅しなきゃいけなくなって倒れちゃいます。
少しでも楽するための覚書。いつもながらの基本的なところです。
ここに掲載したもの以外にも方法は多数あります。

※すべてモダンコントロールを使用

目次

最下層に配置する

テンプレートで決めた縦幅の、常に一番下に配置する方法

配置したいコントロールの Y に以下を設定するだけでOK

Parent.TemplateHeight - Self.Height

コントロールの下に余白を少し設けたい場合は、-10 とかで更に式を重ねます

行の配置を揃える

コントロールのグループ化があれば楽ですが、現状ないので(強いて言えば同じコンテナに入れ込むのがグループ化と同意味)。
方法はいくつか考えられます。

どちらが優れているとかではなく、コントロール同士との兼ね合いなので、ケースバイケースですね (;^_^)

揃えたいコントロールに追従させる

例:左に置いたコントロールに追従させる

左のコントロールの Y

0

右のコントロールの Y

Label01.Y

Label01 は自分のコントロール名に変更してね

水平コンテナと垂直コンテナを使う

水平コンテナを挿入し、その中に、横並びにしたいコントロールを入れます

この場合は水平コンテナが勝手に縦座標を決定してくれるので、各コントロールの縦座標の設定は不要になります

※画像のように、垂直の中に水平を入れておくと、2行目3行目のような見せ方が可能

水平コンテナだと画面右側の「プロパティ」から感覚的に設定可能なことに加え、LayoutAlignItemsを使って式での設定も可能です

LayoutAlignItems.Start // 上
LayoutAlignItems.Center // 中
LayoutAlignItems.End // 下
LayoutAlignItems.Stretch // 縦幅いっぱい

広告

目次