“ 引言部分，总领全篇文章的中心内容。” WPF的DevExpress ChartControl是一种功能强大的可视化工具，可帮助您将数据显示为二维或伪三维条形图、区域、线和许多其他形式。...新创建的图表包含一个空白的并排条形图和一个图例。...> 对以下库的引用将自动添加到项目中： DevExpress.Data.v21.2 DevExpress.Xpf.Core.v21.2 DevExpress.Charts.v21.2...要在本地复制它们或在以后的产品安装中包含它们，请使用以下目录： C:\ProgramFiles（x86）\DevExpress 21.2\Components\Bin\Framework\ Step 2...显示名称标识图例中的系列。 添加图表标题并自定义其位置 单击图表控件标题属性的省略号按钮以调用标题集合编辑器。使用“添加”按钮创建新标题并将其添加到图表中。
如第1课所述，将ChartControl组件添加到项目中（请参见步骤1）。 调用图表控件的智能标记菜单或快速操作。选择运行设计器链接： 这将调用图表设计器。...将Series 添加到图表中 在本节中，将第二个系列添加到图表中，并用点填充这两个系列。 在树中选择系列1，然后在“选项”选项卡中，指定“填充”作为系列的显示名称。...在“调用”对话框中，单击“区域二维系列类型”。这将使用随机生成的数据将面积系列（系列2）添加到图表中。请注意，参数的轴刻度类型是基于第一个系列的定性数据定义的。...自定义图表 本节介绍如何自定义图表的外观。 #在单独的窗格中显示系列 以下步骤显示如何在单独的窗格中显示每个系列： 展开“窗格”项。单击“其他窗格”项目的“添加”按钮以创建新窗格。...在“选项”选项卡中，使用选项的下拉列表将“Y轴”选项设置为次轴Y#1。 在“图元”树中选择次轴Y#1。然后，将轴的对齐选项设置为“近”。 下图显示了结果。
，连接数据库获取确诊数据信息；可以便于后续在服务器上继续更新数据； 创建了DAO层，将数据库的增删改查等操作封装在工具类中，和具体程序业务逻辑分隔开来，其中包含了三个类： SqlHelper：创建数据库连接...、缩放），地图渲染，以及地图导出等功能； Form1：地图展示和操作相关的实现； GisClass：包含了打开MXD文件、shp文件，以及地图渲染的一些辅助函数； 属性操作相关 包含在地图上进行空间查询属性...类 从界面美观的角度考虑，我们采用了DevExpress进行开发；DevExpress是一个比较有名的界面控件套件，提供了一系列的界面控件套件的DotNet界面控件。...控件进行地图展示： 采用ArcEngine的ToolbarControl控件完成常规的地图操作，如放大、缩小、平移、全图； 加载shp/mxd文件： 打开mxd文件： private void openMxd_ItemClick...}else { MessageBox.Show("添加失败"); return; } } 属性查询结果： 在属性查询结果中是以树的方式展示不同图层的查询结果
空间数据分析作为大数据分析的重要组成，将数据智能处理、直观展示和交互分析有机地结合，使机器智能和人类智慧深度融合、优势互补，为疫情防控中的分析、指挥和决策提供有效依据和指南。...简介： 本系统基于ArcEngine 10.7 进行开发，使用了DevExpress作为界面控件，支持武汉疫情地图根据不同日期的展示、操作以及添加图例、导出为多种格式，支持属性数据的编辑和查询，支持指定时间区段统计疫情与轨迹分析功能...程序功能设计与展示： 开始界面布局： 进入程序显示的开始界面： 窗口上方为菜单栏，包含文件、查询、属性编辑、地图导出等标签； 菜单栏的文件选项包含打开MXD文件、shapefile文件，可以根据选择的日期来渲染每日疫情地图...： 可以根据选择的日期来渲染每日疫情地图，通过分层渲染的方式来表现疫情人数的多少；支持各种常规的地图操作，如放大缩小平移等等； 行进轨迹绘制： 可以根据行进轨迹数据文件，选取时间段绘制轨迹并分析经过的地市和疫情状况...： 空间查询： 本系统支持多种查询方式，包含点击查询、矩形、多边形、圆等多种空间查询，并可以查看相应选择集： 地图导出 本系统支持导出为多种格式，如jpg/tif/pdf等；可以在页面视图中实时查看所要导出的图形
今天看到這篇文章，即模仿京東（360buy）浏览产品图片的效果： silverlight图片局部放大效果 一時技痒于是也打算做一个出来。因为功能简单不如索性用纯xaml做，不写一行代码。...MouseDragElementBehavior有一个属性是ConstrainToParentBounds，即是否只在父容器的范围中拖动。...这个属性理所当然地应该设置为True，但实际上只要鼠标一移出父容器被拖动的控件就完全不动了。...稍微解释一下：放大区域的位移量应该和那块半透明方块的位移量成反比的，因为不想写代码，所以将放大区域反转再反转，然后再将半透明方块的位移量和放大区域的位移量绑定。...{Binding RenderTransform,Mode=TwoWay,ElementName=image}" 另外，要遮挡图片的其它部分，我倾向于直接使用ScrollViewer，不过放大区域是圆形或其它形状那就另当别论了
它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。...与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式： 1、在不同方向排列元素 2、重新排列元素的显示顺序 3、更改元素的对齐方式 4、动态地将元素装入容器...在 Flexbox 模型中，有三个核心概念： lex 项（注：也称 flex 子元素），需要布局的元素 flex 容器，其包含 flex 项 排列方向（direction），这决定了 flex 项的布局方向...flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。...默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
2.选中父节点或者子节点相互影响的功能，如选择父节点选择所有子节点。...(object sender, DevExpress.XtraTreeList.NodeEventArgs e) { SetCheckedChildNodes(e.Node...SetCheckedChildNodes(node.Nodes[i], check); } } /// /// 设置父节点的状态...（包括窗口的切换导致Node的显示）和状态的改变都会触发该事件。... ： CheckState为Unchecked的节点的字带有中划线且背景灰色。
> 其中，为了实现在列表没有数据时，显示 “没有数据” 四个字，使用了一个 Grid 包含了一个 ItemsPresenter 以及一个 TextBlock。...解决方案 其实，相关的 UIV 知识点有那么几个： WPF 中的 VirtualizingStackPanel 只支持一层数据的 UIV。...原因其实也和 UIV 有关： 目前 WPF 中的控件在 Group 分组后是不支持 UI Virtualization 的，原因是当 ScrollViewer.CanContentScroll 设置为...《WPF - Virtualizing an ItemsControl》：文中指出，ItemsControl 默认不支持 UI Virtualization，原因是它的模板中没有一个 ScrollViewer...MS 自己的相关资源： 《MSDN Control Performance》、《How to: Find a TreeViewItem in a TreeView》（如何在 UIV 的情况下找到控件）、
在 ScrollViewer 存在两个滚动方式，物理滚动 和 逻辑滚动，如果使用 物理滚动 那么滚动就是ScrollViewer做的，如何使用逻辑滚动，那么滚动就是控件自己做的。...那么我从 ScrollViewer 接收输入开始讲起 输入 如果大家使用 ScrollViewer 进行滚动，那么也许会遇到一个神奇的需求，如何在触摸下滚动。...另外这个方法是在布局做的，直接计算，如果修改 Translate 还需要在布局重新计算，所以这个方法的性能会比较高。 触摸输入 那么 ScrollViewer 是如何在触摸的时候获得输入？...参见： 在WPF中实现平滑滚动 - 天方 - 博客园 IScrollInfo in Avalon part I – BenCon’s WebLog IScrollInfo in Avalon part...欢迎转载、使用、重新发布，但务必保留文章署名林德熙（包含链接： https://blog.lindexi.com ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。
Windows8的开始菜单是最典型的GridView 示例。“开始菜单”显示了系统中安装的所有应用程序，而且支持重新排列。...GridViewEx.BeforeDrop事件处理此需求，并且提供更多的数据信息，如DragEventArgs数据。 当用户执行拖放操作时，触发BeforeDrop 事件。...，该信息在OnDrop事件中可使用的。...因为指定Item尺寸的逻辑必须放在数据模型中，而不是控件内部。 如想将某一项显示较大一点，需要在数据项中创建一个属性返回比1大的整型数值，来设置RowSpanhuoColumnSpan属性。...到此已经实现了GridView项与Windows8开始菜单具有的相同用户体验，如果你想了解如何在Windows10平台下开发UWP引用，请持续关注下篇文章：如何在Windows10中开发UWP应用
Dev学习地址 文档地址 ：https://docs.devexpress.com/ wpf：https://docs.devexpress.com/WPF/7875/wpf-controls winform...LayoutGroup可以包含其他LayoutGroup对象作为子对象，以不同的方向排列它们的项目。这允许创建非线性布局： 使用LayoutControl的最大好处是，它会自动维护子控件的一致布局。...有关详细信息，请参见对齐布局项的内容。 通过内置大小调整器调整子项和组的大小。 在组或布局控件中对齐项目。可以将项目与其父控件的任何边缘对齐、居中或拉伸。当父项的大小更改时，该项将相应地调整其位置。...考虑在LayoutControl中排列的项目的以下布局： 要创建上图所示的布局，将要按相同方向排列的项目组合到同一组中。然后，将这些组合并到其他组中，等等。...选项卡组包含两个选项卡（选项卡1和选项卡2）。每个选项卡都包含特定的项。例如，由布局组表示的选项卡1垂直排列项目5和项目6。 第五组水平排列三个项目。
借用附加属性 以TextBox为例，TextBox中包含一个ScrollViewer部件，想要通过属性控制这个ScrollViewer，其中一种做法是在TextBox中添加各项属性，然后在ControlTemplate...中通过TemplateBinding设置到ScrollViewer的对应属性。...例如，前述例子中的DateTimeSelector中包含一个TimePicker部件，可以公开一个TimePickerStyle属性让TimePicker绑定到这个属性。...对于复合型控件（即ControlTemplate中包含其它控件的控件，譬如DateTimeSelector，它本身是一个控件，又包含CalendarDatePicker和TimePicker），很多时候需要将...的ControlTemplate（不包含VisualState）。
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。...弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。...注意：弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。....item { order: ; } flex-grow属性：定义项目的放大比例 设置或检索弹性盒子元素的扩展比率。 默认值为0，即如果空间有剩余，也不放大。...默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch align-self: auto | flex-start | flex-end | center
我们得先看看如何在 WPF 中实现虚拟化。...* UIVPanel 的 MeasureOverride 方法中，参数是 ScrollViewer 传入的视窗大小，再获取其内部数据 VerticalOffset，最终计算出 IScrollInfo 中的...在与 ScrollViewer 交互完成的同时，UIVPanel 还应该根据提供的视窗大小，调用基类 VirtualizingPanel 中 ItemContainerGenerator 属性的一套元素生成方法...为了使用最外层 ScrollViewer 中的滚动条信息，它通过可视树往上查找到 DataGridRowsPresenter 来获取水平方向上的滚动条位置 HorizontalOffset，而通过这个值...而在树型状态下，则主要是支持树节点的懒加载，只实例化已经开展的行，即只有展开树中的父行时，才会生成其对应的子行。如下图所示： ?
---- 一.响应式布局—查看Demo 1.响应式布局的设计原则 - 移动优先 在设计的初期就要考虑页面如何在多终端显示 - 渐进增强 充分发挥硬件设备的最大功能 2.头部声明 栅格系统进行响应式开发...,头部设置响应的viewport 3.网页开发中的单位： px px是相对于屏幕分辨率，大小无法跟随屏幕的放大和缩小，所有浏览器都支持 em 1em...=16px(但不完全是,每个浏览器不一样)，em会继承父级元素的字体大小，IE部分浏览器不支持em rem rem和em类似,rem会继承根元素的字体大小，html{font-size:62.5%
一、SVG图标的优势 图标使用SVG的优点： 1、可以轻松地按比例放大和缩小图标，具体取决于要在应用程序中显示的位置以及显示应用程序的屏幕尺寸。...2、SVG图标具有优于位图图形的优点，即按比例放大或缩小时它们仍然看起来不错。 3、位图图形在按比例放大时趋于像素化，而在按比例缩小时会失去质量（像素）。...但是，在显示SVG图标时，使用HTML的img元素来显示图标是最容易的，HTML img元素可以轻松地放大和缩小SVG图标的大小。...SVG图标只是包含在它自己的SVG文件中的SVG图像。 下面是一个非常简单的圆形图标，由SVG circle元素组成： 放大和缩小img元素的大小时，SVG图标不会放大或缩小。相反，或多或少会显示SVG画布。 下面是将img CSS Height属性设置为32。
，如依赖属性、命令、路由事件等。 ...在上面的例子中，WrapPanel面板水平地创建一系列假象的行，每一行的搞定都被设置为所包含元素中最高元素的高度。...当缩小窗口大小时，对应的WrapPanel也会改变，从而改变WrapPanel面板中控件的排列，具体效果如下图所示： ?...3.8 ScrollViewer 控件 通常用户界面中的内容比计算机屏幕的显示区域大的时候，可以利用ScrollViewer控件可以方便地使应用程序中的内容具备滚动功能。...，父控件会先给子控件提供可用大小（MeasureOverride中availableSize参数），子控件再反馈给父控件一个自己的期望值（DesiredSize），父控件最后根据自己所拥有的空间大小与子控件期望的值分配一定的空间给子控件并返回自己的大小
以我的经验来说以下这些做法可以使UI有效应对分辨率改变： 使用相对定位代替决定定位 使用*和Auto代替具体尺寸（除了间距） 使用WrapPanel代替StackPanel 不要忘记使用ScrollViewer...而且和网页不同，WPF窗体默认没有提供ScrollViewer，所以千万不能忘记。在桌面客户端合理使用以上技术可以避免客户投诉。但UWP主打跨平台，它需要更先进（或者说，更激进）的技术。 2....响应式设计技术 微软的官方文档介绍了UWP中响应式设计常用的6个技术，包括重新定位、调整大小、重新排列、显示/隐藏、替换和重新构建，具体可见以下网站： ?...使用AdaptiveTrigger可以做到前一节中提到的UWP中响应式设计常用的6个技术，除了UWP自带的AdaptiveTrigger，也可以自定义StateTriggerBase，这将在下一篇文章中介绍...ViewBox ViewBox可以根据自身大小放大或缩小它的Content元素，某些情况下它是WPF和UWP平台的终极响应式设计解决方案，因为WPF/UWP元素都是矢量元素所以大部分元素都可以无损缩放（
flex-wrap属性定义 , flex布局中默认是不换行的。...默认值为auto ,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。...flex-grow：定义项目的的放大比例；默认为0，即使存在剩余空间，也不会放大；所有项目的flex-grow为1：等分剩余空间(自动放大占位)； flex-grow为n的项目，占据的空间(放大的比例)...所以flex属性的默认值为：0 1 auto (不放大会缩小)flex为none：0 0 auto (不放大也不缩小)flex为auto：1 1 auto (放大且缩小)flex为一个非负数字n：该数字为...flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小固定后，将内容区flex：1，内容区则会自动放大占满剩余空间。
1、标准的DevExpress样式界面 在我的Winform开发框架中，也分为了传统性界面、DotNetBar样式界面、DevExpress样式界面这三种，根据不同的开发场景进行使用，如果是历史性原因导致...在开发的应用程序中，增加这个样式选择，也会使客户觉得这个程序开发也是非常专业的（^_^）。...6）、底部状态栏 底部菜单可以让客户更好了解程序的一些相关信息，如程序名称、登陆用户，日期，以及程序处理进度等方面的信息。...上面界面的Ribbon按钮图标，在界面功能比较多的时候，还可以以小图标按钮方式进行展示，这样一个区域可以包含更多的功能按钮，如下所示。...主程序的菜单可以分级展示，如二级菜单可以进一步展开更多的菜单，如下所示。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
