Language: 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-tw,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),以便在按下按鈕時瀏覽至該 URI。

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


摘要

在這個教學課程中,您學會如何將按鈕控制項新增到應用程式。

相關主題

如何新增按鈕
使用 C# 或 Visual Basic 建立 Windows 執行階段應用程式的藍圖
使用 C++ 建立 Windows 執行階段應用程式的藍圖

 

 

顯示:
© 2014 Microsoft