2011/

1. UIデザインパターンをSilverlight
でやってみた part1
猪股 健太郎

2. ソシオメデゖゕ
 “ソシオメデゖゕは、ユーザー゗ンターフェース設計
やユーザビリテゖ評価を専門に行う、デザ゗ン・コン
サルテゖングフゔームです。”

3. UIデザ゗ンパターン
 “ソシオメデゖゕでは、これまでのUI設計・評価・標準化サービスの経験に
基づき、様々なUIデザ゗ンのベストプラクテゖスをパターン化しています。
各種ゕプリケーションのUI設計効率とユーザビリテゖの向上に役立つノウ
ハウとして、その一部を公開していきます。”

4. 今日の内容
ありものの部品を使う
– Silverlight ランタ゗ム標準コントロール
– Silverlight SDK
– Silverlight Toolkit
– CodePlex
– Expression コミュニテゖギャラリー

5. モーダルダ゗ゕログ

6. モーダルダ゗ゕログの実装
Silverlight SDK
– ChildWindow

7. 日付選択系
 日付ピッカー
 期間ピッカー

8. 日付選択系の実装
Silverlight SDK
– DatePicker
– Calendar

9. 開け閉め系
 デゖスクロージャー
 ゕコーデゖオン

10. 開け閉め系の実装
Silverlight Toolkit
– http://silverlight.codeplex.com/
– Expander
– Accordion

11. メニュー系
メニューボタン
メニューバー

12. メニュー系の実装
Silverlight Toolkitのコンテキストメ
ニューを参考にしてもいいが……
CodePlexにいくつかある。
– http://slmenu.codeplex.com/
– http://sl4popupmenu.codeplex.com/

13. プロンプト系
書式プロンプト
ガ゗ドプロンプト
ラベルプロンプト

14. プロンプト系の実装
ウォーターマーク(透かし)
TextBox.Watermarkプロパテゖ
!?

15. プロンプト系の実装
@fgetsさんのブログ
– http://devneko.net/archives/171
1. VisualStateManager
– Tim Heuerさんがサンプル実装
2. コードビハ゗ンドとImageBrush
3. ビヘ゗ビゕ

16. UIデザ゗ンパターンの注意
どういうときに使うべきか、
どういうときに使うべきでないか、
よく検討する。
ソシオメデゖゕのページを参考に。
– 効能
– 用法
– 注意書き