WPF界面设计技巧(6)—玩玩数字墨水手绘涂鸦

简介:

 

 

 

想让你的程序支持鼠标及手写笔涂鸦吗?只要敲入“<InkCanvas/>”这几个字符,你就会领悟什么叫“很好很强大”,今天我们来做一个手写板的演示,你可把它当作屏幕便笺使用。

 

首先要用 Microsoft Expression Design 2 画一幅英俊的界面背景,这里我们剽窃索尼 VAIO CR 笔记本的设计,做出了一个油光锃亮的面板:

 

 

记住还是要都绘制到一个图层上哦,图层命名为“back”。

 

导出为资源字典,嗯,油光锃亮:

 

 

 

打开 Microsoft Visual Studio 2008 ,新建 WPF 应用程序,导入资源字典:

 

 

 

添加引用:

 

 

 

然后就是代码了,这次的代码比较少。

 

界面代码:

 

Code

 

后台代码:

 

Code

 

 

先看效果吧,编译运行:

 

 

 

可以用鼠标、手写笔或触摸屏在上面随意涂鸦,这感觉很好。

 

想像一下,这个软件对于囚犯来说,会是多么重要。

 

 

 

对于一些手写笔,还支持反转时转换为橡皮擦功能,很牛X

 

关闭程序后,我们的艺术品还会被自动保存为 pic.ink 这个文件,这样在下次程序启动时,我们就可以继续创作了。

 

代码讲解:

 

 

 

先来讲个小技巧,为窗体设置 SizeToContent="WidthAndHeight" ,然后将其宽、高都改为 Auto ,可以让窗体根据其内容自适应大小,这在多数情况下非常好用,如果你在意界面的边距空间美感的话。

 

 

 

InkCanvas 是数字墨迹的容器,InkCanvas.DefaultDrawingAttributes 属性定义了其默认的绘制样式,我们在这里可以为其调整笔刷颜色、形状、等为数不多的样式,其中几项还不太好用,比如压感支持 IgnorePressure ,在我这设了也没用。

 

DrawingAttributes.StylusTipTransform 属性可以将普通且无辜的笔刷形状残忍地扭曲,它使用一个矩阵来来完成这一恶毒行径。

 

 

 

这里是一些简单的 IO 操作,很好理解。

 

嗯,不管你是否喜欢,我都将用一个操蛋的方式结束本篇:

 

 

 

 

源代码下载(包含 Design 设计文件)


本文转自斯克迪亚博客园博客,原文链接:http://www.cnblogs.com/SkyD/archive/2008/07/19/1246458.html,如需转载请自行联系原作者

相关文章
|
3月前
|
开发者 C# UED
WPF与多媒体:解锁音频视频播放新姿势——从界面设计到代码实践,全方位教你如何在WPF应用中集成流畅的多媒体功能
【8月更文挑战第31天】本文以随笔形式介绍了如何在WPF应用中集成音频和视频播放功能。通过使用MediaElement控件,开发者能轻松创建多媒体应用程序。文章详细展示了从创建WPF项目到设计UI及实现媒体控制逻辑的过程,并提供了完整的示例代码。此外,还介绍了如何添加进度条等额外功能以增强用户体验。希望本文能为WPF开发者提供实用的技术指导与灵感。
142 0
|
3月前
|
存储 开发者 C#
WPF与邮件发送:教你如何在Windows Presentation Foundation应用中无缝集成电子邮件功能——从界面设计到代码实现,全面解析邮件发送的每一个细节密武器!
【8月更文挑战第31天】本文探讨了如何在Windows Presentation Foundation(WPF)应用中集成电子邮件发送功能,详细介绍了从创建WPF项目到设计用户界面的全过程,并通过具体示例代码展示了如何使用`System.Net.Mail`命名空间中的`SmtpClient`和`MailMessage`类来实现邮件发送逻辑。文章还强调了安全性和错误处理的重要性,提供了实用的异常捕获代码片段,旨在帮助WPF开发者更好地掌握邮件发送技术,提升应用程序的功能性与用户体验。
59 0
|
数据可视化 C# 数据安全/隐私保护
|
3月前
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件