sliverlight3 学习 2， 布局
silverlight三种布局方式
1,Canvas 定义一个区域，在此区域内，您可以使用相对于 Canvas 区域的坐标显式定位子元素。也就是我们常说的绝对定位。在窗口大小发生变化时，位于Canvas内的子元素坐标不会发生变化。
在子元素中可以通过设置Canvas.Left 和 Canvas.Top 进行绝对定位。值得注意的是，在一个Canvas中可以嵌套一个新的Canvas。
示例：
<Canvas Width="640" Height="480" >
<input:AutoCompleteBox x:Name="MyACbox" Canvas.Left="100" Canvas.Top="100" IsTextCompletionEnabled="False" Width="200" Height="25" HorizontalAlignment="Left"></input:AutoCompleteBox>
</Canvas>
MainPage.xaml.cs
MyACbox.ItemsSource = new string[]
{
"中华人民共和国",
"香港特别行政区",
"中国北京"
};
2,Grid 定义由行和列组成的灵活网格区域。
可以通过使用 Grid.Column 和 Grid.Row 附加属性，在 Grid 的特定单元格中定位子元素。
Grid在默认情况下包含一行和一列。可以使用 ColumnDefinitions 和 RowDefinitions 为Grid添加行或列。
示例：
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="120" ></ColumnDefinition>
<ColumnDefinition Width="*" ></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Text="TestU" Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
<input:AutoCompleteBox x:Name="MyACbox" Margin="5" Grid.Row="0" Grid.Column="1" IsTextCompletionEnabled="False" Width="200" Height="25" HorizontalAlignment="Left"></input:AutoCompleteBox>
</Grid>
3,StackPanel 将子元素排列成一行或一列
<Button Content="Button1" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
<Button Content="Button2" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
<Button Content="Button3" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
</StackPanel>
<Button Content="Button1" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
<Button Content="Button2" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
<Button Content="Button3" Width="150" Height="120" Margin="10" BorderBrush="Black"></Button>
</StackPanel>
下一章节，将从silverlight绘制功能开始学习。期间可能会简单介绍silverlight控件。
转载于:https://www.cnblogs.com/65876951/archive/2010/10/19/1855529.html
sliverlight3 学习 2， 布局相关推荐
- Bootstrap学习笔记-布局
Bootstrap学习笔记-布局 默认是响应式布局,就是你在改变页面的时候也不会出现乱的现象. <html> <head> <meta charset="utf ...
- 轻松学习 Flex 布局的小游戏
轻松学习 Flex 布局的小游戏 Flexbox Froggy,帮助你学习前端 Flex 布局的小游戏,难度不高,趣味性极强! Flexbox Froggy(弹性盒小青蛙)是一个帮助你快速学习前端 F ...
- 《学习CSS布局》学习笔记
近几天做了一个小的企业展示网站.虽然页面是在模板的基础上改的,但改的多了不熟悉CSS也很麻烦.正好我看到了学习CSS布局这个网站,于是补习了一下CSS知识. CSS的显示 CSS的元素分为两类:块级元 ...
- Flutter学习-多子布局Widget
Flutter学习-多子布局Widget 1. Flex 2. Row组件 2.1 Row组件介绍 2.2 属性解析 2.2.1 mainAxisSize 2.2.2 mainAxisAlignmen ...
- Flutter学习-单子布局Widget
Flutter学习-单子布局Widget 1. 概述 2. Align 2.1 Align的对齐方式 2.2 Align的区域大小控制 2. Center 3. Padding 4. Containe ...
- 两边宽度固定，中间自适应的布局实现总结（重点学习网格布局）
实现左右栏宽度各为300px,中间自适应 浮动属性 float: float 主要为了实现图文环绕的效果:因为float具有不完全脱离文档流的特性,虽然脱离了文档流但是仍然会保留文字的占用空间: fl ...
- Flutter学习之布局、交互、动画
作者:真丶深红骑士 链接: https://juejin.im/post/5c617e34f265da2d90581613 本文由作者授权发布. 一.前言 前一天学习了 Flutter 基本控件和基本 ...
- 使用 CSS Grid Generator来快速使用及学习 Grid 布局
CSS Grid Generator CSS Grid Generator 是一个由Sarah Drasner创建的免费工具.它是一个可视化设计工具,允许咱们创建一个基本的 grid 布局,然后就可以 ...
- Android布局管理器-从实例入手学习相对布局管理器的使用
场景 AndroidStudio跑起来第一个App时新手遇到的那些坑: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103797 ...
最新文章
- Linux socket 网络编程常用函数总结
- DCMTK：根据DICOM第11部分媒体存储应用程序配置文件制作DICOMDIR
- nginx版本升级到1.10
- Scala里Unit 与 () Unit的区别
- sql server系统表详细说明(转)
- iOS CoreAnimation
- String类的构造与析构相关处理
- fastdfs-配合nginx-麻烦的
- php mysql搜索算法_PHP实现深度优先搜索算法(DFS,Depth First Search)详解
- 纯c++实现之滚动窗口
- ASP.NET JS常用方法类
- 语法分析:自下而上分析
- 驱动PCF8591模拟电压表
- aspose导出word转pdf并加水印
- 一个程序员是如何蜕变为投资人的？
- vs2015+opencv在xp下使用的问题
- work信息每日汇总
- 超全！嵌入式系统词汇速查表
- 腐肉为引，气球为信，负重前行，只为爱你
- 最近两周我们接触到的两种线上抓娃娃机的技术实现方案（一种RTSP/一种RTMP）