WPF_04

本次来做一个小例子，体会一下最简单的WPF组件化开发

1. 新建WPF用户控件库
   
2. 做一个菜单栏
   

<UserControl x:Class="WpfControlLibrary1.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" 
             xmlns:local="clr-namespace:WpfControlLibrary1"
             mc:Ignorable="d" 
             d:DesignHeight="20" d:DesignWidth="800">
    <StackPanel>
        <Menu>
            <MenuItem Header="开始">
                <MenuItem Header="新建"></MenuItem>
                <MenuItem Header="保存"></MenuItem>
                <MenuItem Header="打开"></MenuItem>
                <MenuItem Header="退出"></MenuItem>
            </MenuItem>
            <MenuItem Header="编辑"></MenuItem>
            <MenuItem Header="项目"></MenuItem>
            <MenuItem Header="帮助"></MenuItem>
        </Menu>
    </StackPanel>
</UserControl>

3. 再新建一个WPF用户控件库（方法同第一步）
4. 画出如下界面
   

<UserControl x:Class="WpfControlLibrary2.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" 
             xmlns:local="clr-namespace:WpfControlLibrary2"
             mc:Ignorable="d" 
             d:DesignHeight="200" d:DesignWidth="400">
    <Grid>
        <Button Content="登录" HorizontalAlignment="Left" Margin="93,142,0,0" VerticalAlignment="Top" Width="201" Height="23" Click="Button_Click"/>
        <TextBlock HorizontalAlignment="Left" Margin="93,54,0,0" TextWrapping="Wrap" Text="姓名:" VerticalAlignment="Top" Background="AliceBlue" Width="50" Height="23" FontSize="20" FontStyle="Italic"/>
        <TextBlock HorizontalAlignment="Left" Margin="93,96,0,0" TextWrapping="Wrap" Text="密码:" VerticalAlignment="Top" Background="AliceBlue" Height="23" Width="50" FontSize="20" FontStyle="Italic" RenderTransformOrigin="-0.42,0.435"/>
        <TextBox HorizontalAlignment="Left" Height="23" Margin="174,54,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Name="Textbox"/>
        <PasswordBox HorizontalAlignment="Left" Height="23" Margin="174,96,0,0"  VerticalAlignment="Top" Width="120" Name="Pwdbox"/>

    </Grid>
</UserControl>

5.给按钮添加点击事件

private void Button_Click(object sender, RoutedEventArgs e)
        {
            TextBox textBox = new TextBox();
            textBox.Text = Textbox.Text;
            PasswordBox passwordBox = new PasswordBox();
            passwordBox.Password = Pwdbox.Password;
            MessageBox.Show(textBox.Text + passwordBox.Password);
        }

6.新建一个WPF应用程序
7.画出主框架（界面一分为四）

8.将之前建立的两个WPF用户控件添加到WPF主程序中，俗称添加引用

9.将自己的这俩用户组件丢到主程序框架中。（以下为主程序完整XAML代码）

<Window x:Class="WpfDay01.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:WpfDay01"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:control="clr-namespace:WpfControlLibrary1;assembly=WpfControlLibrary1"
        xmlns:control2="clr-namespace:WpfControlLibrary2;assembly=WpfControlLibrary2"
        mc:Ignorable="d"
        Title="MainWindow" Height="400" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="20"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <control:UserControl1 Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"/>
        <control2:UserControl1 Grid.Row="1"/>
        <control2:UserControl1 Grid.Row="1" Grid.Column="1"/>
    </Grid>
</Window>

10，运行样式



就到这里了。。。。。。。。。。。。。。。。。。。。。。。。。。。。