首先一些人覺得WPF中前臺的程式碼應該在前臺建立，儘量不要在後臺用程式碼建立。另外如果前臺重複程式碼過多，編寫起來非常繁瑣而且修改更是頭痛。因此使用使用者控制元件的方法把經常使用的前臺模組製作成控制元件，當然用法和普通控制元件基本相同。

注意的地方已經用紅色標記，程式碼如下：

控制元件後臺程式碼：

public partial class UC_ReagentWellTextBlock : UserControl
    {
        public UC_ReagentWellTextBlock()
        {
            //介面初始化
            InitializeComponent();

            //我這裡需要繫結兩個TextBlock,因此將這兩個TextBlock進行繫結,繫結的是用於中轉的變數,後續看的到.
            Binding bindInformation = new Binding("InformationText") { Source = this };
            this.TextBlockInformatioin.SetBinding(TextBlock.TextProperty, bindInformation);

            Binding bindPosition = new Binding("PositionText") { Source = this };
            this.TextBlockPosition.SetBinding(TextBlock.TextProperty, bindPosition);
        }

        //宣告依賴屬性.
        public static readonly DependencyProperty PositionTextProperty = DependencyProperty.Register("PositionText", typeof(string), typeof(UC_ReagentWellTextBlock));
        public static readonly DependencyProperty InformationTextProperty = DependencyProperty.Register("InformationText", typeof(string), typeof(UC_ReagentWellTextBlock));

        //宣告中轉的變數
        public string PositionText
        {
            get { return (string)GetValue(PositionTextProperty); }
            set { SetValue(PositionTextProperty, value); }
        }

        public string InformationText
        {
            get { return (string)GetValue(InformationTextProperty); }
            set { SetValue(InformationTextProperty, value); }
        }
    }
 

控制元件前臺程式碼：

  <Grid>
        <Border BorderThickness="1" BorderBrush="Black">
            <Grid>
        <Button Style="{DynamicResource s_ShowButton}" />
        <TextBlock x:Name="TextBlockPosition"
                   Style="{DynamicResource s_Position}"/>
        <TextBlock x:Name="TextBlockInformatioin"
                   Style="{DynamicResource s_Info}"/>
            </Grid>
        </Border>
    </Grid>
 

窗體呼叫控制元件後臺：

           Binding bind2 = new Binding(bindStr);
           //資料繫結,等號後面的東西可以不用看,替換成其他的物件即可.
           well3_1.DataContext = IC_LABRARY.Instrument.Instrument.InstrumentRackSample.InstrumentWellSampleArray[2].InstrumentContainerTube.InformationManagementPatient;
           //繫結資料來源,這裡就是一開始想要實現的和基本控制元件一樣的功能.
           well3_1.SetBinding(UC.UC_ReagentWellTextBlock.PositionTextProperty, bind2);
           well3_1.SetBinding(UC.UC_ReagentWellTextBlock.InformationTextProperty, bind2);
 

窗體呼叫控制元件前臺：

<Window x:Class="IC_DEMO_UI.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:myReactionWell="clr-namespace:IC_DEMO_UI.UC"
        Title="MainWindow" Height="588.824" Width="300">
    <Window.Resources>
        <Style x:Key="S_TextBlock_No" TargetType="TextBlock">
            <Setter Property="Foreground"  Value="Blue"/>
            <Setter Property="FontFamily" Value="微軟雅黑"/>
            <Setter Property="FontSize" Value="13"/>
            <Setter Property="Margin" Value="0,5,0,0"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
        </Style>
        <Style x:Key="S_TextBlock_Content" TargetType="TextBlock">
            <Setter Property="Foreground"  Value="Blue"/>
            <Setter Property="FontFamily" Value="微軟雅黑"/>
            <Setter Property="FontSize" Value="13"/>
            <Setter Property="Margin" Value="0,25,0,0"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
        </Style>
        <Style x:Name="S_Boarder" x:Key="S_Border" TargetType="Border">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
        </Style>
            <Style x:Key="S_ButtonWell" TargetType="{x:Type Button}">
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="2"/>
            <Setter Property="Width" Value="45"/>
            <Setter Property="Height" Value="45"/>

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid>
                            <Ellipse Stroke="Black">
                                <Ellipse.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="White" Offset="0"/>
                                        <GradientStop Color="#FF048A00" Offset="1"/>
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                              RecognizesAccessKey="True"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsFocused" Value="True"/>
                            <Trigger Property="IsDefaulted" Value="True"/>
                            <Trigger Property="IsMouseOver" Value="True"/>
                            <Trigger Property="IsPressed" Value="True"/>
                            <Trigger Property="IsEnabled" Value="False"/>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid x:Name="G_MainGrid">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
   <myReactionWell:UC_ReagentWellTextBlock x:Name="well3_1" Grid.Row="0" Grid.Column="2" RenderTransformOrigin="0.424,1.627"/>
   </Grid>
</Window>

溫馨提示:CSDN的Blog第一天不允許髮帶連結的文章,否則將封號哦!