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

    xiaoxiao2021-12-14  17

    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/

    转载请注明原文地址: https://ju.6miu.com/read-965021.html

    最新回复(0)