WPF中使用InkCanvas制作简单画板

431 阅读1分钟

在这里插入图片描述
MainWindow.xaml中代码如下:

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication2"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <DockPanel>
        <InkCanvas DockPanel.Dock="Bottom" Name="inkCanvas1"/>
        <Label DockPanel.Dock="Left" Name="label" Width="114" Height="25"/>
        <ComboBox DockPanel.Dock="Right" Name="combInkCanvasEditingMode" Height="25"/>
    </DockPanel>
</Window>

MainWindow.xaml.cs代码如下:

using System;
using System.Windows;
using System.Windows.Controls;

namespace WpfApplication2
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            label.Content = "选择画笔样式:";
            foreach (InkCanvasEditingMode mode in Enum.GetValues(typeof(InkCanvasEditingMode)))
            {
                this.combInkCanvasEditingMode.Items.Add(mode);
            }
            this.combInkCanvasEditingMode.SelectedIndex = 0;//设置默认为InkCanvasEditingMode的第一个模式
            this.combInkCanvasEditingMode.SelectionChanged += CombInkCanvasLineType_SelectionChanged;
        }

        private void CombInkCanvasLineType_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            this.inkCanvas1.EditingMode = (InkCanvasEditingMode)this.combInkCanvasEditingMode.SelectedItem;
        }
    }
}