Microsoftは、WindowsアプリのUI部品や実装例をまとめた「WinUI Gallery 3.0」を公開しました。
今回の大きな変更は、安定版だけでなく「Windows App SDK」の実験版を土台にしたことです。
これにより、正式リリース前のコントロールやAPIをギャラリー上で試し、開発中の機能に対するフィードバックを行いやすくなりました。
WinUI Gallery 3.0で変わること
WinUIは、ボタンやメニューなどのUIコントロールと、Fluent Designに基づくデザインを提供するWindows向けのユーザーインターフェイスライブラリです。
WinUI Galleryは、各コントロールの動作例やデザインガイダンス、関連ツールを一つのアプリで確認できるオープンソースプロジェクトで、MITライセンスで公開されています。
従来のギャラリーは安定版のWindows App SDKを使用していたため、仕様がある程度固まってからコントロールが掲載される傾向にありました。
バージョン3.0では実験版チャネルを採用し、公開時点ではWindows App SDK 2.5.4-experimentalをベースにしています。
追加された主な実験的コントロール
| コントロール・機能 | 試せる内容 |
|---|---|
| TableView | 表データの表示・編集、並べ替え、列幅変更、フィルタリング、グループ化など |
| Charts | 折れ線・棒グラフ、凡例、軸やグリッド線、データのリアルタイム更新など |
| WrapPanel／LayoutPanel | 項目の折り返し配置や、Layoutオブジェクトを利用した子要素の配置 |
| PagerControl | 番号付きページ間の移動 |
| InkCanvas／InkToolbar | ペンやタッチによる手書き、インクストロークの保存・復元 |
表やグラフなど、アプリ開発で使いやすい機能を確認
TableViewは、大量の表形式データを扱うアプリを想定したネイティブコントロールです。
セルテンプレートや検証付き編集も試せるため、データ入力画面や一覧画面を作る際に、標準機能でどこまで対応できるかを確認できます。
Chartsでは、基本的なグラフの描画に加えて、ObservableCollectionを使ったデータ更新の例も用意されています。
InkCanvasとInkToolbarは、手書き入力が必要なメモ、注釈、描画機能などを検討する開発者にとって、操作感やツールバーの構成を把握する手がかりになります。
実験版を利用する際の注意点
実験段階の機能には、ページ上に「Experimental」のラベルと注意書きが表示されます。
実験的なAPIは今後変更または削除される可能性があり、製品版アプリへの組み込みは推奨されていません。
そのため、まずはサンプルを動かして機能や設計を評価し、正式版での採用を前提にする場合は、APIの変更状況を継続して確認する必要があります。
また、ギャラリーには新しいウィンドウを作成し、幅や高さ、最小・最大サイズを設定するAPIの例も追加されています。
検索やアクセシビリティも改善
コントロールページには検索タグが追加され、コントロール名そのものではない「context menu」や「carousel」「WCAG」といった語句からも関連サンプルを探せるようになりました。
マウスの戻る・進むボタンによるページ移動にも対応し、検索結果が見つからない場合には検索のヒントや全サンプルを表示する導線が示されます。
既存のItemsRepeater、ListView、TitleBar、Imageなどのサンプルも更新され、ナレーターの読み上げ、キーボード操作、フォーカス表示、コントラスト比など、10件を超えるアクセシビリティ関連の修正が行われています。
一方、ListBoxのサンプルは削除され、代わりにListViewの利用が案内されています。
まとめ
WinUI Gallery 3.0は、新しいコントロールを見て終わるだけでなく、実験段階の機能を早期に試し、改善点を検討できる開発者向けの入口です。
TableViewやCharts、手書き入力などを実際に操作できる一方、実験的APIには互換性の保証がないため、製品への採用と検証用途を分けて利用することが重要です。