WPFControls ThemePack

wpfcontrols-themepack

WPFコントロール向けのカスタムデザインのテーマは、アプリをより良く見せます。簡単に変更できます。

イントロ

このテーマは、WPFアプリに個別にスタイルのコントロールを設定するように作られています。これは、設定可能なプロパティ（色やサイズなど）の少数に依存するため、設計要件に応じて簡単に変更できます。

現在の状態：このバージョンには、最も一般的に使用されるコントロールが含まれています。より多くのコントロールが来ています。

テーマ開発とリリースに関するさらなる計画：不完全なテンプレートを更新し、コントロール、アニメーションなどのコーナー半径などのいくつかの構成可能な値を追加します。

特別な機能

• numerics.xamlがあります。これには、パディング、マージン、フォントサイズ、不透明度、境界幅など、テーマ全体で使用される事前定義された値のほとんどが含まれています。
• それぞれ12色で構成される2つの配色です。つまり、小さな変化はテーマスタイル全体に影響を与えます。
• さまざまな解像度（網膜を含む）、マルチモニターシステム、さらにはDPIでも正しくスケーリングするウィンドウテンプレートを再加工しました。
• ポップアップコンテンツを含む再構築されたデートピッカー。
• 通常のパスデータの代わりにGlyphフォントを使用できる添付プロパティがあるため、UIを同時に一貫性に保つことができるように、コントロールにアイコンを適用できるようになりました。

UIの変更

• 特別に更新されたScrollbarテンプレートは、デフォルトでは薄いが、ホバリングすると拡張されます。
• タブコントロールは、タブアイテムをラップしたり、スクロールしたりする場合があります。

スクリーンショット

軽い配色

暗い配色

ドキュメント

注：場合によっては、スタイルを直接適用する必要がある場合があります（つまり、ボタン、テキスト、ウィンドウ）。

プロジェクトコントロールにテーマを適用します

 <Application x:Class="ThemeWindow.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Theme_001;component/Themes/Values/Numerics.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/ColorSchemes/Light.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Icons/Icons.xaml"/>

                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Buttons.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/ContextMenu.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/DatePicker.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Form.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Menu.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Notifications.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Options.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/ProgressBar.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Scroll.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Slider.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/TabControl.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Texts.xaml"/>
                <ResourceDictionary Source="/Theme_001;component/Themes/Styles/Window.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

ウィンドウにテーマを適用します

 <base:BaseWindow x:Class="ThemeWindow.Windows.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:base="clr-namespace:ThemePack.Common.Base;assembly=ThemePack.Common"
        xmlns:c="clr-namespace:ThemePack.Common.AttachedProperties;assembly=ThemePack.Common"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        mc:Ignorable="d" 
        Closing="Window_Closing"
        Title="Theme preview" Width="900" Height="600" Style="{StaticResource Window.ModalStyle.NormalStyle}" SizeToContent="Manual">
</base:BaseWindow>