‫お帰りなさい｡
‫このビデオでは､ コンボボックスを取り上げますが､ ここに1つあります｡
‫そして､ そのデータソースとして､ さまざまな色が用意されているのです｡
‫そこで､ すでにあるような淡いバイオレットレッドを使いたいとします｡
‫それを選択するだけでいいのです｡
‫このように､ コンボボックスでこの色が選択され､ この色がどのような色であるかという美しいテキストも表示されています｡
‫それでは､ 新しいプロジェクトを作成して始めましょう｡ このプロジェクトはWP
‫F ten C コンボボックスと呼ぶことにします｡
‫しかし､ ここで必要になるのは例題です｡
‫まず､ スタックパネルを作成します｡
‫グリッドの代わりにスタックパネルを使い､ XAMLを少し大きくします｡ デザインもいいですが､ コーディングしているものを見るのは常にいいことです｡
‫そして､ この中にコンボボックスと呼ばれるものを作成し､ ほぼ完成です｡
‫私のコンボボックスがあります｡
‫名前を付けることができるので､ name is equal to combo box colorsと呼ぶことにします｡
‫そして､ このコンボボックスにはコンボボックスアイテムのテンプレートが必要です｡ 前回のビデオではリストボックスを使用しましたが､
‫今回はそれを使用します｡
‫このコンボボックスアイテムのテンプレートがここにあるわけです｡
‫データのテンプレートがないと､ ご覧のように文句が出るからです｡
‫そして､ このデータ・テンプレートが出来上がれば､ もう大丈夫なので､ ここで作った追加行を削除します｡
‫ここでは､ すべてを積み重ねたいので､ 「積み重ね」パネルを用意し､ 水平方向に配置する必要があります｡
‫これで､ 「スタック」パネルに矩形が表示されるようになりました｡
‫ところで､ STACKパネルはコンボボックスの内側にあるもので､ 長方形が入っているはずです｡
‫この長方形を色で塗りつぶします｡
‫幅は32ピクセル､ 高さは同じく32ピクセルになるようにします｡
‫そして､ その長方形のすべての方向に対して､ 例えば5ピクセルの余白を追加したいと思います｡
‫そして､ 今度は名前を書いたテキストブロックも表示されるはずです｡
‫ですから､ このテキストブロックには､ バインディング名というテキストが必要です｡
‫そこで､ nameプロパティをバインドすることにします｡
‫そこで､ nameプロパティを作成する必要があります｡
‫また､ テキストブロックにフォントサイズ32を追加したい｡
‫わかりました｡
‫ということで､ だいたいこんなところでしょうか｡
‫これが､ XAMLに必要なコード全体です｡
‫そして今､ 私たちは先に進み､ コード・ビハインドで必要となるコードを実行または作成することができます｡ なぜなら､ 私たち全員が必要とするのは､
‫間違いなくこのnameプロパティだからです｡
‫では､ 後ろのコードとこの中に入ってみましょう｡
‫メインウィンドウのドットコンボボックスの色にアクセスします｡
‫だからこれは､ このようにコンボボックスと呼んでいます｡
‫コンボボックスの色を呼んでいます｡
‫そして､ 次に行うのは､ アイテムのソースを設定することです｡
‫アイテムソースはcolors dot getプロパティになるので､ そのような使い方はできないわけです｡
‫そのため､ 色の種類やドット取得のプロパティを送る必要があります｡
‫そこで､ 用意されているカラーをすべて揃える｡
‫このクラスは､ メディアカラーを表示するウィンドウのシステムで､ get propertiesというメソッドがあり､
‫すべての色を返してくれる｡
‫ということで､ だいたいこんなところでしょうか｡
‫このcolorsプロパティにアイテムソースを設定する｡
‫もちろん､ ここに表示したいオブジェクトの要素をリストアップすることもできます｡
‫でも､ ここにこの美しいアプローチがあると､ 超シンプルになりそうですね｡
‫ご覧のように､ たった1行で､ これだけ多くの値から選ぶことができるのです｡
‫このコンボボックスには､ すべての色が含まれており､ このチョコレート色を使用することも､ ダークスレートやグレーなどを使用することも可能です｡
‫このように､ アイテムのソースには､ 内部で用意されているかなりクールなリストを設定することができるんだ｡
‫また､ 独自のアイテムソースを作成することもできます｡ もちろん､ データベースからデータを取得することもできますし､ 自分で作成したリストを使用することもできます｡