Silverlight学习笔记—3
来源:互联网 发布:暗黑破坏神3 mac 卡吗 编辑:程序博客网 时间:2024/04/30 12:49
在上一次学习了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"Stroke="White" Width="100"Height="50" Margin="10"/> <Rectangle Fill="#0099FF"Stroke="White" Width="100"Height="50" Margin="10"/> <Rectangle Fill="#0099FF"Stroke="White" Width="100"Height="50" Margin="10"/></StackPanel>
当然我们也可以指定为水平排列,通过Orientation属性指定:
<StackPanel Background="#46461F" Orientation="Horizontal">
- Silverlight学习笔记—3
- Silverlight学习笔记—2
- Silverlight学习笔记(3):Silverlight的界面布局
- Silverlight学习笔记(3)——动画Storyboard
- Silverlight 2.0 学习笔记——RIAs
- Silverlight 2.0学习笔记——WPF
- Silverlight 2.0学习笔记——XAML
- silverlight学习笔记(1)
- Silverlight学习笔记--多媒体
- Silverlight学习笔记
- Silverlight学习笔记 目录
- silverlight 学习笔记导航
- silverlight学习笔记--1
- Silverlight学习笔记
- Silverlight学习笔记之Silverlight缓存问题
- Silverlight学习笔记--Silverlight初接触
- Silverlight学习笔记--SilverLight中的基本图形
- Silverlight学习笔记--SilverLight中的画刷
- mysql命令行命令和SQL语句,MySQL修改删除增加字段类型,字段数据等。。
- 用jquery实现单双行变色以及鼠标经过时也同时变色
- 四极管:浮点数到整数的转换(转)
- 谷歌浏览器兼容性极差!
- JXARM9-2410实验箱flash烧写及程序下载时的EB2410_load.csf配置解析
- Silverlight学习笔记—3
- 想念曾经。。。。
- android三种菜单介绍 .
- 感情进度条.bat
- 收藏的一些网站及博客
- Android手机隐藏代码
- 逆波兰式
- hook idt
- Dialog自定义Style