XAML 实例演示之二

2016-02-19 19:01 16 1 收藏

人生本是一个不断学习的过程，在这个过程中，图老师就是你们的好帮手，下面分享的XAML 实例演示之二懂设计的网友们快点来了解吧！

【 tulaoshi.com - Web开发】

　　使用DockPanel 和 Border 进行页面布局

　　计划将整个windows Form使用DockPanel和Border控件分为三个区域-Top/Left/Right。下面，首先定义Grid 和 DockPanel 包容器元素。

Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Title="Welcome" Height="480" Width="690"
Grid
DockPanel LastChildFill="False"

　　接下来是TOP 区域的Border控件定义：

Border
　　DockPanel.Dock="Top"
　　BorderBrush="Black"
　　BorderThickness="1"
　　Height="70"
　　Label
　　FontFamily="Verdana"
　　FontSize="32"
　　HorizontalAlignment="Center"EntLib.com – 开源ASP.NET/C# 技术论坛/Label
/Border

　　左边区域Border 控件的定义：

Border
DockPanel.Dock="Left"
BorderBrush="Black"
BorderThickness="1"
Width="400"
　　StackPanel
　　Label
　　FontFamily="Verdana"
　　FontWeight="Bold" FontSize="18"
　　HorizontalAlignment="Center"Left/Label
　　/StackPanel
/Border

　　右边区域 Border 控件的定义：

Border
DockPanel.Dock="Right"
BorderBrush="Black"
BorderThickness="1"
Width="290"
　　 Image Name="imgLogo" Margin="0, 10, 0, 0" HorizontalAlignment="Center" VerticalAlignment="Top"
　　　Source=" http://forum.entlib.com/images/entlib.gif" Width="220" /
/Border

/DockPanel
/Grid
/Window

　　下面是通过Kaxaml 工具的运行效果图：

　　下面，进一步采用StackPanel、Label、Separator 控件实现左侧区域的效果。StackPanel 实现控件从上至下摆放，Separator控件用来进一步隔离不同的控件。

　　左侧Border 及其内部控件代码 – 请下载附件中的范例代码。

　　通过Kaxaml工具，范例XAML 的最终演示效果如下：

　　从上述范例，我们可以看到XAML具有非常强大的界面定义功能，允许我们创建复杂的界面布局和引入本地及Web资源。另外，XAML也可以设计动画，这里就不具体介绍了。

来源:http://www.tulaoshi.com/n/20160219/1619827.html

上一篇： PowerPoint2007新建空白演示文稿
下一篇： XML开发入门基础：XML 的用途

看过《XAML 实例演示之二》的人还看了以下文章更多>>

delphi2005探讨之二

标签：编程语言网络编程

DELPHI2005开发asp.net程序遇到的问题及相关解决过程？xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 问题：新建项目时，选取asp.net web application，然后一切按默认设置，然后点击运行，在浏览器报错“该页无法显示”,关闭浏览器返回delphi2005开发环境的出错信息如下：？xml:namespac...

SQL语言快速入门之二

标签： SQLServer

创建表格 SQL语言中的create table语句被用来建立新的数据库表格。Create table语句的使用格式如下： create table tablename (column1 data type, column2 data type, column3 data type); 如果用户希望在建立新表格时规定列的限制条件，可以使用可选的条件选项： create table tablename (column1 data type [constraint], ...

HTML组件(HTML COMPONENTS)之二

标签： Html CSS布局 Div+CSS XHTML

===定义标记和命名空间=== HTC的基础是自定义标记，自定义标记的第一次出现是在IE5。0中，它可以让WEB作者通过与结构关联的一系列样式来定义文挡结构，例如：您可以定义一个新标记<RIGHT（段落右对其） <HTML XMLNS:DOCJS <HEAD <STYLE @media all { DOCJS\:RIGHT {text-align:right; width:100} } </STYLE &...

融会CorelDRAW9之二

标签： CorelDRAW

（文字排版）文字，是每一个图形软件所必然包括的重要组成部分，又尤其是在矢量图形软件中，又、又尤其在9中。 CorelDRAW9的文字功能到底有多强大，太概不需要我在这里多说了。我在这里仅仅却准备运用CorelDRAW9的文字排版功能完成这一小节的排版实例，也算对其功能的一次小小的展示吧。但这只是这一小节内容的一部分。...

调色练习教程之二

标签： PS PS教程

本文由中国专家hf-2048原创，转载须保留此信息前言: 这可以说是一个系列教程吧,第一篇再几天前已经发了,这是第二篇,再次把我练习的全过程与大家分享. 调色练习教程之一: http://bbs.jcwcn.com/viewthread.php?tid=24483&extra=page=2 先看原图和效果图: screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; ...

查看更多精彩>>