WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(10):使用用户控件 阅读

学Silverlight 2系列(10):使用用户控件

 2008-10-03 11:36:23 来源:WEB开发网   
核心提示: 使用用户控件:<Grid x:Name="LayoutRoot" Background="#46461F"><uc:ConfirmBox x:Name="mybox"></uc:ConfirmBox

学Silverlight 2系列(10):使用用户控件

使用用户控件:

<Grid x:Name="LayoutRoot" Background="#46461F">
  <uc:ConfirmBox x:Name="mybox"></uc:ConfirmBox>
</Grid>

整个过程就这么简单,运行后效果如下:

学Silverlight 2系列(10):使用用户控件

为用户控件添加属性

简单的修改一下上面示例中的XAML文件,添加一个文本块控件,用它来显示文字提示信息。

<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">
        <Image Source="info.png" Margin="10 0 0 0"></Image>
        <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>

定义属性:

Tags:Silverlight 系列 使用

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接