wpf实现类似word文档的标尺功能

2023-12-23 12:48

本文主要是介绍wpf实现类似word文档的标尺功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

需求:实现类似word文档的标尺功能。

技术背景:模板,依赖属性

技术细节:

1、操作模板控件

  在做WPF开发的时候,我们通常因为满足不同的需求会开发一些自定义控件来满足需要,我们会自定义模板来定义控件的外观,添加命令和路由事件来给控件添加行为,那如何在模板中查找元素并关联事件处理程序或添加数据绑定表达式呢,WPF有一个专用的OnApplyTemplate()方法,在该方法中,可以使用GetTemplateChild或FindName来查找所需的元素

2、添加部件名称

  为了查找做需要的元素,WPF控件通过名称定为他们需要的元素,所以,元素的名称变成了自定义控件公有接口的一部分,并且需要恰当的描述性名称。为此。WPF给出了约定:这些名称以PART_开头,后跟元素名称。元素名称的首字母要大写,就像一个属性名称:比如PART_Slider

3、显示自定义控件

通过OnRender来显示自定义控件时,必须在相应的依赖属性加入AffectsRender枚举值,通过DependencyProperty的AddOwner或者OverrideMetadata来改写依赖属性的元数据。

	public static readonly DependencyProperty ZoomProperty =DependencyProperty.Register("Zoom", typeof(double),typeof(Ruler),new FrameworkPropertyMetadata((double) 1.0,FrameworkPropertyMetadataOptions.AffectsRender));

4、wpf的分辨率。wpf 规定其坐标单位是1/96 inch,即1个设备无关单位(DIU),对于屏幕为1600*1200的分辨率,假如屏幕的物理高度,宽度为17.0*12.75,那么水平的分辨率1600/17.0=94DPI,垂直的分辨率1200/12.75 = 94DPI,如果我们设置系统分辨率等于物理分辨率,即设置系统分辨率为94DPI,就可以实现“分辨率无关”。

 

实现:

定义Ruler类,继承FrameworkElement

定义依赖属性:长度double, 是否自动缩放(bool),缩放因子(double),鼠标当前位置的刻度线(double),起始刻度(double),刻度的位置,是在上面还是下面(Enum),单位,厘米还是英寸(Enum)

在OnRender中,

根据当前选择的单位,将标尺的长度与宽度从cm转化为DPI,

然后使用DrawingContext绘制矩形,显示出整个标尺

然后使用DrawLine绘制鼠标当前位置,初始时为负,不显示

然后使用DrawLine依次绘制刻度线,中线,主刻度线

最后使用DrawText绘制数值

      protected override void OnRender(DrawingContext drawingContext){base.OnRender(drawingContext);double xDest = (Unit == Unit.Cm ? DipHelper.CmToDip(Length) : DipHelper.InchToDip(Length)) * this.Zoom;drawingContext.DrawRectangle(null, BorderPen, new Rect(new Point(0.0, 0.0), new Point(xDest, Height)));double chip = Unit == Unit.Cm ? DipHelper.CmToDip(Chip) : DipHelper.InchToDip(Chip);drawingContext.DrawLine(RedPen, new Point(chip, 0), new Point(chip, Height));for (double dUnit = 0; dUnit <= Length; dUnit++){double d;if (Unit == Unit.Cm){d = DipHelper.CmToDip(dUnit) * this.Zoom;if (dUnit < Length){#region 绘制刻度线for (int i = 1; i <= 9; i++){if (i != 5)//不绘制中线{double dMm = DipHelper.CmToDip(dUnit + 0.1 * i) * this.Zoom;if (Marks == MarksLocation.Up)drawingContext.DrawLine(ThinPen, new Point(dMm, 0), new Point(dMm, SegmentHeight / 3.0));elsedrawingContext.DrawLine(ThinPen, new Point(dMm, Height), new Point(dMm, Height - SegmentHeight / 3.0));}} #endregion#region 绘制中线double dMiddle = DipHelper.CmToDip(dUnit + 0.5) * this.Zoom;if (Marks == MarksLocation.Up)drawingContext.DrawLine(p, new Point(dMiddle, 0), new Point(dMiddle, SegmentHeight * 2.0 / 3.0));elsedrawingContext.DrawLine(p, new Point(dMiddle, Height), new Point(dMiddle, Height - SegmentHeight * 2.0 / 3.0)); #endregion}}else{d = DipHelper.InchToDip(dUnit) * this.Zoom;if (dUnit < Length){if (Marks == MarksLocation.Up){double dQuarter = DipHelper.InchToDip(dUnit + 0.25) * this.Zoom;drawingContext.DrawLine(ThinPen, new Point(dQuarter, 0),new Point(dQuarter, SegmentHeight / 3.0));double dMiddle = DipHelper.InchToDip(dUnit + 0.5) * this.Zoom;drawingContext.DrawLine(p, new Point(dMiddle, 0),new Point(dMiddle, SegmentHeight * 2D / 3D));double d3Quarter = DipHelper.InchToDip(dUnit + 0.75) * this.Zoom;drawingContext.DrawLine(ThinPen, new Point(d3Quarter, 0),new Point(d3Quarter, SegmentHeight / 3.0));}else{double dQuarter = DipHelper.InchToDip(dUnit + 0.25) * this.Zoom;drawingContext.DrawLine(ThinPen, new Point(dQuarter, Height),new Point(dQuarter, Height - SegmentHeight / 3.0));double dMiddle = DipHelper.InchToDip(dUnit + 0.5) * this.Zoom;drawingContext.DrawLine(p, new Point(dMiddle, Height),new Point(dMiddle, Height - SegmentHeight * 2D / 3D));double d3Quarter = DipHelper.InchToDip(dUnit + 0.75) * this.Zoom;drawingContext.DrawLine(ThinPen, new Point(d3Quarter, Height),new Point(d3Quarter, Height - SegmentHeight / 3.0));}}}#region 绘制主刻度线if (Marks == MarksLocation.Up)drawingContext.DrawLine(p, new Point(d, 0), new Point(d, SegmentHeight));elsedrawingContext.DrawLine(p, new Point(d, Height), new Point(d, Height - SegmentHeight));#endregion#region 绘制数值if ((dUnit != 0.0) && (dUnit < Length)){FormattedText ft = new FormattedText((dUnit + CountShift).ToString(CultureInfo.CurrentCulture),CultureInfo.CurrentCulture,FlowDirection.LeftToRight,new Typeface("Arial"),DipHelper.PtToDip(6),Brushes.DimGray);ft.SetFontWeight(FontWeights.Regular);ft.TextAlignment = TextAlignment.Center;if (Marks == MarksLocation.Up)drawingContext.DrawText(ft, new Point(d, Height - ft.Height));elsedrawingContext.DrawText(ft, new Point(d, Height - SegmentHeight - ft.Height));} #endregion}}

效果图

源码:

https://download.csdn.net/download/sinat_31608641/11850893

 

 

 

 

 

 

 

 

 

这篇关于wpf实现类似word文档的标尺功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/528097

相关文章

MySQL 8 中的一个强大功能 JSON_TABLE示例详解

《MySQL8中的一个强大功能JSON_TABLE示例详解》JSON_TABLE是MySQL8中引入的一个强大功能,它允许用户将JSON数据转换为关系表格式,从而可以更方便地在SQL查询中处理J... 目录基本语法示例示例查询解释应用场景不适用场景1. ‌jsON 数据结构过于复杂或动态变化‌2. ‌性能要

Python实现终端清屏的几种方式详解

《Python实现终端清屏的几种方式详解》在使用Python进行终端交互式编程时,我们经常需要清空当前终端屏幕的内容,本文为大家整理了几种常见的实现方法,有需要的小伙伴可以参考下... 目录方法一:使用 `os` 模块调用系统命令方法二:使用 `subprocess` 模块执行命令方法三:打印多个换行符模拟

SpringBoot+EasyPOI轻松实现Excel和Word导出PDF

《SpringBoot+EasyPOI轻松实现Excel和Word导出PDF》在企业级开发中,将Excel和Word文档导出为PDF是常见需求,本文将结合​​EasyPOI和​​Aspose系列工具实... 目录一、环境准备与依赖配置1.1 方案选型1.2 依赖配置(商业库方案)二、Excel 导出 PDF

Python实现MQTT通信的示例代码

《Python实现MQTT通信的示例代码》本文主要介绍了Python实现MQTT通信的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 安装paho-mqtt库‌2. 搭建MQTT代理服务器(Broker)‌‌3. pytho

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

Java docx4j高效处理Word文档的实战指南

《Javadocx4j高效处理Word文档的实战指南》对于需要在Java应用程序中生成、修改或处理Word文档的开发者来说,docx4j是一个强大而专业的选择,下面我们就来看看docx4j的具体使用... 目录引言一、环境准备与基础配置1.1 Maven依赖配置1.2 初始化测试类二、增强版文档操作示例2.

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.