当前位置: 首页 > news >正文

WPF InkCanvas 控件详解

1. InkCanvas 是什么?

InkCanvas 是 WPF 提供的一个手写绘图控件,它允许用户使用鼠标、触摸屏或手写笔在界面上进行绘图、标注等操作。

核心特点:
✅ 具备笔迹存储和管理功能。
✅ 提供 ChildrenStrokes 两个集合,分别用于管理子控件绘制的笔迹
✅ 通过 EditingMode 属性控制交互模式,比如绘制、擦除、选择等
✅ 可结合 InkStroke 进行笔迹管理、存储、撤销等操作


2. InkCanvas 的核心集合

InkCanvas 主要包含两个重要的子集合

集合名称 作用
Children 存储 UIElement 子控件,如 ButtonTextBox
Strokes 存储用户绘制的笔迹数据,可用于保存、撤销、重绘等

示例:向 Children 添加一个按钮

Button myButton = new Button { Content = "清除", Width = 80, Height = 30 };
Canvas.SetLeft(myButton, 10);
Canvas.SetTop(myButton, 10);
myInkCanvas.Children.Add(myButton);

示例:操作 Strokes 集合

// 清空所有笔迹
myInkCanvas.Strokes.Clear();

3. InkCanvas.EditingMode 属性 

EditingMode 控制 InkCanvas 的交互方式,共有7 种模式

作用 示例
Ink 默认模式,使用笔绘制线条 适用于手写绘图
GestureOnly 只识别手势,不绘制 用于手势识别
InkAndGesture 允许绘制,同时识别手势 适用于支持手势的绘图软件
Select 允许选择已有的笔迹对象 适用于编辑模式
EraseByStroke 擦除整条笔迹 适用于橡皮擦工具
EraseByPoint 逐点擦除笔迹 适用于精细擦除
None 禁用 InkCanvas 的所有交互 适用于只展示内容,不允许修改

4. 代码示例:不同模式

http://www.dtcms.com/a/91981.html

相关文章:

  • 树莓派超全系列文档--(7)RaspberryOS播放音频和视频
  • 等差数列公式推导
  • SynchronousQueue的不恰当使用,瞬时过载导致线程池任务被拒绝
  • 【hadoop】hadoop streaming
  • Vue3动态加载组件,警告:Vue received a Component than was made a reactive object
  • nginx-rtmp-module之ngx_rtmp.c代码详解
  • 使用 Chromedp 监听网页请求和响应
  • 利用脚本和Shader制作屏幕后处理效果
  • MOSN(Modular Open Smart Network)-04-TLS 安全链路
  • HCIA复习
  • go-zero: sqlx 对timestamp 格式数据问题
  • 罗杰斯特回归
  • 四川省汽车加气站操作工备考题库及答案分享
  • 蓝桥杯练习题--一年中的第几天
  • Numpy基础
  • LLM 加速技术有哪些
  • Linux--文件
  • “Failed to load steamui.dll” 文件丢失:原因分析与全面修复指南
  • UE5小石子阴影在非常近距离才显示的问题
  • 告别Win10强制更新:永久关闭系统更新指南
  • Node.js 下载安装及环境配置教程、卸载删除环境配置超详细步骤(附图文讲解!) 从零基础入门到精通,看完这一篇就够了
  • Day16 -实例:Web利用邮箱被动绕过CDN拿真实ip
  • 鸿蒙生态全解析:应用适配分享
  • 【Python · PyTorch】时域卷积网络 TCN
  • 【字符设备驱动开发–IMX6ULL】(一)简介
  • NLP高频面试题(十八)——什么是prefill和decoder分离架构
  • CAS(Compare And Swap)
  • 邮箱验证:避免无效邮件浪费营销资源
  • 【数据结构】_单链表_相关面试题(二)
  • Focal Loss