首页 > 其他 > 详细

WP8.1学习系列(第二十章)——添加控件和处理事件

时间:2015-02-03 20:59:44      阅读:280      评论:0      收藏:0      [点我收藏+]

技术分享

通过使用如按钮、文本框和组合框等控件,你可以创建应用的 UI。 下面将显示如何将控件添加到应用。处理控件时,你通常会使用此模式:

  • 将控件添加到应用 UI。
  • 设置控件的属性,如宽度、高度或前景色。
  • 将代码连接到控件,从而使控制执行任务。

路线图: 本主题与其他主题有何关联?请参阅:

 

先决条件

我们假定你可以使用 Microsoft Visual Basic、C# 或 C++ 以及 Extensible Application Markup Language (XAML) 创建基本的应用。有关创建第一个应用的说明,请参阅创建你的第一个使用 C# 或 Visual Basic 的 Windows 应用商店应用创建你的第一个使用 C++ 的 Windows 应用商店应用

添加控件

你可以通过多种方式将控件添加到应用:

  • 使用诸如 Blend for Visual Studio 或 Microsoft Visual Studio XAML 设计器的设计工具。
  • 在 Visual Studio XAML 编辑器中将控件添加到 XAML 标记中。
  • 在代码中添加控件。 当应用运行时会看到你在代码中添加的控件,但在 Visual Studio XAML 设计器中看不到。

每个控件的文档都包含解释如何在 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 中设置名称。下面是通过使用“属性”窗口顶部的“名称”文本框来更改当前选定控件名称的方法。

技术分享命名控件的步骤

  1. 选择要命名的元素。
  2. 在“属性”面板中,在“名称”文本框中键入名称。
  3. 按 Enter 提交名称。

技术分享

下面是在 XAML 编辑中通过更改 x:Name 特性来更改控件名称的方法。

 
<Button x:Name="Button1" Content="Button"/>

 设置控件属性

你使用属性来指定控件的外观、内容以及其他属性。使用设计工具添加控件时, Visual Studio 可能会为你设置某些控制大小、位置和内容的属性。通过设置和操纵“设计”视图中的控件,你可以更改某些属性,如WidthHeight 或 Margin。下图显示了“设计”视图中提供的某些大小调整工具。

技术分享

你可能希望让控件自动调整大小和位置。这种情况下,你可以重置 Visual Studio 为你设置的大小和位置属性。

技术分享重置属性的步骤

  1. 在“属性”面板中,单击属性值旁边的属性标记。此时将打开“属性”菜单。
  2. 在“属性”菜单中,单击“重置”。

    技术分享

在 XAML 或代码中,你可以通过“属性”窗口设置控件属性。例如,要更改 Button 的前景色,你可以设置控件的Foreground 属性。下图显示了如何通过使用“属性”窗口中的“颜色选取器”来设置 Foreground 属性。

技术分享

下面是在“XAML”编辑器中设置 Foreground 属性的方法。注意打开的 Visual Studio IntelliSense 窗口,该窗口可以帮助你处理语法。

技术分享

技术分享

下面是设置 Foreground 属性后的 XAML 结果。

 
<Button x:Name="Button1" Content="Button" 
    HorizontalAlignment="Left" VerticalAlignment="Top"
    Foreground="Beige"/>

下面是在代码中设置 Foreground 属性的方法。

 
Button1.Foreground = new SolidColorBrush(Windows.UI.Colors.Beige);

 创建事件处理程序

每个控件都包含事件,从而使你可以对用户的操作或应用中的其他更改做出响应。例如,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"/>

你也可以将事件与实际代码中的事件处理程序相关联。下面是在代码中关联事件处理程序的方法。

 
Button1.Click += new RoutedEventHandler(Button_Click);

新控件

如果你使用其他 XAML 平台,你可能会对 Windows 8 的新控件感兴趣。

你可以通过控件列表了解这些新控件和其他控件。

 总结

你现在知道了将控件添加到应用、设置控件属性和创建事件处理程序的基础知识。接下来,你将会了解哪些控件可用的更多信息:控件列表按功能分组控件。 通过下载基本控件示例,还可以查看许多 Windows UI 控件。

WP8.1学习系列(第二十章)——添加控件和处理事件

原文:http://www.cnblogs.com/bvin/p/4270903.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!