当前位置: 首页 > 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. 代码示例:不同模式

相关文章:

  • 树莓派超全系列文档--(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强制更新:永久关闭系统更新指南
  • 特朗普公开“怼”库克:苹果不应在印度生产手机
  • 江苏省委组织部副部长高颜已任南京市委常委、组织部部长
  • 魔都眼|锦江乐园摩天轮“换代”开拆,新摩天轮暂定118米
  • 奥运“四朝元老”华天回国参赛,伤势未愈谨慎出战全国锦标赛
  • 互降关税后,从中国至美国的集装箱运输预订量飙升近300%
  • 鄂州交警通报致1死2伤车祸:女子操作不当引发,已被刑拘