WPF界面设计技巧(6)—玩玩数字墨水手绘涂鸦
想让你的程序支持鼠标及手写笔涂鸦吗?只要敲入“<InkCanvas/>”这几个字符,你就会领悟什么叫“很好很强大”,今天我们来做一个手写板的演示,你可把它当作屏幕便笺使用。
首先要用 Microsoft Expression Design 2 画一幅英俊的界面背景,这里我们剽窃索尼 VAIO CR 笔记本的设计,做出了一个油光锃亮的面板:
记住还是要都绘制到一个图层上哦,图层命名为“back”。
导出为资源字典,嗯,油光锃亮:
打开 Microsoft Visual Studio 2008 ,新建 WPF 应用程序,导入资源字典:
添加引用:
然后就是代码了,这次的代码比较少。
界面代码:
![](/assets/blank.gif)
后台代码:
![](/assets/blank.gif)
先看效果吧,编译运行:
可以用鼠标、手写笔或触摸屏在上面随意涂鸦,这感觉很好。
想像一下,这个软件对于囚犯来说,会是多么重要。
对于一些手写笔,还支持反转时转换为橡皮擦功能,很牛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,如需转载请自行联系原作者
WPF界面设计技巧(6)—玩玩数字墨水手绘涂鸦相关推荐
- WPF界面设计技巧(3)—实现不规则动画按钮
WPF界面设计技巧(3)-实现不规则动画按钮 原文:WPF界面设计技巧(3)-实现不规则动画按钮 发布了定义WPF按钮的教程后,有朋友问能否实现不规则形状的按钮,今天我们就来讲一下不规则按钮的制作. ...
- WPF界面设计技巧(11)-认知流文档 小议WPF的野心
流文档是WPF中的一种独特的文档承载格式,它的书写和呈现方式都很像HTML,它也几乎具备了HTML的绝大多数优势,并提供了更强的编程支持及对WPF其他元素的兼容. 直接来看代码吧,需要讲解的地方比较多 ...
- 【.Net码农】WPF界面设计—撸大师
http://blog.csdn.net/cmis7645/article/details/7562833 WPF界面设计,模仿了金山卫士,360,鲁大师的界面! [html] view plainc ...
- .NET都实现平台统一了你还不会WPF界面设计?
WPF界面设计基础 布局 常用布局属性 常用布局容器 Grid StackPanel WrapPanel DockPanel UniformGrid 控件结构 样式 触发器 触发器的类型: 控件模板- ...
- 应用程序使用统计信息 – .NET CORE(C#) WPF界面设计
本文首发地址:https://dotnet9.com/10546.html 关键功能点 抽屉式菜单 圆形进度条 Demo演示: 1. 新建项目 使用 VS 2019 的 .NET Core 3.1 W ...
- QT常用实用的界面设计技巧
一.主界面 1.窗口 最小化 最小化 关闭按钮 显示状态自定义 setWindowFlags(Qt::CustomireWindowHint); setWindowFlags(Qt::WindowCl ...
- C# WPF界面设计参考 工控机上位机界面 美观炫酷的现代化风格界面设计实际案例分享 界面设计代码
1.动图效果展示 2.界面1 3.界面2 4.界面3 需要界面效果代码的可留言联系博主
- html登录界面设计代码_.NET 5 开发WPF - 美食应用登录UI设计
Demo演示: 你的时间宝贵,不想看啰嗦的文字,可直接拉到文末下载源码! 1. 新建项目 站长开发环境: VS 2019企业版 16.70 .NET 5 Preview 5 .NET 5 WPF 项目 ...
- 准备.Net转前端开发-WPF界面框架那些事,UI快速实现法
题外话 打开博客园,查看首页左栏的"推荐博客",排名前五的博客分别是(此处非广告):Artech.小坦克.圣殿骑士.腾飞(Jesse).数据之巅.再看看它们博客的最新更新时间:Ar ...
最新文章
- php 多叉树实现,一个简单的多叉树C++实现
- linux ping 端口_教你排除linux中网络故障问题
- ap协议java_AP计算机科学A:Java编程类和对象
- linux nfs 无法写入,无法写入挂载点(nfs-server),获得“权限被拒绝”
- Android特效 五种Toast具体解释
- HttpClient 发送 HTTP、HTTPS 请求的简单封装
- pythont提示AttributeError: module ‘scipy.misc‘ has no attribute ‘imsave‘或‘imread‘
- 为Angular(2+)开发人员提供带TypeScript的Vue.js
- Spring框架配置文件 application.xml 示例
- CSS3自定义下拉框菜单
- 威纶通触摸屏上传错误_威纶通触摸屏程序怎么上传?
- Python及IPython安装使用
- 推荐一款使用快捷的免费文字识别OCR(图片转文字)在线服务
- 深信服虚拟化服务器,深信服虚拟化asv体验
- kernel hacking
- 为什么要发明Hooks?
- Latex 命令速查
- 教你如何编写测试用例
- Invalid prop: type check failed for prop “total“. Expected Number with value 0, got String with valu
- unity未探索区域迷雾_Unity的探索性测试
热门文章
- Aircrack-ng使用手册
- scrcpy源码阅读及在Ubuntu上的实现(一)——了解原理
- Active Directory服务接口完整源代码,组COM接口
- 安大计算机复试时间,安徽大学2020年硕士研究生复试时间公布(超详细)
- NBA 全明星 Luka Dončič 的数字(虚拟)替身Luk.AI
- 取消EditText自动获取焦点
- linux管道符查看家目录,深入学习Linux之Linux中的管道符 | 和grep,awk,cut命令
- 高频电流探头示波器电流探头的功能检验和消磁操作
- Oracle Clusterware的命令集可以分为以下4种: 节点层:osnodes 网络层:oifcfg 集群层:crsctl, ocrcheck,ocrdump,ocrconfig 应用
- 使用大规模数据注释和深度学习对具有人类水平性能的组织图像进行全细胞分割