【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="" Width="">
     <Viewbox>
         <Canvas x:Name="canvas_1" Background="SkyBlue" Width="" Height="">
           <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="" d:DesignWidth="">
     <Canvas Width="" Height="">
         <Button Width="" Height="" Canvas.Left="" Content="按钮" Canvas.Top="" 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="" Width="">
     <Viewbox>
         <Canvas x:Name="canvas_1" Background="SkyBlue" Width="" Height="">
         </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="" d:DesignWidth="">
     <Canvas Width="" Height="">
         <Button Width="" Height="" Canvas.Left="" Content="按钮" Canvas.Top="" 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 = ; i < ; 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 * );
             }
         }
     }
 }

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