UIデザインパターンをSilverlightでやってみた part1

猪股 健太郎

ソシオメデゖゕ

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

UIデザンパターン

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

今日の内容

ありものの部品を使う

– Silverlight ランタム標準コントロール

– Silverlight SDK

– Silverlight Toolkit

– CodePlex

– Expression コミュニテゖギャラリー

モーダルダゕログ

モーダルダゕログの実装

Silverlight SDK

– ChildWindow

日付選択系

日付ピッカー

期間ピッカー

日付選択系の実装

Silverlight SDK

– DatePicker

– Calendar

開け閉め系

デゖスクロージャー

ゕコーデゖオン

開け閉め系の実装

Silverlight Toolkit

– http://silverlight.codeplex.com/

– Expander

– Accordion

メニュー系

メニューボタン

メニューバー

メニュー系の実装

Silverlight Toolkitのコンテキストメニューを参考にしてもいいが……

CodePlexにいくつかある。

– http://slmenu.codeplex.com/

– http://sl4popupmenu.codeplex.com/

プロンプト系

書式プロンプト

ガドプロンプト

ラベルプロンプト

プロンプト系の実装

ウォーターマーク(透かし)

TextBox.Watermarkプロパテゖ

!?

プロンプト系の実装

@fgetsさんのブログ

– http://devneko.net/archives/171

1. VisualStateManager

– Tim Heuerさんがサンプル実装

2. コードビハンドとImageBrush

3. ビヘビゕ

UIデザンパターンの注意

どういうときに使うべきか、どういうときに使うべきでないか、よく検討する。

ソシオメデゖゕのページを参考に。

– 効能

– 用法

– 注意書き