首页 > 其他分享 >WPF ListView GridView表头Header修改外观的方式

WPF ListView GridView表头Header修改外观的方式

时间:2023-12-21 11:16:09浏览次数:33  
标签:外观 GridView 修改 表头 Header DataTemplate

<Window.Resources>
    <DataTemplate x:Key="BlueHeader">
      <StackPanel Orientation="Horizontal" Margin="-5,-5,-5,-5" Width="120">
        <StackPanel.Background>
          <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF223B84" Offset="1"/>
            <GradientStop Color="#FF57A0F4" Offset="0.5"/>
            <GradientStop Color="#FF4B94EC" Offset="0.5"/>
          </LinearGradientBrush>
        </StackPanel.Background>
        <TextBlock Margin="10,10,10,10" Text="{Binding}" 
        VerticalAlignment="Center"  Foreground="White"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

 

1. 修改GridView的ColumnHeaderTemplate,这是一个DataTemplate, 这种方式将对所有列的Header生效

<GridView ColumnHeaderTemplate="{StaticResource BlueHeader}">

 

2. 修改某一列的Header外观,同一个DataTemplate

<GridViewColumn Header="Code" DisplayMemberBinding="{Binding Path=Code}" 
    HeaderTemplate="{StaticResource BlueHeader}" />

3. 直接编写某一列的Heade外观,不使用DataTemplate

<GridViewColumn>
    <GridViewColumn.Header>
        <GridViewColumnHeader>
            <Border>
                <TextBlock Text="表头"/>
            </Border>
        </GridViewColumnHeader>
    </GridViewColumn.Header>
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <Border>
                <TextBlock Text="{Binding xxx}"/>
            </Border>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

 

标签:外观,GridView,修改,表头,Header,DataTemplate
From: https://www.cnblogs.com/lopengye/p/17918535.html

相关文章

  • Qt自定义GridView从显示单个到九宫格
    一、概述由于测试OpenCV的需要自定义一个可变的用于显示图片的GridView,从显示单张图片到9张图片。效果图如下:这个GridView目前只是自己使用,还有瑕疵,这里仅提供一个可行性的思路,有需要可以自行扩展。二、代码示例1.自定义GridView--->VariableGridView.h/Vari......
  • 电脑时间不同步导致的上网报错:core/proxy/vmess/encoding: failed to read response h
    报错内容: 2023/12/1614:08:56[Warning][775541588]xxxxx.com/core/app/proxyman/outbound:failedtoprocessoutboundtraffic>xxxxx.com/core/proxy/vmess/outbound:connectionends>xxxxx.com/core/proxy/vmess/outbound:failedtoreadheader>xxxx......
  • 解析HTTP请求header错误
    运行tomcat时,本以为成功了,结果,突然出现这两个错误 org.apache.coyote.http11.Http11Processor.service解析HTTP请求header错误注意:HTTP请求解析错误的进一步发生将记录在DEBUG级别。  java.lang.IllegalArgumentException:在方法名称中发现无效的字符串,HTTP方法名......
  • 解决Python爬虫中Header报错的方法
    在使用Python编写爬虫时,有时会遇到Header报错的情况。本文将介绍常见的Header报错类型,并提供解决方法,帮助您顺利处理Python爬虫中的Header报错问题。当我们使用Python进行爬虫开发时,经常需要设置请求头(Header)来模拟浏览器发送请求。然而,有时可能会遇到一些与Header相关的报错。以下......
  • Istio从入门到精通—— 流量治理的原理 —— VirutalService —— Headers
    流量治理的原理——VirutalService——Headershttps://istio.io/latest/docs/reference/config/networking/virtual-service/#Headers MessageheaderscanbemanipulatedwhenEnvoyforwardsrequeststo,orresponsesfrom,adestinationservice.Headermani......
  • GridView的复制粘贴和Excel数据处理
    首先开启GridView的属性:view.OptionsClipboard.AllowCopy=DefaultBoolean.True;//允许复制view.OptionsClipboard.CopyColumnHeaders=DefaultBoolean.False;//是否复制表头view.OptionsClipboard.PasteMode=DevExpress.Export.PasteMode.Append;//粘贴模式view.Optio......
  • nginx中增加自定义的header,并且在nginx的日志中显示这个header的具体的值
    1、需求说明有的时候,为了进行某些特性的调试,需要增加自定义的header。 那么,要去测试这个header是否真的加成功了,后面某些的设置,需要使用这个值。 怎么办呢? 使用日志的方式,看nginx到底,有没有获得这个值。 2、配置过程 2.1谷歌浏览器使用插件,增加header 插件......
  • el-table-column width="180" 宽度自动成比例缩放缩小 表头宽度不对 原因
    首先el-table-columnwidth="180"的设置原理是如下面加粗部分 <tablecellspacing="0"cellpadding="0"border="0"class="el-table__header"style="width:1638px;"><colgroup><colname="el-table_......
  • vue3使用虚拟化表格自定义表格并动态生成表头
    elementPlus的虚拟化表格用的是lang=tsx,先安装cnpmi@vitejs/plugin-vue-jsx然后去vite.config.ts里加配置importvueJsxfrom'@vitejs/plugin-vue-jsx'plugins:[vue(),vueJsx(),]再去tsconfig.json中加东西//不要把compilerOptio......
  • SqlHelper + winfrom + datagridview操作图片
    datagridview中单元格显示图片,图片的增删改查点击单元格选择图片 1、EmployerpublicclassEmployer{publicintId;publicstringName;publicstringPhoneNum;publicstringAddress;publicstringPhoto;}2、ObjectConvertUtil处理......