WPF是什么_wpf documentviewer

WPF是什么_wpf documentviewer项目中要用到一个数据分页栏,虽然自己没有实现过,但凭经验感觉它和ListBox/ListView有关。于是去网上搜了下WPF数据分页栏,果然很多实现都用到了ListView。于是拣了一种比较简单的实现学习,其中包含下面代码:ListView.View的标签内出现了GridView。在我印象中Grid是网格式的,而List是列表式的,所以我很好奇两者为什么可以混到一起。当然从类的关系上来看,应该是两者都继承了一个共同的父类。那么为了能使用起来更“自如”,对GridView有个系统的了解,还是有必要学习一

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、前言

项目中要用到一个数据分页栏,虽然自己没有实现过,但凭经验感觉它和ListBox/ListView有关。于是去网上搜了下WPF 数据分页栏,果然很多实现都用到了ListView。于是拣了一种比较简单的实现学习,其中包含下面代码:

		<ListView Grid.Row="1" ItemsSource="{Binding UserList}">
            <ListView.View>
                <GridView>
                    <GridView.Columns>
                        <GridViewColumn DisplayMemberBinding="{Binding UserName}" Header="用户名"/>
                        <GridViewColumn DisplayMemberBinding="{Binding Password}" Header="密码"/>
                        <GridViewColumn DisplayMemberBinding="{Binding Level}" Header="权限等级"/>
                    </GridView.Columns>
                </GridView>
            </ListView.View>
        </ListView>

ListView.View的标签内出现了GridView。
在我印象中Grid是网格式的,而List是列表式的,所以我很好奇两者为什么可以混到一起。当然从类的关系上来看,应该是两者都继承了一个共同的父类。那么为了能使用起来更“自如”,对GridView有个系统的了解,还是有必要学习一下。

二、GridView

2.1. 概述

GridView视图模式是ListView控件的视图模式中的一种。GridView及其辅助类能让你在表中来查看集合中的数据项,且可以通过表头来进行交互(表头是个按钮,可以给它加各种交互功能,如排序)。

2.2. GridView是什么?

GridView视图模式通过给列绑定数据字段和显示列标题来标识字段来显示数据项列表(说白了就是给一列数据加个标题header来说明这列数据是什么,然后将数据集合绑定到这列数据下面,一列数据就自动呈现出来了)。默认的GridView样式将按钮实现为列标题。

列标题 header
成员1 P1

所谓列标题可以理解为表头。
通过对列标题使用按钮,你能实现用户交互功能。例如,单击列标题来给某一列的内容进行排序。

注意:
GridView给列标题使用的Button控件就是ButtonBase的派生类。

下图是一个ListView的GridView视图展示:
在这里插入图片描述
下面介绍它的常用功能(或者说特性),如果你用过Excel的话,会发现这些都是熟悉的功能。

  • GridView列由GridViewColumn对象表示,能根据其内容自动调整大小,你也可以显示地指定GridViewColumn的宽度。
  • 你可以在表头间拖动来调整列的大小。
  • 可以动态的增、删、替换和重新排列,这些都是GridView内置的功能

不过,GridView不能直接更新它显示的数据。

下面示例展示了如何定义一个显示employee类型数据的GridView。本例中,ListView将EmployeeInfoDataSource定义为ItemsSource。DisplayMemberBinding属性定义将GridViewColumn的内容绑定到EmployeeInfoDataSource的数据成员。

注意:
上面这段话用“定义”这个词,而不是设置(其实从理解角度讲都行)。
转换成后端代码表示的话,定义就更加好理解了。
后文也有反复出现定义一词,有时候换成设置更好理解。
<ListView ItemsSource="{Binding Source={StaticResource EmployeeInfoDataSource}}">

    <ListView.View>

        <GridView AllowsColumnReorder="true" ColumnHeaderToolTip="Employee Information">

            <GridViewColumn DisplayMemberBinding="{Binding Path=FirstName}" Header="First Name" Width="100"/>

            <GridViewColumn DisplayMemberBinding="{Binding Path=LastName}" Width="100">
                <GridViewColumnHeader>Last Name
                    <GridViewColumnHeader.ContextMenu>
                        <ContextMenu MenuItem.Click="LastNameCM_Click" Name="LastNameCM">
                            <MenuItem Header="Ascending" />
                            <MenuItem Header="Descending" />
                        </ContextMenu>
                    </GridViewColumnHeader.ContextMenu>
                </GridViewColumnHeader>
            </GridViewColumn>

            <GridViewColumn DisplayMemberBinding="{Binding Path=EmployeeNumber}" Header="Employee No." Width="100"/>
        </GridView>

    </ListView.View>
</ListView>

下图展示了上面示例创建的表。GridView控件显示了来自ItemSource的数据:
在这里插入图片描述

2.3. GridView布局与样式

GridViewColumn的列单元格和列标题具有相同的宽度。默认情况下,每个列都会调整其宽度以适应其内容。当然,你也可以为其设置固定宽度。相关数据内容显示在水平行中。例如,在上面图示中,每个员工(employee类型)的姓(last name)、名(first name)和ID都作为一个集合被显示,因为它们在一个行中。

其实就是把集合元素中的数据平铺到一行来显示。
employee
{
	FirstName
	LastName     => FirstName | LastName | ID
	ID
}

2.3.1. 在GridView中定义与样式化列

当定义数据字段在GridViewColumn中显示时,使用DisplayMemberBinding、CellTemplate或CellTemplateSelector属性。优先使用DisplayMemberBinding属性。

要指定GridView列中的内容对齐方式,需定义CellTemplate。不要对使用GridView显示的ListView内容使用HorizontalContentAlignment和VerticalContentAlignment属性。

若要为列标题(表头)指定模板和样式属性,需使用GridViewGridViewColumn和GridViewColumnHeader类。

2.3.2. 添加可视化元素到GridView

要在GridView视图中添加可视化元素,如CheckBox和Button控件,需使用模板或样式。

若你显式地将可视化元素定义为数据项,则它只能在GridView中出现一词。存在这种限制是因为一个元素只能有一个父亲。

2.3.3. GridView中设置行样式

使用GridViewRowPresenter 和GridViewHeaderRowPresenter 类来格式化和显示GridView的行。

2.3.4. ItemContainerStyle中的对齐问题

为了防止列标题和单元格之间的对齐问题,不要设置或指定影响ItemContainerStyle中项宽度的属性或模板。例如,不要设置Margin属性或指定一个ControlTemplate来将CheckBox添加到定义在ListView控件上的ItemContainerStyle中。取而代之,应该在定义GridView视图模式的类上指定属性或模板来直接影响列宽。

例如,要将CheckBox添加到GridView视图模式的行中,请将CheckBox添加到DataTemplate中,然后将CellTemplate属性设置为该DataTemplate。

2.4. 与GridView进行用户交互

当你在程序中使用了GridView时,用户可以与GridView交互并修改其格式。例如,用户可以重新排序列(拖动表头使整列移动)、调整列的大小、选中表中的项和滚动内容。你还可以定义用户单击列标题时响应的事件处理程序。事件处理程序可以执行类似于根据列内容对显示在GridView中的数据进行排序的操作。

下面列表详细讨论了使用GridView进行用户交互的功能:

  • 通过拖放对列重新排序
    当光标位于表头上时,用户可以按下鼠标左键,然后将该列拖动到新位置,从而对GridView的列进行重新排序。当用户拖动表头时,会显示标题的浮动列以及一条显示插入位置的实线。
    若你想要修改标题的浮动列样式,可以为GridViewColumnHeader指定一个ControlTemplate,当Role属性设置为Floating时将触发。
  • 根据列中内容调整列大小
    用户可以双击列标题右侧的钳子来调整列的大小以适应其内容。
    你可以将Width属性设置为Double.NaN来产生同样的效果。
  • 选中行项
    用户可以选择GridView的一个或多个项。
    如果要更改选中项的样式,请参见ListView中使用触发器对选中项进行样式设置。
  • 滚动查看内容
    若GridView的大小不足以显示所有项,用户可以使用ScrollViewer控件提供的滚动条水平或垂直滚动。若所有内容一开始都可见,滚动条将被隐藏。
  • 通过单击列标题按钮与列交互
    当用户单击列标题按钮时,如果你提供了排序算法,则可以对列中显示的数据进行排序。
    你可以自定义标题按钮的Click事件,以便提供排序算法之类的功能。若要为单个列表头处理Click事件,需在GridViewColumnHeader上设置事件处理程序。若要为所有列表头设置处理Click事件的事件处理程序,可在ListView控件上设置该处理程序。

2.5. 其它自定义View

GridView类派生自ViewBase抽象类,它只是ListView类的视图模式之一。你可以通过派生自ViewBase类来为ListView创建其它自定义的View。

三、结语

本文主要是功能上的介绍,并没有对其辅助类、方法实现、代码层面进行细致分析。
不过对于应用来讲,这种轮廓型的学习应该优先,而后遇到细节上的问题,再逐渐深入。
另外我以前用过Qt中的数据模型(Model)&数据视图(View),现在给我的感觉就是这类官方提供的View类型,通常内部帮你实现了许多方法,对于简单的使用,你只需要把数据源丢进去即可。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193769.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 机器人手眼标定详解

    机器人手眼标定详解手眼标定详解研究现状所谓手眼标定是统一视觉系统和机器人的坐标系,从而可以使视觉系统所确定的物体位姿可以转换到机器人坐标系下,由机械臂完成对物体的作业。最常见的手眼系统包括Eye-to-Hand和Eye-in-Hand两种。在Eye-to-Hand手眼系统中,摄像机与机器人基座的位置是相对固定的,手眼关系式求解摄像机坐标系与机器人基座坐标系之间的转换关系。在Eye-in-Hand手眼系统中,摄像机由于固定在机械臂末端,手眼关系求解的是摄像机坐标系与机械臂末端坐标系之间的转换关系。在机器人处于不同的位置和

  • linux fusion io简介,linux – 收集FusionIO库存

    linux fusion io简介,linux – 收集FusionIO库存我需要编写一个脚本,从Linux服务器收集FusionIO驱动器的库存数据.我能找到的唯一方法是fio-status实用程序,但它的目的是输出人类可读的文本,而不是机器可解析的文本.我可以刮它,但那很脏.我检查/proc/fusion但它没有足够的信息可供任何使用.我希望有更好的方法,可以通过某种方式与libiodrivesdk.so或已经存在的实用程序进行交互来完成这项工作.我最初使用的是…

    2022年10月22日
  • C语言system()函数的用法[通俗易懂]

    C语言system()函数的用法[通俗易懂]C语言system()函数的用法1.函数简介C语言中,system函数可以用于调用一些DOS命令,比如system(“pause”)可以卡主系统控制台,而另一个常用的system(“cls”)为清屏命令,等于在DOS上使用cls命令。2.函数支持库及原型(1)函数原型intsystem(char*command);(2)函数支持库:stdlib.h3.函数返回值(1)=-1:出现…

  • 压力换算公斤单位换算_压力单位换算表

    压力换算公斤单位换算_压力单位换算表压力单位换算表来源:华强电子网作者:华仔浏览:1163时间:2016-08-1014:18标签:摘要:november6,2002牛顿/米2(帕斯卡)(n/m2)(pa)公斤力/米2(kgf/m2)公斤力/厘米2(kgf/cm2)巴(bar)标准大气压(atm)毫米水柱4oc(mmh2o)毫米水银柱0oc(mmhg)磅/英寸2(lb/in2,psi)牛顿/米2(帕斯卡)(n…

  • mount CIFS return ERR -12 and report Cannot allocate memory[通俗易懂]

    mount CIFS return ERR -12 and report Cannot allocate memory

  • 申请并部署阿里云SSL免费证书详细流程[通俗易懂]

    申请并部署阿里云SSL免费证书详细流程[通俗易懂]1、申请阿里云SSL免费证书,依次如下图操作。注意:此处一直验证失败是因为用了CDN(很多找不到原因的问题都是因为使用了CDN),在百度云加速中再次解析一次即可。2、部署:阿里云服务器可直接部署,其他第三方服务器下载安装。(1)阿里云服务器部署。(2)第三方服务器下载安装,安装方法查看“下载”键左侧的“帮助”,本文中用的是PHPstudy8.0自带的安装方法。注意事项:一、服务器windows防火墙允许443端口;二、云服务器需要单独在控制面板设置允许443端

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号