l 应用类型(Windows,XBAP,独立的XAML)
l 标准应用VS浏览器类型应用
l 用户控件
本小时将介绍您创建WPF应用程序是所面对的选择。WPF为我们提供了创建不同应用的途径,而且一旦开发开始就很难更改。我们将讨论定制您的应用中所需要的组建。
WPF应用的部署形式
WPF应用共有三种形式,下表将着重描述这三种部署形式。
可执行应用 |
这种格式的应用我们经常使用。您的WPF应用被编译到一个标准的可执行文件中。 |
XAML浏览器应用 |
有些时候这种应用被成为XBAP(或者X-Bap)。这是一种特殊的宿主与浏览器(IE6+以及Firefox 2)的WPF应用。由于宿主在浏览器中,这种类型的应用会有许多严格的安全限制,但只这种类型的应用很容易部署以.xbap为扩展名。 |
XAML文件 |
这是一个XAML编写的文本文件。.xaml文件使用浏览器来解析。这种应用的限制就是在应用中除了XAML以外不能包含任何代码。使用.xaml为扩展名 |
XAML文件创建一个Font Viewer应用
在你的应用中不包含代码听起来像是很严格的限制,然而xaml是相当的强大。第一部分的Font Viewer应用程序并未使用任何代码,我们可以将改用用作为一个XAML文件。
虽然Visual Studio并未提供创建单独XAML文件的方法,但它可以帮助我们编辑一个XAML文件。接下来我们将FontViewer转换为一个简单的XAML文件。
1.
在您的桌面创建一个文本文件,并将其命名为FontViewer.xaml。
2.
当您双击FontViewer.xaml,该文件将被默认浏览器加载。它会出现错误提示信息,因为我们并未添加任何代码。
3.
运行Visual Studio并使用【文件】->【打开文件】打开FontViewer.xaml
4.
我们可以使用这些markup在传统的FontViewer应用中。打开Font Viewer 项目下方的MainWindow.xaml文件。
5.
Copy其中的内容并将其粘贴到FontViewer.xaml文件中。
6.
在FontViewer.xaml文件中定位到首尾的Window标签,并将其替换为Page标签。此时该应用便可执行了。
7.
运行这个应用这一步并不是必须的,但却是对可用性的一个很好的练习。修改Page标签中的Title属性为WindowTitle。但应用运行时WindowTitle属性的内容将显示在浏览器的标题栏中。
8. 双击并运行FontViewer.xaml应用。完整的代码如下:
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" WindowTitle="Teach Yourself WPF: Font Viewer" Height="480" Width="640"> <DockPanel Margin="8"> <Border DockPanel.Dock="Top" CornerRadius="6" BorderThickness="1" BorderBrush="Gray" Background="LightGray" Padding="8" Margin="0 0 0 8"> <TextBlock FontSize="14" TextWrapping="Wrap">
Select a font to view from the list below. You
can change the text by typing in the region at the bottom. </TextBlock> </Border> <ListBox x:Name="FontList" DockPanel.Dock="Left" ItemsSource="{x:Static Fonts.SystemFontFamilies}" Width="160" /> <TextBox x:Name="SampleText" DockPanel.Dock="Bottom" MinLines="4" Margin="8 0" TextWrapping="Wrap">
<TextBox.ToolTip> <TextBlock> <Italic Foreground="Red">Instructions: </Italic> ➥ Type here to change the preview text.
</TextBlock>
</TextBox.ToolTip>
The quick brown fox jumps over the lazy dog. </TextBox> <StackPanel Margin="8 0 8 8"> <TextBlock Text="{Binding ElementName=SampleText, Path=Text}" FontFamily="{Binding ElementName=FontList, Path=SelectedItem}" FontSize="10" TextWrapping="Wrap" Margin="0 0 0 4" /> <TextBlock Text="{Binding ElementName=SampleText, Path=Text}" FontFamily="{Binding ElementName=FontList, Path=SelectedItem}" FontSize="16"
TextWrapping="Wrap" Margin="0 0 0 4" /> <TextBlock Text="{Binding ElementName=SampleText, Path=Text}" FontFamily="{Binding ElementName=FontList, Path=SelectedItem}" FontSize="24" TextWrapping="Wrap" Margin="0 0 0 4" /> <TextBlock Text="{Binding ElementName=SampleText, Path=Text}" FontFamily="{Binding ElementName=FontList, Path=SelectedItem}" FontSize="32" TextWrapping="Wrap" /> </StackPanel> </DockPanel> </Page> |
将Font Viewer转换成XBAP应用
将Font Viewer部署为一个XBAP应用是很简单的。Visual
Studio提供了一个很有用的机制来发布您的XBAP应用。
接下来我们将通过修改Font Viewer创建一个XBAP项目。
1.
在Visual Studio中,选择【文件】->【新建项目】,选择WFP浏览器应用。并将其命名为FontViewerXBAP.
2.
Visual Studio创建新建项目之后,在【解决方案资源管理器】中。您将看到两点不同。首先,除了Window1.xaml之外还有一个Page1.xaml文件。其次,有一个以.pfx为扩展名的签名文件。
3.
在编辑其中打开Page1.xaml文件,并使用以上代码替换其中的内容。注意:我们使用与仅仅拥有XAML代码版本的FontViewer一样的代码。
4. 在使用这个XBAP应用之前需要做一个小小的修改,添加一下代码到Page标签中:
x:Class=”FontViewerXBAP.Page1”
未完待续..