给WPF示例图形加上方便查看大小的格子之完善版本
去年10月份, 我曾写过一篇"给WPF示例图形加上方便查看大小的格子"的BLOG(http://blog.csdn.net/johnsuna/archive/2007/10/19/1832994.aspx),这次由于需要,将它完善一下,可以有效地区别100的整数倍逻辑像素(与设备无关像素)单位的显示。
显示效果:
XAML代码:
<Canvas Width="752.009766" Height="1192.558594" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas.Resources>
<DrawingBrush x:Key="MyGridBrushResource" Viewport="0,0,100,100" ViewportUnits="Absolute" TileMode="Tile">
<DrawingBrush.Drawing>
<DrawingGroup>
<DrawingGroup.Children>
<!--横线-->
<GeometryDrawing Geometry="M0,1 L10,1 M0,2 L10,2 M0,3 L10,3 M0,4 L10,4 M0,5 L10,5 M0,6 L10,6 M0,7 L10,7 M0,8 L10,8 M0,9 L10,9">
<GeometryDrawing.Pen>
<Pen Thickness="0.1" Brush="#CCCCFF" />
</GeometryDrawing.Pen>
</GeometryDrawing>
<!-- 横线100整数倍 -->
<GeometryDrawing Geometry="M0,0 L10,0">
<GeometryDrawing.Pen>
<Pen Thickness="0.1" Brush="DarkOrange" />
</GeometryDrawing.Pen>
</GeometryDrawing>
<!--竖线-->
<GeometryDrawing Geometry="M1,0 L1,10 M2,0 L2,10 M3,0 L3,10 M4,0 L4,10 M5,0 L5,10 M6,0 L6,10 M7,0 L7,10 M8,0 L8,10 M9,0 L9,10">
<GeometryDrawing.Pen>
<Pen Thickness="0.1" Brush="#CCCCFF" />
</GeometryDrawing.Pen>
</GeometryDrawing>
<!-- 竖线100整数倍 -->
<GeometryDrawing Geometry="M0,0 L0,10">
<GeometryDrawing.Pen>
<Pen Thickness="0.1" Brush="DarkOrange" />
</GeometryDrawing.Pen>
</GeometryDrawing>
</DrawingGroup.Children>
</DrawingGroup>
</DrawingBrush.Drawing>
</DrawingBrush>
<!-- 这里是外框线 -->
<Style x:Key="MyGridBorderStyle">
<Setter Property="Border.Background" Value="{StaticResource MyGridBrushResource}"/>
<Setter Property="Border.HorizontalAlignment" Value="Center"/>
<Setter Property="Border.VerticalAlignment" Value="Top"/>
<Setter Property="Border.BorderBrush" Value="Black"/>
<Setter Property="Border.BorderThickness" Value="1"/>
</Style>
</Canvas.Resources>
<!-- 引用方式 -->
<Border Style="{StaticResource MyGridBorderStyle}">
<Canvas Width="630" Height="348">
<Path StrokeThickness="5" Stroke="Orange" StrokeMiterLimit="1"
Data="F1 M 0.3,66.2 C 0.3,66.2 44.9,33.5 68.5,66.3 C 92.1,99.1 197.2,206.3 274.6,133.2 C 366.8,46.2 378.3,2.7 459.7,25.1"
/>
</Canvas>
</Border>
</Canvas>
而在此之前初始版本的演示效果为:
很明显,当前已完善版本看起来更清晰明了。
最新文章
- 修复 XE7 update1 发布 iOS 8.x 实机问题
- iOS 教你如何实现手势密码
- 代码滑动panorama-即程序中设置SelectedIndex
- [codeforces 260]B. Ancient Prophesy
- 利用Hadoop实现超大矩阵相乘之我见(二)
- Myeclipse 安装Aptana3.2 插件
- javascript:DOM自定义属性的妙用
- 正则RegEXp
- stm32智能小车之路之小车启动
- enote笔记语言(3)(ver0.2)
- SQLPlus命令
- MAVEN自动发布更新本地和远程仓库
- iOS中 UIWebView加载网络数据 技术分享
- pycharm中运行时添加配置 及pytest模式怎么修改为run模式
- Github-记账本
- 第一章03 java 开发环境搭建
- hbuilder 打包app简易教程
- SPSS学习系列之SPSS Modeler怎么修改默认的内存大小(图文详解)
- Arduino IDE 安装esp8266 2.4.rc2的编译环境
- 基于easyUI实现登录界面
热门文章
- Ubuntu12.04LTS SDK无法更新
- pandas 学习(四)—— 数据处理(清洗)、缺失值的处理
- 嵌入式linux串口编程(二)
- PatentTips - Sprite Graphics Rendering System
- java基本类型(内置类型)取值范围
- dnf游戏外怪原理
- php中的var关键字的用法总结(var在类外用报错)(类属性必须带限定词)
- HTML代码简写法:Emmet和Haml(转)
- [React] Understand React.Children Utilities
- Thrift是一款由Fackbook开发的可伸缩、跨语言的服务开发框架