SilverLight中自定义用户控件

 

SilverLight中自定义用户控件

 

1．  新建一个自定义控件

前台代码:

<UserControl x:Class="Binglang.SilverlightDemo5.SilverlightControl1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Width="400" Height="300">

    <Grid x:Name="LayoutRoot" Background="White">

        <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

               Opacity="0.7" Fill="#FF8A8A8A"/>

        <Border CornerRadius="15" Width="400" Height="150" Background="LightPink" Opacity="0.9">

            <Grid>

                <Grid.RowDeFinitions>

                    <RowDeFinition Height="60"></RowDeFinition>

                    <RowDeFinition Height="90"></RowDeFinition>

                </Grid.RowDeFinitions>

                <Grid.ColumnDeFinitions>

                    <ColumnDeFinition></ColumnDeFinition>

                </Grid.ColumnDeFinitions>

                <TextBlock x:Name="message" FontSize="18" Foreground="White"

                       HorizontalAlignment="Left" VerticalAlignment="Center"

                       Margin="50 20 0 0"/>

                <StackPanel Orientation="Horizontal" Height="50" Grid.Row="1">

                  

                    <Button Background="Red" Width="120" Height="40"

                    Content="OK" Margin="10 0 0 0" FontSize="18"/>

                    <Button Background="Red" Width="120" Height="40"

                    Content="Cancel" Margin="50 0 0 0" FontSize="18"/>

                </StackPanel>

            </Grid>

        </Border>

 

    </Grid>

</UserControl>

 

后台代码:

   public partial class SilverlightControl1 : UserControl

    {

        public SilverlightControl1()

        {

            InitializeComponent();

           

        }

       //为用户控件添加一个属性

        public string Message

        {

            get { return this.message.Text; }

            set { this.message.Text = value; }

        }

       

}

 

调用自定义用户控件:

// xmlns:uc="clr-namespace:Binglang.SilverlightDemo5" <!—注意：调用用户控件需要引入相应的命名空间 !-->

<Grid x:Name="LayoutRoot">

        <uc:SilverlightControl1 x:Name="userControl" Message="这段文字出现，表示设置用户控件属性成功。"  ></uc:SilverlightControl1>

    </Grid>