通过使用如按钮、文本框和组合框等控件,你可以创建应用的 UI。 下面将显示如何将控件添加到应用。处理控件时,你通常会使用此模式:
路线图: 本主题与其他主题有何关联?请参阅:
我们假定你可以使用 Microsoft Visual Basic、C# 或 C++ 以及 Extensible Application Markup Language (XAML) 创建基本的应用。有关创建第一个应用的说明,请参阅创建你的第一个使用 C# 或 Visual Basic 的 Windows 应用商店应用或创建你的第一个使用 C++ 的 Windows 应用商店应用。
你可以通过多种方式将控件添加到应用:
每个控件的文档都包含解释如何在 XAML 中、在代码中或使用设计工具添加控件的“操作方式”主题。例如,若要添加 Button 控件,请参阅如何添加按钮。
此处,我们使用 Visual Studio 作为我们的设计工具,但你可以在 Blend for Visual Studio 中进行该任务并且可以执行更多任务。有关详细信息,请参阅通过使用 XAML 设计器创建 UI。
在 Visual Studio 中,当你在应用中添加和操纵控件时,你可以使用许多程序功能,包括“工具箱”、XAML 设计器、XAML 编辑器以及“属性”窗口。
Visual Studio“工具箱”中会显示可在应用中使用的许多控件。要将控件添加到应用,请在“工具箱”中双击该控件。例如,如果双击 TextBox 控件,则会将此 XAML 添加到 XAML 视图中。
<TextBox HorizontalAlignment="Left" Text="TextBox" VerticalAlignment="Top"/>
还可以将控件从“工具箱”拖动到 XAML 设计器。
若要在代码中使用某个控件,你可以设置该控件的 x:Name 特性并在代码中通过名称来引用该控件。你可以在 Visual Studio“属性”窗口或 XAML 中设置名称。下面是通过使用“属性”窗口顶部的“名称”文本框来更改当前选定控件名称的方法。
命名控件的步骤
下面是在 XAML 编辑中通过更改 x:Name 特性来更改控件名称的方法。
<Button x:Name="Button1" Content="Button"/>
你使用属性来指定控件的外观、内容以及其他属性。使用设计工具添加控件时, Visual Studio 可能会为你设置某些控制大小、位置和内容的属性。通过设置和操纵“设计”视图中的控件,你可以更改某些属性,如Width、Height 或 Margin。下图显示了“设计”视图中提供的某些大小调整工具。
你可能希望让控件自动调整大小和位置。这种情况下,你可以重置 Visual Studio 为你设置的大小和位置属性。
重置属性的步骤
在 XAML 或代码中,你可以通过“属性”窗口设置控件属性。例如,要更改 Button 的前景色,你可以设置控件的Foreground 属性。下图显示了如何通过使用“属性”窗口中的“颜色选取器”来设置 Foreground 属性。
下面是在“XAML”编辑器中设置 Foreground 属性的方法。注意打开的 Visual Studio IntelliSense 窗口,该窗口可以帮助你处理语法。
下面是设置 Foreground 属性后的 XAML 结果。
<Button x:Name="Button1" Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="Beige"/>
下面是在代码中设置 Foreground 属性的方法。
每个控件都包含事件,从而使你可以对用户的操作或应用中的其他更改做出响应。例如,Button 控件包含用户单击 Button 时引发的 Click 事件。你可以创建一个调用事件处理程序的方法来处理事件。你可以在 XAML 中或在代码中,将控件的事件与“属性”窗口中的事件处理程序方法相关联。有关事件的详细信息,请参阅事件和路由事件概述。
要创建事件处理程序,请选择控件,然后在“属性”窗口的顶部单击“事件”选项卡。“属性”窗口会列出可供该控件使用的所有事件。下面是 Button 的一些事件。
要使用默认名称创建事件处理程序,请在“属性”窗口中双击事件名称胖的文本框。若要使用自定义名称创建事件处理程序,请将你选择的名称输入到文本框中并按 Enter。随即会创建事件处理程序并在代码编辑器中打开代码隐藏文件。该事件处理程序方法具有 2 个参数。第一个参数是 sender
,它是对处理程序所附加到的对象的引用。sender
参数为 Object 类型。如果你想在 sender
自身上检查或更改状态,通常需要将 sender
强制转换为更精确的类型。基于你自己的应用设计,你想要一种可将 sender
安全地转换到的类型(基于处理程序附加在何处)。第二个值是事件数据,它通常在签名中显示为 e
参数。
以下代码处理名为 Button1
的 Button 的 Click 事件。当你单击该按钮时,你单击的 Button 的 Foreground 属性将设置为 blue。
private void Button_Click(object sender, RoutedEventArgs e) { Button b = (Button)sender; b.Foreground = new SolidColorBrush(Windows.UI.Colors.Blue); }
你也可以在 XAML 中关联事件处理程序。在 XAML 编辑器中,你可以输入要处理的事件名称。当你开始输入时,Visual Studio 会显示 IntelliSense 窗口。指定事件后,你可以在 IntelliSense 窗口中双击 <New Event Handler>,从而使用默认名称创建新的事件处理程序,或者从列表中选择一个现有的事件处理程序。下面显示的 IntelliSense 窗口可帮助你创建新的事件处理程序。
该示例显示如何在 XAML 中将 Click 事件与名为 Button_Click
的事件处理程序相关联。
<Button Name="Button1" Content="Button" Click="Button_Click"/>
你也可以将事件与实际代码中的事件处理程序相关联。下面是在代码中关联事件处理程序的方法。
如果你使用其他 XAML 平台,你可能会对 Windows 8 的新控件感兴趣。
你可以通过控件列表了解这些新控件和其他控件。
你现在知道了将控件添加到应用、设置控件属性和创建事件处理程序的基础知识。接下来,你将会了解哪些控件可用的更多信息:控件列表或按功能分组控件。 通过下载基本控件示例,还可以查看许多 Windows UI 控件。
原文:http://www.cnblogs.com/bvin/p/4270903.html