#486 – InkCanvas 支持多种编辑模式（InkCanvas Supports Different Editing Modes）

最新推荐文章于 2025-05-09 11:40:20 发布

Milo米啊米啊米

最新推荐文章于 2025-05-09 11:40:20 发布

阅读量1.4k

点赞数

分类专栏： WPF 文章标签： InkCanvas EditingMode

WPF 专栏收录该内容

191 篇文章

订阅专栏

本文介绍了WPF中InkCanvas控件的不同编辑模式，包括如何通过设置EditingMode属性实现绘图、选择、擦除等功能，并提供了一个示例代码用于演示各种编辑模式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

InkCanvas 控件有一个EditingMode 属性允许用户改变用户与InkCanvas的交互方式。你可以在上面画图，选中已画的部分，或者擦除。

EditingMode 属性可以设置以下几种值：

- None —— 不可以在InkCanvas 上绘图

- Ink ——可以用户表或者手写笔在InkCanvas 上绘图

- GestureOnly ——InkCanvas 只响应你的绘图操作和手势，但是不允许你在上面画图

- InkAndGesture ——InkCanvas 响应你的绘图操作和手势，允许你在上面画图

- Select ——选择之前绘画的元素

- EraseByPoint ——擦除，每次一个点

- EraseByStroke ——擦除，每次一个Strock

你可以运行下面的代码来感受不同编辑模式下InkCanvas 与用户的交互。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:controls="clr-namespace:System.Windows.Controls;assembly=PresentationFramework"
        Title="InkCanvas Editing Modes" Height="350" Width="525">
    <Window.Resources>
        <ObjectDataProvider x:Key="editingModes" MethodName="GetValues" ObjectType="{x:Type sys:Enum}">
            <ObjectDataProvider.MethodParameters>
                <x:Type TypeName="controls:InkCanvasEditingMode"/>
            </ObjectDataProvider.MethodParameters>
        </ObjectDataProvider>
    </Window.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>

        <Border Grid.Column="0" BorderThickness="2" BorderBrush="DodgerBlue"
            Margin="5" >
            <InkCanvas MinHeight="0" MinWidth="0"
                   EditingMode="{Binding ElementName=cboEditingMode, Path=SelectedValue}"/>
        </Border>
        <ComboBox Grid.Column="1" Name="cboEditingMode" Width="100" Height="25" Margin="5"
              ItemsSource="{Binding Source={StaticResource editingModes}}"/>
    </Grid>
</Window>

代码中 xmlns:sys 和 xmlns:controls是两个命名空间。

原文地址：https://wpf.2000things.com/2012/02/02/486-inkcanvas-supports-different-editing-modes/