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>