WPF 自定義一個可以編輯的TextBlock控件，仿照Excel的單元格樣式

先看效果

控件代碼

[TemplatePart(Name = "Part_DisplayTextBlock", Type = typeof(TextBlock))]
    [TemplatePart(Name = "Part_EditTextBox", Type = typeof(TextBox))]
    public class EditableTextBlock : Control
    {
        // Using a DependencyProperty as the backing store for Text.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty TextProperty =
            DependencyProperty.Register("Text", typeof(string), typeof(EditableTextBlock), new FrameworkPropertyMetadata(default));

        static EditableTextBlock()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(EditableTextBlock), new FrameworkPropertyMetadata(typeof(EditableTextBlock)));
        }

        public string Text
        {
            get { return (string)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            var textBlock = GetTemplateChild("Part_DisplayTextBlock") as TextBlock;
            var textBox = GetTemplateChild("Part_EditTextBox") as TextBox;
            if (textBox == null || textBlock == null)
            {
                return;
            }
            //啟動的時候設置TextBlock可見，textBox隱藏
            textBlock.Visibility = Visibility.Visible;
            textBox.Visibility = Visibility.Collapsed;
            //給控件的鼠標雙擊事件掛載一個方法
            MouseDoubleClick += (s, e) =>
            {
                textBlock.Visibility = Visibility.Collapsed;
                textBox.Visibility = Visibility.Visible;
                textBox.Focus();//使TextBox獲得焦點
            };
            //給控件的失去焦點事件掛載一個方法
            LostFocus += (s, e) =>
            {
                textBox.Visibility = Visibility.Collapsed;
                textBlock.Visibility = Visibility.Visible;
            };
            ////給控件的鼠標離開事件掛載一個方法，這個好像不怎么好
            //MouseLeave += (s, e) =>
            //{
            //    textBox.Visibility = Visibility.Collapsed;
            //    textBlock.Visibility = Visibility.Visible;

            //};
        }
    }

樣式代碼

<Style TargetType="{x:Type local:EditableTextBlock}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:EditableTextBlock}">
                    <Grid Width="{TemplateBinding Width}">
                        <TextBlock
                            x:Name="Part_DisplayTextBlock"
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                            Text="{TemplateBinding Text}" />
                        <TextBox
                            x:Name="Part_EditTextBox"
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                            Text="{TemplateBinding Text}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

界面

<Window
    x:Class="MvvmToolkit學習.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:local="clr-namespace:MvvmToolkit學習"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="600"
    d:DataContext="{d:DesignInstance Type=local:TestViewModel}"
    mc:Ignorable="d">
    <Window.Resources>
        <Style TargetType="local:EditableTextBlock">
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="Height" Value="50" />
            <Setter Property="Width" Value="200" />
            <Setter Property="FontSize" Value="25" />
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel HorizontalAlignment="Center" Orientation="Vertical">
            <Grid ShowGridLines="True">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <local:EditableTextBlock
                    Grid.Row="0"
                    Grid.Column="0"
                    Text="AAAA" />
                <local:EditableTextBlock
                    Grid.Row="0"
                    Grid.Column="1"
                    Text="AAAA" />
                <local:EditableTextBlock
                    Grid.Row="1"
                    Grid.Column="0"
                    Text="AAAA" />
                <local:EditableTextBlock
                    Grid.Row="1"
                    Grid.Column="1"
                    Text="AAAA" />
                <local:EditableTextBlock
                    Grid.Row="2"
                    Grid.Column="0"
                    Text="AAAA" />
                <local:EditableTextBlock
                    Grid.Row="2"
                    Grid.Column="1"
                    Text="AAAA" />
            </Grid>
            <TextBox Text="BBB" />

        </StackPanel>
    </Grid>
</Window>