Silverlight学习笔记―3_app

概述在上一次学习了helloworld的项目结构，这次主要学习了silverlight的布局管理。 a. Grid：网格布局。通过<Grid.RowDefinitions> 和 <Grid.ColumnDefinitions>来定义Grid的行和列，使用Grid.Row和Grid.Column两个附加属性指定子元素在Grid中显示的位置，这是一种非常灵活的布局方式。如下面的XAML声明：在上一次学习了helloworld的项目结构，这次主要学习了silverlight的布局管理。 a. GrID：网格布局。通过<GrID.RowDeFinitions> 和 <GrID.ColumnDeFinitions>来定义GrID的行和列，使用GrID.Row和GrID.Column两个附加属性指定子元素在GrID中显示的位置，这是一种非常灵活的布局方式。如下面的XAML声明：

<GrIDx:name="LayoutRoot"Background="#46461F" ShowGrIDlines="True">    <GrID.RowDeFinitions>        <RowDeFinition Height="120"/>        <RowDeFinition Height="*"/>    </GrID.RowDeFinitions>    <GrID.ColumnDeFinitions>        <ColumnDeFinition WIDth="100"/>        <ColumnDeFinition WIDth="*"/>    </GrID.ColumnDeFinitions>    <TextBlock GrID.Row="0"GrID.Column="0" Text="Username:" VerticalAlignment="Center" Foreground="White"></TextBlock>    <TextBlock GrID.Row="1"GrID.Column="0" Text="Password:" VerticalAlignment="Center" Foreground="White"></TextBlock>    <TextBox GrID.Row="0"GrID.Column="1" WIDth="200" Height="30"HorizontalAlignment="left"></TextBox>    <TextBox GrID.Row="1"GrID.Column="1" WIDth="200" Height="30"HorizontalAlignment="left"></TextBox></GrID>

定义一个两行两列的GrID，做一个简单的用户登录的布局，为了明显起见，把ShowGrIDlines属性设为True，以便能够显示出边框线。同时，我们指定了第一行的高度为120，而第二行的则是剩余的高度，用*来指定。 b. StackPanel StackPanel支持用行或列的方式来进行页面布局，默认情况下所有的子元素会垂直的排列显示，如下面的XAML声明三个矩形：

<StackPanelBackground="#46461F">    <Rectangle Fill="#0099FF"@R_419_5283@="White"               WIDth="100"Height="50" margin="10"/>    <Rectangle Fill="#0099FF"@R_419_5283@="White"               WIDth="100"Height="50" margin="10"/>    <Rectangle Fill="#0099FF"@R_419_5283@="White"               WIDth="100"Height="50" margin="10"/></StackPanel>

当然我们也可以指定为水平排列，通过OrIEntation属性指定：

<StackPanel Background="#46461F" OrIEntation="Horizontal">

总结

以上是内存溢出为你收集整理的Silverlight学习笔记―3全部内容，希望文章能够帮你解决Silverlight学习笔记―3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1071608.html

Silverlight学习笔记―3

发表评论

评论列表（0条）