【demo练习四】：WPF用户控件案例

首先，新建vs中“用户控件（WPF）”，右键项目名 =>"添加"按钮 => 选择“新建项”。

然后选择“用户控件（WPF）” => 起名字 => 点击“添加”按钮。

最后生成用户控件界面。

 建好用户控件后开始累代码，如下：

方法一：直接在前台页面调用“用户控件”。

主界面前台：

<Window x:Class="自定义用户控件.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:local="clr-namespace:自定义用户控件"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Viewbox>
        <Canvas x:Name="canvas_1" Background="SkyBlue" Width="1920" Height="1080">
          <local:UserControl1  Width="300" Height="300"/>
        </Canvas>
    </Viewbox>
</Window>

用户控件前台：

<UserControl x:Class="自定义用户控件.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d"
             Background="Red"
             d:DesignHeight="300" d:DesignWidth="300">
    <Canvas Width="300" Height="300">  
        <Button Width="120" Height="40" Canvas.Left="30" Content="按钮" Canvas.Top="61" Click="Button_Click" />
    </Canvas>
</UserControl>

用户控件的后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 自定义用户控件
{
    /// <summary>
    /// UserControl1.xaml 的交互逻辑
    /// </summary>
    public partial class UserControl1 : UserControl
    {
        public UserControl1()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
28         {
29             MessageBox.Show("ddd");
30         }
    }
}

方法二：利用主界面的后台调用“用户控件”。

主界面前台：

<Window x:Class="自定义用户控件.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:local="clr-namespace:自定义用户控件"
        Loaded="Window_Loaded"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Viewbox>
        <Canvas x:Name="canvas_1" Background="SkyBlue" Width="1920" Height="1080"> 
        </Canvas>
    </Viewbox>
</Window>

用户控件前台：

<UserControl x:Class="自定义用户控件.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" Loaded="UserControl_Loaded"
             Background="Red"
             d:DesignHeight="300" d:DesignWidth="300">
    <Canvas Width="300" Height="300">  
        <Button Width="120" Height="40" Canvas.Left="30" Content="按钮" Canvas.Top="61" Click="Button_Click" />
    </Canvas>
</UserControl>

用户界面后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 自定义用户控件
{
    /// <summary>
    /// UserControl1.xaml 的交互逻辑
    /// </summary>
    public partial class UserControl1 : UserControl
    {
        public UserControl1()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("ddd");
        }

        private void UserControl_Loaded(object sender, RoutedEventArgs e)
33         {
34             MessageBox.Show("控件加载");
35         }
    }
}

主界面后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 自定义用户控件
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                uc_test1 _uc_test1 = new uc_test1();
32                 _uc_test1.Width = _uc_test1.Height = 300;
33                 canvas_1.Children.Add(_uc_test1);
                Canvas.SetLeft(_uc_test1, i * 310);
            }
        }
    }
}

以上两种方法调用“用户控件”。