SilverLight:布局(1) Border(边框)对象、Grid(网格)对象

简介:
ylbtech-SilverLight-Layout:布局(1) Border(边框)对象、Grid(网格)对象
  • A, Border(边框)对象
  • B, Grid(网格)对象
  • C, Grid(网格)对象之合并行、和并列
1.A, Border(边框)对象返回顶部
1,
2,
<Border BorderBrush="SteelBlue" Margin="25" Background="LightYellow" BorderThickness="8" CornerRadius="15">
            <Button Content="Button" Margin="10" />
</Border>

3,Margin,

Background, BorderBrush[边框颜色], BorderThickness[边框宽度], CornerRadius[圆角半径]

4,
1.B, Grid(网格)对象返回顶部
1,
2,
复制代码
<Grid ShowGridLines="True" Background="White">
    <!--定义表格的行和列 begin-->
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <!--定义表格的行和列 end-->

    <!--A 按钮位于第一行第一列-->
    <Button Grid.Row="0" Grid.Column="0" Content="A" Margin="3" FontSize="26"/>
    <Button Grid.Row="0" Grid.Column="1" Content="B" Margin="3" FontSize="26"/>
    <Button Grid.Row="1" Grid.Column="1" Content="C" Margin="3" FontSize="26"/>
    <Button Grid.Row="1" Grid.Column="2" Content="D" Margin="3" FontSize="26"/>
</Grid>
复制代码

3,ShowGridLine[现实网格线], background,

Grid.RowDefinitions[定义网格行], Grid.ColumnDefinitions[定义网格列],

RowDefinition[行定义], ColumnDefinition[列定义],

Grid.Row[坐标行], Grid.Column[坐标列]

4,
1.C, Grid(网格)对象之合并行、和并列返回顶部
1,
2,
复制代码
<Grid ShowGridLines="False" Background="White">
    <!--定义表格的行和列 begin-->
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <!--定义表格的行和列 end-->
    <Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Content="A"/>
    <Button Grid.Row="0" Grid.Column="1" Content="B"/>
    <Button Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Content="C"/>
</Grid>
复制代码

3, 同上文B.3

+, Grid.RowSpan[合并行], Grid.ColumnSpan[和并列]

4,
1.D,返回顶部
1,
2,
3,
4,
1.E,返回顶部
1,
2,
3,
4,
1.F,返回顶部
 

本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/p/3417138.html ,如需转载请自行联系原作者
相关文章
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
871 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1050 0
|
数据可视化 容器 前端开发
VS2008打上SP1的补丁后安装了silverlight后出现未将对象引用设置到对象实例的解决办法
新建silverlight项目失败,提示 未将对象设置到实例 的解决办法: 1.打开 visual studio 命令提示 输入一下命令:2.devenv /resetskippkgs ,这条命令会启动visual stuio ;关闭visual studio,然后输入下面的命令:3.devenv /setup。
820 0

热门文章

最新文章