WPF修改ListView单独一列来显示图片

深藏阁楼爱情的钟 2021-10-23 09:10 354阅读 0赞

<ListView x:Name="lbDetail" BorderThickness="0,0,0,0" Foreground="#FFFCFCFC" Background="Transparent" Height="300" ItemsSource="{Binding FakeSource}" Width="710" Canvas.Left="10" Canvas.Top="90">
      <ListView.View>
                                            
                                            <GridView>
                                                <GridView.ColumnHeaderContainerStyle>
                                                    <Style TargetType="{x:Type GridViewColumnHeader}">
                                                        <Setter Property="FontSize" Value="10"/>
                                                        <Setter Property="BorderBrush" Value="Transparent"/>
                                                        <Setter Property="Background" Value="Transparent"/>
                                                        <Setter Property="Foreground" Value="Silver"/>
                                                    </Style>
                                                </GridView.ColumnHeaderContainerStyle>
                                            <GridViewColumn Header="司机" Width="50" DisplayMemberBinding="{Binding driver}"/>
                                            <GridViewColumn Header="车牌号" Width="60" DisplayMemberBinding="{Binding vehicleNo}"/>
                                            <GridViewColumn Header="操作类型" Width="70" DisplayMemberBinding="{Binding action}"/>
                                            <GridViewColumn Header="单据号" Width="110" DisplayMemberBinding="{Binding dispatchNo}"/>
                                            <GridViewColumn Header="操作时间" Width="125" DisplayMemberBinding="{Binding createTime}"/>
                                            <GridViewColumn>
                                                <GridViewColumn.Header>
                                                    <TextBlock Width="120" TextAlignment="Center">抓拍图片</TextBlock>
                                                </GridViewColumn.Header>
                                                <GridViewColumn.CellTemplate>
                                                    <DataTemplate>
                                                        <Image Source="{Binding path}" Width="120" Stretch="Fill"/>
                                                    </DataTemplate>
                                                </GridViewColumn.CellTemplate>
                                            </GridViewColumn>
                                        </GridView>
                                        </ListView.View>
                                        <ListView.ItemContainerStyle>
                                            <Style TargetType="{x:Type ListViewItem}">
                                                <Setter Property="Background" Value="Transparent"/>
                                                <Setter Property="Height" Value="40"/>
                                                <Setter Property="FontFamily" Value="宋体" />
                                                <Setter Property="Foreground" Value="#ffffff"/>
                                                <Setter Property="HorizontalAlignment" Value="Center"/>
                                            <Style.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter Property="Background" Value="Gray" />
                                                    <Setter Property="BorderBrush" Value="Transparent" />
                                                    <Setter Property="BorderThickness" Value="0" />
                                                </Trigger>
                                                <Trigger Property="IsSelected" Value="true">
                                                    <Setter Property="Height" Value="100"/>
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                        </ListView.ItemContainerStyle>
                                </ListView>

发表评论取消回复

表情：

评论列表（有 0 条评论，354人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPF入门教程系列十九——ListView示例(一)

经过前面的学习，今天我做一个比较综合的WPF程序示例，主要包括以下功能： 1) 查询功能。从数据库（本地数据库(local)/Test中的S\_City表中读取城市信息数据，

川长思鸟来/ 2024年03月17日 11:04/ 0 赞/ 69 阅读

相关 Android ListView 显示最后一行

IM聊天中,经常需要显示最后一条消息 mListView.setSelection(adapter.getCount()- 1 ); android:sta

- 日理万妓/ 2023年07月02日 06:26/ 0 赞/ 28 阅读

相关 android listview从网络获取图片及文字显示,Android中ListView中显示图片和文本

ListView中一行的格式 android:layout\_width="match\_parent" android:layout\_height="match\_par

水深无声/ 2022年10月18日 00:57/ 0 赞/ 24 阅读

相关主题：ListView（带图片）显示用法案例

ListView是Android中最为常用的列表类型控件，ListView中的选择项目中样式很多有的是纯文字的、有的还可以带有图片。它的继承关系如下： java.lang.

淩亂°似流年/ 2022年10月01日 02:59/ 0 赞/ 204 阅读

相关 Android Listview显示效果一

ListView绝对可以称得上是 Android中最常用的控件之一，几乎所有的应用程序都会用到它。由于手机屏幕空间都比较有限，能够一次性在屏幕上显示的内容并不多，当我们的程序中

「爱情、让人受尽委屈。」/ 2022年07月15日 03:39/ 0 赞/ 206 阅读

相关怎么将Excel单独两列内容合并为一列

新建一个空的excel文档 ![t01aab12488c897434b.png][] 2 插入一些内容，笔者这里想将B1列和C1

男娘i/ 2022年03月17日 14:06/ 0 赞/ 374 阅读

相关小程序图片两列显示

效果图 ![20190606091729945.png][] 问题描述我的想法是将屏幕分为左右两个view，每个view循环一个list。整体flex布局

柔光的暖阳◎/ 2022年01月22日 11:09/ 0 赞/ 302 阅读

相关 WPF的ListView单独修改某一列属性

<GridViewColumn> <GridViewColumn.Header> <TextBlock Te

系统管理员/ 2021年10月23日 09:10/ 0 赞/ 893 阅读

相关 WPF修改ListView单独一列来显示图片

<ListView x:Name="lbDetail" BorderThickness="0,0,0,0" Foreground="FFFCFCFC" Backgrou

深藏阁楼爱情的钟/ 2021年10月23日 09:10/ 0 赞/ 355 阅读

相关 [WPF疑难] 如何限定ListView列宽度

今天遇到的一个Defect是：应该限定List View中列最小宽度以避免用户将列宽度拖拽为0而导致列消失。WPF的List View没有内置该机制，但我们可以通过监听用...

你的名字/ 2021年05月02日 14:35/ 0 赞/ 524 阅读