その１４ではSample Dataを使って、Data BindingしたListBoxを生成しました。
今回はその中身をレイアウトしましょう。
１．まずはこんなSapmle Dataを作って表示します。
上から、Image、String(Lorem ipsum)、String(Price)ですね。
２．生成したListBoxを右クリックして、Eddit Additional Templates > Edit Generated Items > Edit Copyを選択します。
３．ダイアログが出てくるのOK
４．すると、オブジェクトパネルがListBoxの中身に変更されました。
５．アートボードの上のパンくずも変化しています。
つまり、いまは、ItemTemplateを編集する画面になってるってことですね。
６．オブジェクトパネルからStackPanelを選択して、OrientationをHorizontalに変更します。
７．すると、StackPanel以下のItemが横並びになりました。
８．次にTextBox２つを選択して右クリック、Group Into > StackPanelをクリックします。
すると、TextBox２つが新しいStackPanelに包まれました。
９．いま出来たStackPanelのOrientationをVerticalにします。
１０．今度はテキストが縦に並びましたね。
１１．あとはTextBlockを右寄せにしたり、Widthを固定値にしたり、ListBoxのサイズを調整します。
こんなかんじに出来上がりました。
