打ち合わせ帰りにお買い上げです。
タグ : XAML （1/2）
/ 2ページ
前回のカラースライダーに続き、WPFのテストプログラムです。
Blendのヘルプにも載っているし既に色々なサンプルがあるんですが、今回は「RSS Reader」です。Blend（XAML）でのXMLの扱いやデータバインディング辺りがテーマになっています。
RSS Feedを読み込んで表示するだけならXAMLだけで完結できるんですが、今回はコンバータを使っているので、ソコだけC#も使っています。
Blend上ではこんな感じになっています。
- プロジェクトパネル
- オブジェクトパネル
rootのGridにはタイトルとディスクリプションを表示するTextBlockを配置します。さらにGridを配置していますが、ココがポイント。理由は後述するとして、そのGridにはタイトルを一覧表示するListBox、本文用のScrollViewer、エントリーURL用のTextBlockが配置してあります。（おまけでListBoxとScrollViewerのサイズを変更するGridSplitterも配置してあります。）
UIデザインはとりあえず度外視の方向で・・・
WPFの開発環境も整いBlendの使い方もなんとなく掴めたところで、ようやくテストアプリの制作です。
初めてのサンプルに選んだのはARGBのカラースライダー。特に理由はありません・・・
まずはUIから。Blend上ではこんな感じになってます。
Gridの上側にはサイズ固定のロゴを中央に配置。ウィンドウズサイズに合わせてエリアの大きさが変わります。
IllustratorのパスをXAMLに変換するためにプラグインを入れたんですが、なぜか複合パスがうまく変換できない・・・ 結局、DesignにAIファイルをインポートしてXAML出力。さらにBlendにインポートという手順を踏んでいます。
下側には高さを固定した2x2のGridを配置し、その中にARGB各チャンネル用のスライダが配置してあります。それぞれ0～255の値をとります。
デザインはひどいですが、とりあえずUI部分は完了です。
/ 2ページ
