silverlight 2.0 beta 2 之 blend 2.5(2)版面配置容器

weixin_30824599

于 2008-07-17 11:17:00 发布

阅读量51

点赞数

版权

1 、Border

Border用于在另一个元素的周围绘制边框、背景。Border内只能具有一个子级。若要显示多个子元素，需要将border内放置grid面板或canvas面板.

注 : Border 不是 Layout ，而是 Control 。

2 、Grid

格线画板它类似于table,只不过子元素不用放在单元格中,使用Grid.Row和Grid.Column两个附加属性指定子元素在Grid中显示的位置，这是一种非常灵活的布局方式。

１列定义，２行定义，３是否显示格线．点击红圈圈的位置添加列．

下面咱们来看一下此方式生成的Ｘａｍｌ

<Grid x:Name="LayoutRoot" Background="#FFFFFFFF" ShowGridLines="True">

//行定义  

<Grid.RowDefinitions>

        <RowDefinition Height="50"/>

        <RowDefinition Height="*"/>

    </Grid.RowDefinitions>

//列定义

    <Grid.ColumnDefinitions>

        <ColumnDefinition Width="300"/>

        <ColumnDefinition Width="*"/>

    </Grid.ColumnDefinitions>

    <TextBlock Grid.Row="0" Grid.Column="0" Text="UserName:" VerticalAlignment="Center" Foreground="#ff000000"></TextBlock>

    <TextBlock Grid.Row="1" Grid.Column="0" Text="Password:" VerticalAlignment="Center" Foreground="#ff000000"></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>

3 、ScrollViewer当其中显示的内容超过它自身的大小时，就会有滚动条出现。

通过属性HorizontalScrollBarVisibility和VerticalScrollBarVisibility来控制纵向和横向滚动条是否出现

ScrollViewer 可卷动其中的子元素。由于它与 boder 类似都只能有一个子元素，因此在大部分的情況下，会在其中放置 StackPanel 、 Canvas 或 Grid 面板。每次將子元素新增至 ScrollViewer时，新的子元素就会复写现有的子元素。

滚动条:Hidden 隐藏 Disabled 不显示 Auto 自动 Visible 显示

4 、Stackpanel

將子元素沿着一条直线,横向或纵向线条排列.

如果内部设定超过容器大小， StackPanel会裁剪越界部分

默认情况下所有的子元素会垂直的排列显示，当然我们也可以指定为水平排列，通过 Orientation 属性

<StackPanel Background="black" Orientation="Horizontal">

    <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>

5 、Canvas

它支持绝对位置, 当固定位置设定十分重要时，请使用画布面板。当您调整应用程式的大小时，放置在画布面板上的元素將不会自动调整大小，但是在ｇｒｉｄ面板上的元素就会自动调整大小

除了 Canvas.Top 和 Canvas.Left 两个附加属性外，还有一个 Canvas.ZIndex 附加属性来改变它们的显示顺序

<Canvas Background="#46461F">

    <Rectangle Fill="#0099FF" Width="160" Height="80" Canvas.Top="100" Canvas.Left="100" Canvas.ZIndex="1"/>

    <Rectangle Fill="#FF9900" Width="160" Height="80" Canvas.Top="100" Canvas.Left="100"/>

</Canvas>

转载于:https://www.cnblogs.com/shmily20071030/archive/2008/07/17/1245039.html

关注