[WPF] DataBinding-進階篇(一)創建UserControl

MainWindow：

MainWindow的XAML：

<Window x:Class="WpfApp3.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:WpfApp3"
        mc:Ignorable="d"
        Title="MainWindow" Height="400" Width="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Slider x:Name="Slider1"
                Grid.Column="1" 
                HorizontalAlignment="Center"
                Grid.Row="1" 
                VerticalAlignment="Center"
                Width="250"
                ValueChanged="Slider1_ValueChanged"
                SmallChange="1"
                Maximum="100"/>
        <local:UserControl1 
            HorizontalAlignment="Center" 
            VerticalAlignment="Center"/>
    </Grid>
</Window>

UserControl的XAML：

<UserControl x:Class="WpfApp3.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:WpfApp3" 
             mc:Ignorable="d" 
             d:DesignHeight="400" d:DesignWidth="400">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Label x:Name="Label1"
               Content="Label1" 
               HorizontalAlignment="Stretch"
               Grid.Row="0" 
               VerticalAlignment="Stretch" 
               HorizontalContentAlignment="Center"
               VerticalContentAlignment="Center"
               FontSize="36" 
               Background="#FFAA2525" 
               Foreground="#FFFBF8F6"/>
        <Label x:Name="Label2"
               Content="Label2"
               HorizontalAlignment="Stretch"
               Grid.Row="1" 
               VerticalAlignment="Stretch"
               VerticalContentAlignment="Center" 
               HorizontalContentAlignment="Center"
               FontSize="36" 
               Background="#FF60B646"
               Foreground="#FFFBF8F6"/>
        <Label x:Name="Label3"
               Content="Label3"
               HorizontalAlignment="Stretch"
               Grid.Row="2"
               VerticalAlignment="Stretch"
               VerticalContentAlignment="Center" 
               HorizontalContentAlignment="Center"
               FontSize="36"
               Background="#FF28389C"
               Foreground="#FFFBF8F6"/>
    </Grid>
</UserControl>