WPF样式

最新推荐文章于 2024-08-08 15:04:25 发布

モザイクカケラ

最新推荐文章于 2024-08-08 15:04:25 发布

阅读量1.6k

点赞数

分类专栏： WPF-上位机文章标签： WPF Style

本文链接：https://blog.csdn.net/xfeng20/article/details/93333404

版权

WPF-上位机专栏收录该内容

19 篇文章 3 订阅

订阅专栏

返回目录

让我们找一个现成的样式作为模板吧！

样式图：
WPFStyle

移植过程
Step1:到网上下载一个MaterialDesignInXamlToolkit
伸手党的眼泪
Step2:将它的WPF库引入工程

库文件
Step3:添加必要的代码
修改app.xaml文件

<Application x:Class="Test1.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:Test1"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

在各个页面引入样式

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

Step4:页面调整
MainWindow.xaml

        <materialDesign:ColorZone
  Mode="PrimaryMid">
            <TreeView Margin="5,5">
                <TreeViewItem Header="当前设备" IsExpanded="True">
                    <TreeViewItem Header="基本页面"     Tag="Page1" Name="btn1" PreviewMouseLeftButtonDown="btnNav_PreviewMouseLeftButtonDown"/>
                    <TreeViewItem Header="布局"     Tag="Page2" Name="btn2" PreviewMouseLeftButtonDown="btnNav_PreviewMouseLeftButtonDown"/>
                </TreeViewItem>
            </TreeView>
        </materialDesign:ColorZone>
        <GroupBox Header="测试页面" Margin="5,5" Grid.Column="1">
            <Frame  Name="frmMain" NavigationUIVisibility="Hidden"></Frame>
        </GroupBox>

Page2.xaml

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition />
            <RowDefinition Height="100"/>
        </Grid.RowDefinitions>
        
        <Border Grid.ColumnSpan="2">
            <materialDesign:ColorZone
  Mode="PrimaryMid">
                <StackPanel Orientation="Horizontal" >
                    <RadioButton Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡1" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡2" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡3" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡4" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡5" FontSize="15" VerticalAlignment="Center"/>
                </StackPanel>
            </materialDesign:ColorZone>
        </Border>
        <GroupBox Grid.Row="1" Margin="5 5" Header="Image">
            <Image Source="pack://application:,,,/Resources/CC.jpg" Stretch="UniformToFill" />
        </GroupBox>
        <GroupBox Grid.Row="1" Grid.Column="1" Margin="5 5" Header="Text">
            <ScrollViewer  VerticalScrollBarVisibility="Auto">

                <TextBlock TextWrapping="Wrap" FontSize="15" >
                WPF 为Windows Presentation Foundation的首字母缩写 ，中文译为“Windows呈现基础”，其原来代号为“Avalon”，因与“我佩服”拼音首字母组合一样，国内有人调侃地称之为“我佩服”。由 .NET Framework 3.0 开始引入，与 Windows Communication Foundation及 Windows Workflow Foundation并行为新一代 Windows操作系统以及 WinFX 的三个重大应用程序开发类库。
WPF是微软新一代图形系统，运行在.NET Framework 3.0及以上版本下，为用户界面、2D/3D 图形、文档和媒体提供了统一的描述和操作方法。基于DirectX 9/10技术的WPF不仅带来了前所未有的3D界面，而且其图形向量渲染引擎也大大改进了传统的2D界面，比如Vista中的半透明效果的窗体等都得
WPF
WPF
益于WPF。 程序员在WPF的帮助下，要开发出媲美Mac程序的酷炫界面已不再是遥不可及的奢望。 WPF相对于Windows客户端的开发来说，向前跨出了巨大的一步，它提供了超丰富的.NET UI 框架，集成了矢量图形，丰富的流动文字支持(flow text support)，3D视觉效果和强大无比的控件模型框架。
Windows Presentation Foundation（以前的代号为“Avalon”）是 Microsoft 用于 Windows 的统一显示子系统，它通过 WinFX 公开。它由显示引擎和托管代码框架组成。Windows Presentation Foundation 统一了 Windows 创建、显示和操作文档、媒体和用户界面 (UI) 的方式，使开发人员和设计人员可以创建更好的视觉效果、不同的用户体验。Windows Presentation Foundation 发布后，Windows XP、Windows Server 2003 和以后所有的 Windows操作系统版本都可以使用它。
WPF是.Net Framework 3.0
WPF
WPF
里新推出的主打功能之一，加上Vista集成.Net Framework 3.0，改写Winform时代，可谓是影响巨大！WPF是一套API函数库，由.Net FrameWork3.0以上版本类库运行。
WPF是Windows操作系统中一次重大变革，与早期的GDI+/GDI不同。WPF是基于DirectX引擎的，支持GPU硬件加速，在不支持硬件加速时也可以使用软件绘制。高级别的线程绘制可以提高使用者的体验。自动识别显示器分辨率并进行缩放。而Vista就是一个非常典型的例子
                </TextBlock>
            </ScrollViewer>
        </GroupBox>
        <Border Grid.Row="2" Grid.ColumnSpan="2" BorderThickness="1" Margin="5 5" >
            <StackPanel Background="AliceBlue">
                <TextBlock Text="页面布局" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="50" Background="AliceBlue" Foreground="Blue"/>
            </StackPanel>
        </Border>
    </Grid>

附录:测试代码