Windows UI ライブラリ 2.1

Windows UI ライブラリの最初のオープンソース バージョン – WinUI 2.1 (2019 年 4 月リリース)。

WinUI では、最新の Fluent コントロールやスタイルなど、最新の Windows UX プラットフォーム機能の多くがすぐに使用できる方法で提供され、Windows 10 Anniversary Update (14393) と互換性があります。 WinUI 2 ギャラリーには、ライブラリに追加されたすべてのクールな新機能を調べるためのサンプルが用意されています。

WinUI 2.1 NuGet パッケージをダウンロードします

NuGet パッケージ マネージャーを使用してアプリ内で WinUI パッケージを使用することを選択できます。詳細については、「Windows UI ライブラリの使用を開始する」を参照してください。

Windows UI ライブラリ (WinUI) は GitHub でホストされており、バグ レポート、機能要求、コミュニティ コードの投稿を提出することをお勧めします。

このリリースの新機能

ItemsRepeater

柔軟なレイアウト システム、カスタム ビュー、および仮想化を使ってカスタム コレクション エクスペリエンスを作成するには、ItemsRepeater を使用します。 ListView とは異なり、ItemsRepeater では包括的なエンドユーザー エクスペリエンスが提供されません。既定の UI はなく、フォーカス、選択、ユーザーの操作に関するポリシーは提供されません。 その代わり、構成要素を使用することで、独自の一意のコレクション ベースのエクスペリエンスおよびカスタム コントロールを作成することができます。 充実し、パフォーマンスに優れたエクスペリエンスの構築をサポートしています。

Short video showing the behavior of the Items Repeater control.

ドキュメント

AnimatedVisualPlayer

AnimatedVisualPlayer では、アニメーション化されたビジュアルがホストされ、その再生が制御されます。これにより、アプリにハイ パフォーマンスのカスタム モーション グラフィックスを追加できます。 たとえば、AnimatedVisualPlayer を使用して Lottie アニメーションを表示および制御します。

Short video showing the behavior of the Animated Visual Player control.

ドキュメント

TeachingTip

TeachingTip は、アプリケーションが非侵入型でコンテンツ豊富なヒントを使用してユーザーにガイドと情報を提供できるようにする魅力的な Fluent 方式を提供します。 TeachingTip は、新しいまたは重要な機能にフォーカスを移し、タスクを実行する方法をユーザーに示すことができます。また、目前のタスクに対して文脈上関連する情報を提供することで、ワークフローを強化することができます。

Short video showing the behavior of the Teaching Tip control.

ドキュメント

RadioMenuFlyoutItem

MenuBar に 'ラジオ ボタン' スタイル オプションを設定する機能が含まれています。 これにより、ラジオ ボタン グループのように関連付けられた箇条書きを含むオプションのグループが有効になります。 ロジックは開発者に対して処理されます。

Screenshot showing the behavior of the Radio Menu Fly out Item control.

ドキュメント

CompactDensity

コンパクト モードでは、開発者は任意の数のシナリオ向けの快適なエクスペリエンスを作成できます。 リソース ディクショナリを追加するだけで、アプリケーションは平均で最大 33% 多い UI に収まります。

Screenshot showing the behavior of the Compact Density control.

ドキュメント

シャドウ

Example

UI 内で要素のビジュアル階層を作成すると、注目すべき重要なことを UI で簡単にスキャンし、伝達できます。 昇格は、UI の選択要素を前面に移動する操作であり、多くの場合、ソフトウェア内でこのような階層を実現するために使用されます。

Windows 10 May 2019 Update では、一般的なコントロールの多くによって、z 深度とシャドウを使用して昇格が既定で追加されます。 Windows 10 May 2019 Update がインストールされている OS 上で実行する場合、WinUI 2.1 の NavigationView および TeachingTip コントロールにも既定のシャドウがあります。 Windows 10 May 2019 Update がリリースされ、リンクがここに投稿されると、既定のシャドウを持つコントロールの完全な一覧と追加の API の使用方法を確認できます。

ヒント

詳細、設計ガイダンス、コード例については、「Windows アプリの設計とコーディング」を参照してください。

WinUI 3 ギャラリー アプリと WinUI 2 ギャラリー アプリには、ほとんどの WinUI 3 および WinUI 2 コントロールと機能の対話型の例が含まれています。

既にインストールされている場合は、WinUI 3 ギャラリーまたは WinUI 2 ギャラリーのリンクをクリックして開きます。

インストールされていない場合は、Microsoft Store から WinUI 3 ギャラリーWinUI 2 ギャラリーをダウンロードできます。

GitHub から両方のソース コードを取得することもできます (WinUI 3 の場合は main ブランチ、WinUI 2 の場合は winui2 ブランチを使用します)。

ドキュメント

Windows UI ライブラリ コントロールの操作方法に関する記事は、ユニバーサル Windows プラットフォーム コントロール ドキュメントに含まれています。

API リファレンスのドキュメントがある場所は、Windows UI ライブラリ API です。

Microsoft.UI.Xaml 2.1 のバージョン履歴

Microsoft. UI. Xaml 2.1 の公式リリース

2019 年 4 月

GitHub リリース ページ

NuGet パッケージのダウンロード

新機能 (以前のプレリリース版には含まれていません)

  • CompactDensity: コンパクト モードを使用すると、開発者はさまざまなシナリオで快適なエクスペリエンスを作成できます。 リソース ディクショナリを追加するだけで、アプリケーションは平均で最大 33% 多い UI に収まります。

  • シャドウ: UI に要素の視覚的階層を作成すると、UI を簡単にスキャンし、重点を置くために重要なものを伝えます。 昇格は、UI の選択要素を前面に移動する操作であり、多くの場合、ソフトウェア内でこのような階層を実現するために使用されます。 一般的なコントロールの多くによって、z 深度とシャドウを使用して昇格が既定で追加されます。

Microsoft.UI.Xaml 2.1.190218001-prerelease

2019 年 2 月

GitHub リリース ページ

NuGet パッケージのダウンロード

試験的な新機能:

  • TeachingTip コントロール
    この新しいコントロールでは、非侵入型でコンテンツ豊富な通知を使用してアプリケーション内でユーザーにガイドと情報を提供する方法がアプリに提供されます。 TeachingTip を使用して、新しいまたは重要な機能にフォーカスを移し、タスクを実行する方法をユーザーに示すことができます。また、目前のタスクに対して文脈上関連する情報を提供することで、ユーザー ワークフローを強化することもできます。

Microsoft.UI.Xaml 2.1.190131001-prerelease

2019 年 2 月

GitHub リリース ページ

NuGet パッケージのダウンロード

試験的な新機能:

  • AnimatedVisualPlayer
    この新しいコントロールにより、Lottie-Windows を使用して作成された Lottie アニメーションなど、複雑なハイ パフォーマンスのベクター アニメーションを再生できます。

Microsoft.UI.Xaml 2.1.181217001-prerelease

2018 年 12 月

GitHub リリース ページ

NuGet パッケージのダウンロード

試験的な新機能: