原文:零元学Expression Blend 4 – Chapter 20 以实作案例学习Childwindow
本章将教大家如何运用Blend 4内建的假视窗原件-「ChildWindow」
ChildWindow每每运用在使用者登入、特殊警告或是其他强调式的需求成果
?
本章将教大家如何运用Blend 4内建的假视窗-「ChildWindow」
ChildWindow每每运用在使用者登入、特殊警告或是其他强调式的需求成果
?
就是要让不会的新手都看的懂!
?
比来公司需要我做一个可以让客户点击後看完资料再*的网页成果
完成後,我就趁便把教学也写上
(为了利益回避,以及日後不须要的麻烦,本章典型已经简化了很多对象,,只留下与相关的图片及成果)
?
<假视窗-ChildWindow>
而为什麽说它是假视窗呢?
以网页为例,点击呈现ChildWindow後,你的事情列并不会呈现视窗钮
可以看到,在事情列上还是只有一个IE视窗
?
而且它只能存在於Sliverlight的范畴内:
以Iframe的方法嵌入网页内的Sliverlight为例,ChildWindow并不能移动赶过Sliverlight的范畴
?
?
?
01
首先,我们来成立一个新的项目
?
选择ChildWindow
?
如何成立新的项目,先前的教学已经有介绍噜!(温习请点)
?
02
可以看到在ChildWindow直接内建一个*和两个Button控制项
(因为本典型不需要Button,所以我把它删失)
?
在ChildWindow的Properties->Common Properties->Title可以变动想要显示的名字
?
03
调解成适当巨细後,我们要来制作内容
为了要放入图片及文字叙述,需要切版面,请运用在Gird章节学到的版面配置来切版面
?
切好以後放入Image与TextBlock,巨细设定为Auto、Margin各为5
应该会像下图
?
?
04
第一阶段初阶完成了,我们来看看Xaml
1: <sdk:ChildWindow xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 2: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 3: xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" 4: xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 5: xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 6: mc:Ignorable="d" x:Class="MokeyCwSample.ImageChildWindow" 7: Title="Hotel" 8: Width="300" Height="200" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
?
我们复制最重要的x:Class="MokeyCwSample.ImageChildWindow"内的ImageChildWindow(就是你为ChildWindow定名的档名),等等要使用
?
接着,回到MainPage.Xaml
一样先放入一个物件(典型安排的是一张图片)
在拔取Image的状态下,点选Prpperties->Event会呈现一长串的事件状态