日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。「ScrollViewerコントロール」GridコントロールGridコントロールは、テーブルレイアウトを行うためのWPFのコントロールです。行と列を定義して、子要素を任意の行と列に配置できます。RowSpanやColumnSpanを設定することで複数行や複数列にまたがって子要素を配置することが出来ます。Gridコントロールで行を定義するには、RowDefinitionsプロパティにRowDefinitionクラスを設定します。列を定義するには、ColumnDefinitionsプロパティにColumnDefinitionクラスを設定します。どちらもコレクション型のプロパティなので、複数のRowDefinitionとColumnDefinitionが定義できます。2行2列のGridを定義するXAMLは以下のようになります。</Grid.ColumnDefinitions></Grid>ShowGridLineプロパティは、行や列が定義されたことがわかるように点線を表示するプロパティです。通常は使用しませんが、レイアウトが意図した通りにできているか確認する際に便利です。このGridを置いたWindowを表示すると以下のようになります。デフォルトでは、RowDefinitionやColumnDefinitionで定義した行や列の幅は同じ比率になります。WidthやHeightを設定することでこの比率を変更できます。幅や高さを比率で設定するには「数字*」という方法で記述します。1対2の比率で行と列の幅を指定すると以下のようなXAMLになります。</Grid.ColumnDefinitions></Grid>実行すると、以下のようになります。比率での指定の他に、ピクセルで幅を明示的に指定することもできます。ピクセルで指定する場合には数字をWidthやHeightプロパティに設定します。設定例を以下に示します。</Grid.ColumnDefinitions></Grid>実行すると以下のような表示になります。5pxの行と列が追加されています。RowDefinitionとColumnDefinitionの高さと幅の指定方法には、Autoという、その行と列に配置されてる子要素の大きさに合わせてサイズが決まります。Autoを試すためには、Gridの任意の位置に子要素を置く方法が必要になるので先に子要素を置く方法を説明します。子要素の位置を指定するには以下の添付プロパティを使用します。Gridの何行目に置くか設定します。デフォルト値は0です。Gridの何列目に置くか設定します。デフォルト値は0です。何行にわたって要素を置くか設定します。デフォルト値は1です。何列にわたって要素を置くか設定します。デフォルト値は1です。使用例を示すために以下のような3行3列のGridを使用します。</Grid.ColumnDefinitions></Grid>このGridの1行1列目にButtonを置くには以下のように記述します。/></Grid>実行すると、以下のようになります。1行1列目にボタンが置かれます。1行目と1列目のサイズはAutoなのでボタンの大きさと同じ大きさになります。1」Tweet関連記事2016-12-08Xamarin.Formsで画面レイアウトを作るためのレイアウトコントロールの必要最低限Xamarin.Formsで思い通りのレイアウトを組みたい。C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。Blogの内容は個人の見解であり、所属する企業を代表するものではありません。)はてなブログをはじめよう!okazukiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。