科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道XAML入门之附加属性和绑定属性

XAML入门之附加属性和绑定属性

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

    有极少数的XAML元素存在下面所描述的情况,就是其自身的属性大多数情况下是在其它的元素中进行声明和使用的,该元素本身却很少使用这些属性。这些在其它元素中声明和使用的属性我们称为附加属性。一般来说,附加属性是用于在一个父元素定位其它元素布局的。

作者:中国IT实验室 来源:中国IT实验室 2007年10月2日

关键字: 开发 XAML 编程

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共2页)

    有极少数的XAML元素存在下面所描述的情况,就是其自身的属性大多数情况下是在其它的元素中进行声明和使用的,该元素本身却很少使用这些属性。这些在其它元素中声明和使用的属性我们称为附加属性。一般来说,附加属性是用于在一个父元素定位其它元素布局的。就像Grid和DockPanel元素就包含附加属性。Grid使用附加属性来指定包含子元素的特定行和列,而DockPanel使用附加属性是来指定子元素应该停靠在面板中的何处位置。

  提示:我们可以在所有的由DependencyObject派生出的元素中设置附加属性。而DependencyObject又是由UIElement派生的,所以绝大多数的XAML元素都可以使用附加属性。

  我们说过附加属性是在另外一个元素中进行声明的,而其本身是属于所引用的元素。为此它在XAML中的声明语法为:属性提供元素名.属性名。例如,Grid有两个附加属性:Row和Column。如果我们要将某个元素包含在Grid的特定区域中,你可以在该元素中使用Grid.Row和Grid.Column两个属性附加属性指定确切的行和列。下面的代码描述了上述的实现:

01 <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
02 WindowTitle="GridSample">
03 <Grid VerticalAlignment="Top" HorizontalAlignment="Left" ShowGridLines="True"
04 Width="250" Height="100">
05 <Grid.ColumnDefinitions>
06 <ColumnDefinition />
07 <ColumnDefinition />
08 <ColumnDefinition />
09 </Grid.ColumnDefinitions>
10 <Grid.RowDefinitions>
11 <RowDefinition />
12 <RowDefinition />
13 <RowDefinition />
14 <RowDefinition />
15 </Grid.RowDefinitions>
16
17 <TextBlock FontSize="20" FontWeight="Bold" Grid.ColumnSpan="3" Grid.Row="0">
18 2005 Products Shipped
19 </TextBlock>
20 <TextBlock FontSize="12" FontWeight="Bold" Grid.Row="1" Grid.Column="0">
21 Quarter 1
22 </TextBlock>
23 <TextBlock FontSize="12" FontWeight="Bold" Grid.Row="1" Grid.Column="1">
24 Quarter 2
25 </TextBlock>
26 <TextBlock FontSize="12" FontWeight="Bold" Grid.Row="1" Grid.Column="2">
27 Quarter 3
28 </TextBlock>
29 <TextBlock Grid.Row="2" Grid.Column="0">50000</TextBlock>
30 <TextBlock Grid.Row="2" Grid.Column="1">100000</TextBlock>
31 <TextBlock Grid.Row="2" Grid.Column="2">150000</TextBlock>
32 <TextBlock FontSize="16" FontWeight="Bold" Grid.ColumnSpan="3" Grid.Row="3">
33 Total Units: 300000
34 </TextBlock>
35 </Grid>
36 </Page>

  最终的呈现效果如下:

点击放大此图片

 

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章