Wpf之HandyControls与MaterialDesign混用之DataGrid

首先在App.Xaml引入相关资源

<Application.Resources>

    <ResourceDictionary>

        <ResourceDictionary.MergedDictionaries>

            <!--Handy Control-->

            <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml"/>

            <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml"/>

            <!--Material Design-->

            <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.blue.xaml" />

            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />

            <!--Geometry-->

            <ResourceDictionary Source="pack://application:,,,/Resources/Icons/Icons.xaml"/>

            <!--Custom Styles-->

            <ResourceDictionary Source="pack://application:,,,/Resources/Theme/AppBaseStyles.xaml"/>

        </ResourceDictionary.MergedDictionaries>

        <local:AppLocator  x:Key="Locator"/>

    </ResourceDictionary>

</Application.Resources>

定义好DataGrid Style在引入到AppBaseStyle中，下面是DataGrid.xaml的定义

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

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

                    xmlns:hc="https://handyorg.github.io/handycontrol">

    <!--<Style x:Key="LSTextBlockComboBoxStyle" TargetType="ComboBox">

        <Setter Property="Focusable" Value="True"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="ComboBox">

                    <TextBlock IsHitTestVisible="False" Text="{TemplateBinding Text}" TextTrimming="CharacterEllipsis" VerticalAlignment="Center"/>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>-->

    <Style x:Key="LSTextBlockComboBoxStyle"

           TargetType="{x:Type ComboBox}"

           BasedOn="{StaticResource MaterialDesignDataGridComboBox}">

        <Setter Property="IsHitTestVisible" Value="False" />

        <Setter Property="Focusable" Value="False" />

        <Setter Property="VerticalAlignment" Value="Center"/>

    </Style>

    <Style x:Key="LSTextBlockComboBoxEditingStyle"

           TargetType="{x:Type ComboBox}"

           BasedOn="{StaticResource MaterialDesignDataGridComboBox}">

        <Setter Property="VerticalAlignment" Value="Center"/>

    </Style>

    <Style x:Key="LSDataGridTextColumnStyle" TargetType="TextBlock">

        <Setter Property="TextTrimming" Value="CharacterEllipsis"/>

        <Setter Property="VerticalAlignment" Value="Center"/>

    </Style>

    <Style TargetType="DataGrid">

        <Setter Property="Background" Value="{DynamicResource MaterialDesignPaper}"/>

        <Setter Property="Foreground" Value="{DynamicResource MaterialDesignBody}"/>

        <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesignTextBoxBorder}"/>

        <Setter Property="BorderThickness" Value="0"/>

        <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>

        <Setter Property="ScrollViewer.PanningMode" Value="Both"/>

        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>

        <Setter Property="EnableRowVirtualization" Value="True"/>

        <Setter Property="CanUserAddRows" Value="False"/>

        <Setter Property="CanUserDeleteRows" Value="False"/>

        <Setter Property="CanUserReorderColumns" Value="False"/>

        <Setter Property="CanUserResizeRows" Value="False"/>

        <Setter Property="FontSize" Value="13"/>

        <Setter Property="GridLinesVisibility" Value="Horizontal" />

        <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected"/>

        <Setter Property="HeadersVisibility" Value="Column" />

        <Setter Property="HorizontalGridLinesBrush" Value="{DynamicResource MaterialDesignSelection}" />

        <!--

        <Setter Property="ColumnHeaderStyle" Value="{StaticResource MaterialDesignDataGridColumnHeader}"/>

        <Setter Property="RowHeaderStyle" Value="{StaticResource MaterialDesignDataGridRowHeader}"/>

        <Setter Property="RowStyle" Value="{StaticResource MaterialDesignDataGridRow}"/>

        <Setter Property="CellStyle" Value="{StaticResource MaterialDesignDataGridCell}"/>

        -->

        <Setter Property="ColumnHeaderStyle" Value="{StaticResource DataGridColumnHeaderStyle}"/>

        <Setter Property="RowHeaderStyle" Value="{StaticResource DataGridRowHeaderStyle}"/>

        <Setter Property="RowStyle" Value="{StaticResource MaterialDesignDataGridRow}"/>

        <Setter Property="CellStyle" Value="{StaticResource MaterialDesignDataGridCell}"/>

        <!--<Setter Property="md:DataGridAssist.AutoGeneratedCheckBoxStyle" Value="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}" />

        <Setter Property="md:DataGridAssist.AutoGeneratedEditingCheckBoxStyle" Value="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}" />

        <Setter Property="md:DataGridAssist.AutoGeneratedEditingTextStyle" Value="{StaticResource MaterialDesignDataGridTextColumnEditingStyle}" />

        -->

        <Setter Property="md:DataGridAssist.EnableEditBoxAssist" Value="True" />

        <!--<Setter Property="hc:DataGridAttach.TextColumnStyle" Value="{StaticResource DataGridTextColumnStyle}"/>-->

        <Setter Property="hc:DataGridAttach.TextColumnStyle" Value="{StaticResource LSDataGridTextColumnStyle}"/>

        <Setter Property="hc:DataGridAttach.EditingTextColumnStyle" Value="{StaticResource TextBoxBaseStyle}"/>

        <Setter Property="hc:DataGridAttach.ComboBoxColumnStyle" Value="{StaticResource LSTextBlockComboBoxStyle}"/>

        <Setter Property="hc:DataGridAttach.EditingComboBoxColumnStyle" Value="{StaticResource LSTextBlockComboBoxEditingStyle}"/>

        <Setter Property="hc:DataGridAttach.CheckBoxColumnStyle" Value="{StaticResource CheckBoxBaseStyle}"/>

        <Setter Property="hc:DataGridAttach.EditingCheckBoxColumnStyle" Value="{StaticResource CheckBoxBaseStyle}"/>

        <Setter Property="hc:DataGridAttach.ApplyDefaultStyle" Value="True"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGrid}">

                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">

                        <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false">

                            <ScrollViewer.Template>

                                <ControlTemplate TargetType="{x:Type ScrollViewer}">

                                    <Grid>

                                        <Grid.ColumnDefinitions>

                                            <ColumnDefinition Width="Auto"/>

                                            <ColumnDefinition Width="*"/>

                                            <ColumnDefinition Width="Auto"/>

                                        </Grid.ColumnDefinitions>

                                        <Grid.RowDefinitions>

                                            <RowDefinition Height="Auto"/>

                                            <RowDefinition Height="*"/>

                                            <RowDefinition Height="Auto"/>

                                        </Grid.RowDefinitions>

                                        <Button Command="{x:Static DataGrid.SelectAllCommand}" Focusable="false" Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}}" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.All}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>

                                        <Border BorderThickness="0 0 0 1" BorderBrush="{DynamicResource MaterialDesignDivider}"

                                                Grid.Row="0" Grid.Column="1" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}">

                                            <DataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" />

                                        </Border>

                                        <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" Grid.ColumnSpan="2"

                                                                Grid.Column="0" Grid.Row="1"/>

                                        <ScrollBar x:Name="PART_VerticalScrollBar" Grid.Column="2" Maximum="{TemplateBinding ScrollableHeight}" Orientation="Vertical" Grid.Row="1" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/>

                                        <Grid Grid.Column="1" Grid.Row="2">

                                            <Grid.ColumnDefinitions>

                                                <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>

                                                <ColumnDefinition Width="*"/>

                                            </Grid.ColumnDefinitions>

                                            <ScrollBar x:Name="PART_HorizontalScrollBar" Grid.Column="1" Maximum="{TemplateBinding ScrollableWidth}" Orientation="Horizontal" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/>

                                        </Grid>

                                    </Grid>

                                </ControlTemplate>

                            </ScrollViewer.Template>

                            <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>

                        </ScrollViewer>

                    </Border>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Style.Triggers>

            <MultiTrigger>

                <MultiTrigger.Conditions>

                    <Condition Property="IsGrouping" Value="true"/>

                    <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false"/>

                </MultiTrigger.Conditions>

                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>

            </MultiTrigger>

        </Style.Triggers>

    </Style>

</ResourceDictionary>

效果如下

其它

在datagrid中使用ComboboxColumn时会遇到一些绑定与显示的问题，解决方案是分别定义ComboboxColumnSytle和ComboboxColumnEditingStyle, 此方法需要麻烦但是可以解决Combobox在DataGrid中的问题

<DataGridComboBoxColumn Header="节目类型">

    <DataGridComboBoxColumn.EditingElementStyle>

        <Style TargetType="ComboBox">

            <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor,

                AncestorType=DataGrid}, Path=DataContext.Categories.Result}"/>

            <Setter Property="DisplayMemberPath" Value="Title"/>

            <Setter Property="SelectedValuePath" Value="Id"/>

            <Setter Property="SelectedValue" Value="{Binding CategoryId, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

            <Setter Property="SelectedItem" Value="{Binding CategoryModel, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

        </Style>

    </DataGridComboBoxColumn.EditingElementStyle>

    <DataGridComboBoxColumn.ElementStyle>

        <Style TargetType="ComboBox">

            <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor,

                AncestorType=DataGrid}, Path=DataContext.Categories.Result}"/>

            <Setter Property="DisplayMemberPath" Value="Title"/>

            <Setter Property="SelectedValuePath" Value="Id"/>

            <Setter Property="SelectedValue" Value="{Binding CategoryId, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

            <Setter Property="SelectedItem" Value="{Binding CategoryModel, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

        </Style>

    </DataGridComboBoxColumn.ElementStyle>

</DataGridComboBoxColumn>

使用MaterialDesign的DataGridComboboxColumn

<md:DataGridComboBoxColumn Header="节目类型"

    ItemsSourceBinding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=DataGrid}, Path=DataContext.Categories.Result}"

    DisplayMemberPath="Title" SelectedValuePath="Id"

    SelectedValueBinding="{Binding CategoryId, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"

    SelectedItemBinding="{Binding CategoryModel, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" />

Wpf之HandyControls与MaterialDesign混用之DataGrid的更多相关文章

WPF学习笔记（8）：DataGrid单元格数字为空时避免验证问题的解决
原文:WPF学习笔记(8):DataGrid单元格数字为空时避免验证问题的解决如下图,在凭证编辑窗体中,有的单元格不需要数字,但如果录入数字后再删除,会触发数字验证,单元格显示红色框线,导致不能执行 ...
WPF入门教程系列二十二——DataGrid示例(二)
DataGrid示例的后台代码 1) 通过Entity Framework 6.1 从数据库(本地数据库(local)/Test中的S_City表中读取城市信息数据,从S_ Province表中读取 ...
WPF 格式化输出- IValueConverter接口的使用 datagrid列中的值转换显示
以前在用ASP.NET 做B/S系统时,可以方便地在GRIDVIEW DATAList等数据控件中,使用自定义的代码逻辑,比如使用 <%# GetBalance(custID) %> 这 ...
WPF学习笔记（1）：DataGrid单元格实现逐键过滤功能
最近,开始学习WPF,其UI设计完全颠覆了传统的设计理念,为程序员提供了极大的自由发挥空间,让我为之惊叹,且为之着迷.然而,WPF在国内的热度却并不高,大部分贴子都是2012年以前的,出版的图书也很少 ...
WPF备忘录（3）如何从 Datagrid 中获得单元格的内容与使用值转换器进行绑定数据的转换IValueConverter
一.如何从 Datagrid 中获得单元格的内容 DataGrid 属于一种 ItemsControl, 因此,它有 Items 属性并且用ItemContainer 封装它的 items. 但是,W ...
WPF学习笔记（7）：DataGrid中数字自定义格式显示
DataGrid中数据显示如下图,数据格式比较杂乱.希望达到以下要求:(1)所有数据保留两位小数:(2)超过1000的数字显示千分位:(3)如果数据为0,不显示. 首先想到用StringFormat进 ...
WPF入门教程系列二十三——DataGrid示例(三)
DataGrid的选择模式默认情况下,DataGrid 的选择模式为“全行选择”,并且可以同时选择多行(如下图所示),我们可以通过SelectionMode 和SelectionUnit 属性来修改 ...
WPF设置DataGrid行内容高度自适应与 TextBox/TextBlock内容高度自适应
WPF设置DataGrid行内容高度自适应 TextBox/TextBlock内容高度自适应参考: DataGrid 控件中的调整大小选项: http://msdn.microsoft.com/ ...
WPF：获取DataGrid控件单元格DataGridCell
转载:http://blog.csdn.net/jhqin/article/details/7645357 /* ------------------------------------------- ...

随机推荐

F版本SpringCloud1—大白话为啥要有微服务？啥是微服务？SpringCloud为什么有那么多组件？
前言为什么要有微服务呢? 什么是微服务? SpringCloud 中为什么会有那么多的组件? ...... 作为SpringCloud教程的第一篇,不讲解具体的技术使用,通过一个通俗易懂的小故事,来 ...
Journal of Proteome Research | “Differential Visual Proteomics”: Enabling the Proteome-Wide Comparison of Protein Structures of Single-Cells（“差异视觉蛋白质组学”：实现单细胞中蛋白质结构的组学比较）(解读人：李思奇)
期刊名:Journal of Proteome Research 发表时间:(2019年9月) IF:3.78 (2018) 单位:巴塞尔大学,瑞士物种:人细胞系技术:冷冻电子显微镜(Cryo-E ...
全文搜索技术--Solr7.1之配置中文分析器
前言:中国文化博大精深,但是solr只能一个一个的识别,而是更加符合中国人的习惯,所以加了中文分析器. 1.安装中文分词器第一步:把中文分词器(ik-analyzer-solr7-7.x.jar)/ ...
hdu2838 cow sorting用树状数组求逆序对
题目链接:http://icpc.njust.edu.cn/Problem/Hdu/2838/ 题目解法:题目给出一个1-n的排列,操作只有一种:交换相邻的元素,代价是两个元素之和,问将该序列变成升序 ...
北京大学公开课《数据结构与算法Python版》
之前我分享过一个数据结构与算法的课程,很多小伙伴私信我问有没有Python版. 看了一些公开课后,今天特向大家推荐北京大学的这门课程:<数据结构与算法Python版>. 课程概述很多同学 ...
直径问题 Diameter Problems
2019-11-03 21:37:59 一.Diameter of Binary Tree 问题描述: 问题求解: 解法一.第一反应是树上动归,每个节点保存一下左右的最大深度,最后以每个节点作为中枢计 ...
thinkphp 路径 (纯转)
TP中有不少路径的便捷使用方法,比如模板中使用的__URL__,__ACTION__等,如果你对这些路径不是很明白,用起来说不定就会有这样或那样的问题,抑或出了错也不知道怎么改,现在我们看一下这些路径 ...
Python第七章-面向对象高级
面向对象高级一. 特性特性是指的property. property这个词的翻译一直都有问题, 很多人把它翻译为属性, 其实是不恰当和不准确的. 在这里翻译成特性是为了和属性区别开来. 属性是指的 ...
SVN: Cleanup failed update报错文件被锁定lock办法，cleanup 失效报错。
按照如下办法即可解决: 下载文件链接: https://pan.baidu.com/s/1Ump1BFihbX8izyAA4by5dA 提取码: ftsd 复制这段内容后打开百度网盘手机App,操作更 ...
YII2自动初始化脚本
#!/usr/bin/expect spawn ./init expect "Which environment do you want the application to be init ...

Wpf之HandyControls与MaterialDesign混用之DataGrid

首先在App.Xaml引入相关资源

定义好DataGrid Style在引入到AppBaseStyle中， 下面是DataGrid.xaml的定义

效果如下

其它

Wpf之HandyControls与MaterialDesign混用之DataGrid的更多相关文章

随机推荐

热门专题

定义好DataGrid Style在引入到AppBaseStyle中，下面是DataGrid.xaml的定义