WPF知识点全攻略06-WPF逻辑树（Logical Tree）和可视树（Visual Tree）

2021-05-30 04:21

阅读：708

标签：object logical tar on() lan ref net art pen

介绍概念之前，先来分析一段代码：

xaml代码如下：

Window x:Class="WpfApp1.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"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    UniformGrid x:Name="grid">
        Button Height="30" Width="120" >
            StackPanel>
                Image/>
                TextBlock>ClackTextBlock >
            StackPanel>
        Button>

        Button Height="30" Width="120" >
            StackPanel>
                Image/>
                TextBlock>ClackTextBlock >
            StackPanel>
            Button.Template >
                ControlTemplate TargetType =‘Button‘>
                    ContentPresenter Content =‘{TemplateBinding Content }‘/>
                ControlTemplate >
            Button.Template >
        Button>

    UniformGrid>
Window>

xaml.cs代码如下：

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

namespace WpfApp1
{
    /// 
    /// MainWindow.xaml 的交互逻辑
    /// 
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.Loaded += MainWindow_Loaded;
        }
        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            Image image = new Image();

            TextBlock textBlock = new TextBlock();
            textBlock.Text = "Clack";

            StackPanel stackPanel = new StackPanel();
            stackPanel.Children.Add(image);
            stackPanel.Children.Add(textBlock);

            Button button = new Button();
            button.Width = 100;
            button.Height = 30;
            button.Content = stackPanel;

            this.grid.Children.Add(button);
        }
    }
}