语言: HTML | XAML

快速入门:添加按钮控件 (XAML)

Applies to Windows and Windows Phone

按钮控件为用户提供了一种提交命令或执行操作(比如提交或重置表单)的方式。本快速入门将指导你逐步完成向使用 C++、C# 或 Visual Basic 的 Windows 运行时应用中添加按钮控件的步骤。

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

目标: 在使用 C++、C# 或 Visual Basic 的 Windows 运行时应用中使用按钮。

先决条件

我们假定你可以向使用 C++、C# 或 Visual Basic 的基本 Windows 运行时应用中添加控件。有关添加控件的说明,请参阅快速入门:添加控件和处理事件

说明

1. 添加标准按钮

按钮控件

JJ153346.wedge(zh-cn,WIN.10).gif使用 XAML 添加按钮

  1. 向父容器中添加一个 Button 控件。
  2. 若要为按钮分配一个标签,请将 Content 属性设置为一个字符串值。
  3. 若要在用户单击按钮时执行相应的操作,请为 Click 事件添加处理程序。在 Click 事件处理程序中,添加用来执行某项操作的代码。
    
    <Button Content="Banana" Click="Button_Click"/>
    
    
    
    private async void Button_Click(object sender, RoutedEventArgs e)
    {
        Windows.UI.Popups.MessageDialog messageDialog = 
            new Windows.UI.Popups.MessageDialog("Thank you for choosing banana.");
        await messageDialog.ShowAsync();
    }
    
    

2. 自定义按钮内容

按钮是一个 ContentControl,因此你可以将任何对象设置为按钮的内容。如果内容是一个 UIElement,则会在按钮中呈现它。如果该内容是另一种类型的对象,则会在按钮会显示其字符串表示。

此处,将一个包含一个香蕉图像和文本的 StackPanel 设置为一个 Button 控件的 Content


<Button Click="Button_Click_1" 
        Background="#FF0D6AA3" 
        Height="100" Width="100" >
    <StackPanel>
        <Image Source="Assets/Banana.png"/>
        <TextBlock Text="Banana" HorizontalAlignment="Center"/>
    </StackPanel>
</Button>

包含图像和文本内容的按钮

3. 添加 HyperlinkButton

默认情况下,HyperlinkButton 会显示为一个文本超链接。当用户单击该链接时,它会使用默认浏览器打开你在 NavigateUri 属性中指定的页面。你不需要处理其 Click 事件。

“超链接”按钮

添加 HyperlinkButton

  1. 向父容器中添加一个 HyperlinkButton 控件。
  2. Content 属性设置为代表要导航到的页面的字符串。
  3. NavigateUri 属性设置为当按按钮时要导航到的统一资源标识符 (URI)。

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


摘要

在本教程中,你学习了如何向你的应用中添加按钮控件。

相关主题

如何添加按钮
使用 C# 或 Visual Basic 的 Windows 运行时应用的路线图
使用 C++ 的 Windows 运行时应用的路线图

 

 

显示:
© 2014 Microsoft