[译]Hour 7 Teach.Yourself.WPF.in.24.Hours
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”
未完待续..