WPF のインターフェイス制御 Telerik UI - アプリケーション エクスペリエンスを向上させる Windows 11 テーマの合理化モード

Telerik UI for WPF には、美しく高性能のデスクトップ アプリケーションを作成するための 100 を超えるコントロールがあり、同時にエンタープライズ レベルのオフィス WPF アプリケーションを迅速に構築できます。Telerik UI for WPF は、MVVM、タッチなどをサポートしています。作成されたアプリケーションは信頼性が高く、適切に構造化されており、保守が非常に簡単で、その直観的な API は Visual Studio ツールボックスにシームレスに統合されます。

R2 2023 の最近のリリースでは、Telerik UI for WPF に新しい Windows 11 テーマの高密度 (または薄型) レイアウト オプションが追加され、アプリケーションの全体的なユーザー エクスペリエンスが向上し、ユーザー インターフェイスが活性化され、WPF のブランドとスタイルが反映されます。製品。

WPF のインターフェイス制御 Telerik UI - アプリケーション エクスペリエンスを向上させる Windows 11 テーマの合理化モード

この記事では、ユーザーが WPF アプリケーションの視覚的な魅力とカスタマイズを新たな高みに引き上げることを可能にする Windows 11 テーマの革新的な方法である Windows 11 ThemeSizeHelper について紹介します。

Telerik UI for WPF の新しいバージョンをダウンロードして入手します(Q テクニカル エクスチェンジ: 726377843)

Windows11ThemeSizeHelper について

Windows11ThemeSizeHelper は Windows 11 テーマ用に特別に設計されており、その主な機能は IsInCompactMode プロパティを使用して 2 つの異なるレイアウトを切り替えることです。このプロパティを利用して、ヘルパーはさまざまなリソースを組み合わせて、Windows 11 Standard に合わせたより大きなサイズを提供するようにサイズ変更し、Windows 11 Compact のよりコンパクトなサイズに簡単に移行します。

実装が簡単

テーマをアプリに統合することは、開発者にとって課題となる場合があります。Telerik UI for WPF のユーザーは、たった 1 行のコードで Windows 11 Lite モードを適用し、アプリケーション全体の外観とスタイルが即座に変化するのを目撃できます。

カスタムディメンション

次に、Windows 11 テーマのサイズをカスタマイズする方法を示します。2 つの StackPanel を作成します。1 つは標準の Windows 11 レイアウトを使用し、もう 1 つは StackPanel のスコープ内の特定のリソースを変更します。

<StackPanel Orientation="Horizontal">
<telerik:GroupBox Header="Windows11" HorizontalAlignment="Left" Width="350">
<StackPanel>
<telerik:RadButton Content="Button"/>
<telerik:RadListBox Margin="0 8">
<telerik:RadListBoxItem>Item 1</telerik:RadListBoxItem>
<telerik:RadListBoxItem>Item 2</telerik:RadListBoxItem>
<telerik:RadListBoxItem>Item 3</telerik:RadListBoxItem>
</telerik:RadListBox>
<telerik:RadWatermarkTextBox Text="WatermarkTextBox"/>
</StackPanel>
</telerik:GroupBox>
<telerik:GroupBox Header="Windows11 Customized" HorizontalAlignment="Left" Width="350" Margin="8 0 0 0">
<StackPanel>
<StackPanel.Resources>
<!-- Customized Windows 11 resources with ThemeSizeHelper -->
<sys:Double x:Key="{x:Static telerik:Windows11ResourceKey.DefaultControlMinHeight}">25</sys:Double>
<sys:Double x:Key="{x:Static telerik:Windows11ResourceKey.DefaultItemMinHeight}">24</sys:Double>
<sys:Double x:Key="{x:Static telerik:Windows11ResourceKey.FontSize}">13</sys:Double>
<Thickness x:Key="{x:Static telerik:Windows11ResourceKey.DefaultControlPadding}">8 0</Thickness>
<Thickness x:Key="{x:Static telerik:Windows11ResourceKey.NestedButtonMargin}">0 0 8 0</Thickness>
<Thickness x:Key="{x:Static telerik:Windows11ResourceKey.InputPadding}">4 1 4 1</Thickness>
</StackPanel.Resources>
<telerik:RadButton Content="Button"/>
<telerik:RadListBox Margin="0 8" >
<telerik:RadListBoxItem>Item 1</telerik:RadListBoxItem>
<telerik:RadListBoxItem>Item 2</telerik:RadListBoxItem>
<telerik:RadListBoxItem>Item 3</telerik:RadListBoxItem>
</telerik:RadListBox>
<telerik:RadWatermarkTextBox Text="WatermarkTextBox"/>
</StackPanel>
</telerik:GroupBox>
</StackPanel>

WPF のインターフェイス制御 Telerik UI - アプリケーション エクスペリエンスを向上させる Windows 11 テーマの合理化モード

リソースの価値を見つける

次に、Telerik.Windows.Controls.dll アセンブリの Windows11ThemeSizeHelper クラスに移動するだけです。このファイルには、Windows 11 Standard テーマと Compact テーマに対応するリソース名が見つかります。

WPF のインターフェイス制御 Telerik UI - アプリケーション エクスペリエンスを向上させる Windows 11 テーマの合理化モード

あるいは、PaletteResourcesExtractor SDK サンプルから リソース ファイルをダウンロードすることもできます。

アプリの外観を復元する

カラー テーマ ジェネレーターは、ユーザーがさまざまな色を試したり、テーマ パレットをリアルタイムでカスタマイズしたり、さまざまな色合いを試したり、組み合わせたりすることができる非常にクールなツールです。

おすすめ

転載: blog.csdn.net/AABBbaby/article/details/132576323