WPF 用 DataTemplate 合並DataGrid列表列頭<類似報表設計>及行頭列頭樣式 - 學習

本文轉載自查看原文 2013-12-17 01:15 10802 WPF合並DataGrid列表列頭/ WPF DataGrid 列表DataTemplate/ DataGrid列表行頭列頭樣式/ WPF/ 類似報表

WPF中 DataGrid 列頭合並，類似於報表設計。效果圖如下↓

1.新建一個WPF項目WpfApplication1，新建一個窗體DataGridTest，前台代碼如下：


        <Style x:Key="CityNumStyle" TargetType="DataGridColumnHeader">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Grid x:Name="Root">
                            
                            <ContentPresenter Content="區號" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


                <Style TargetType="DataGridColumnHeader">
                    <Setter Property="Background">
                        <Setter.Value>
                            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                <GradientStop Color="White" Offset="0"/>
                                <GradientStop Color="LightGray" Offset="0.5"/>
                                <GradientStop Color="White" Offset="1"/>
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Foreground" Value="Black"/>
                    <Setter Property="FontSize" Value="13" />
                </Style>
            </DataGrid.ColumnHeaderStyle>
             <DataGrid.RowHeaderStyle>


                <Style TargetType="DataGridRowHeader">
                    <Setter Property="Content" Value="*"/>
                    <Setter Property="Width" Value="10"/>
                    <Setter Property="Background">
                        <Setter.Value>
                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                <GradientStop Color="White" Offset="0"/>
                                <GradientStop Color="SkyBlue" Offset="1"/>
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="ToolTip" Value="選中該行"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.RowHeaderStyle>
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="sec" HeaderStyle="{StaticResource CityNameStyle}">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Label Content="{Binding AddrName}" Width="100" />
                                <Rectangle Fill="#000" VerticalAlignment="Stretch" Margin="0" Width="1" />
                                <Label Content="{Binding CityName}" Width="100" />
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn HeaderStyle="{StaticResource CityNumStyle}" Binding="{Binding TelNum}" Width="100" />
                <DataGridTextColumn Header="統計" Binding="{Binding TotalSum}" Width="100" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
    </Window>

2.后台CS文件代碼如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace WpfApplication1

{
    /// <summary>
    /// DataGridTest.xaml 的交互邏輯
    /// </summary>
    public partial class DataGridTest : Window
    {
        public DataGridTest()
        {
            InitializeComponent();
            this.dataGrid1.ItemsSource = CityInfo.GetInfo();
        }
    }

    //定義綁定DataGrid的實體和集合
    public class CityInfo
    {
        public string AddrName { get; set; }
        public string CityName { get; set; }
        public string TelNum { get; set; }
        public double TotalSum { get; set; }
        public static List<CityInfo> GetInfo()
        {
            return new List<CityInfo>()
            {
                new CityInfo() { AddrName="湖北", CityName = "武漢", TelNum="123", TotalSum = 1.23 },
                new CityInfo() { AddrName="廣東", CityName = "廣州", TelNum="234", TotalSum = 1.23 },
                new CityInfo() { AddrName="廣西", CityName = "南寧", TelNum="0152", TotalSum = 1.23 },
                new CityInfo() { AddrName="湖南", CityName = "長沙", TelNum="0123", TotalSum = 1.23 },
                new CityInfo() { AddrName="江西", CityName = "南昌", TelNum="123", TotalSum = 10.23 }
            };
        }
    }
}

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 WPF后台為DataGrid第一列使用DataTemplate和CheckBox配合添加選擇功能【WPF】DataGrid多表頭的樣式設計 WPF DataGrid點擊列頭選擇全列並具有背景色 WPF之DataTemplate wpf DataGrid CheckBox列全選 [WPF系列]-數據邦定之DataTemplate 對 ItemsControl 進行樣式和模板處理頁面設計-數據列表 DataGrid WPF DataGrid 列寬填充表格方法 WPF中DataGrid列根據條件隱藏 WPF的DataGrid中只能輸入數字的列