Windows Dev Center

Linguaggio: HTML | XAML

Guida introduttiva: Aggiunta di controlli pulsante (XAML)

I controlli pulsante forniscono agli utenti un modo per eseguire il commit o eseguire un'operazione, ad esempio l'invio o la reimpostazione di un modulo. In questa guida introduttiva vengono illustrati i passaggi necessari per aggiungere un controllo Button in un'app di Windows Runtime che usa C++, C# o Visual Basic.

Roadmap: che relazione c'è tra questo argomento e gli altri? Vedi:

Obiettivo: Per usare i pulsanti in un'app di Windows Runtime che usa C++, C# o Visual Basic.

Prerequisiti

In questa esercitazione si suppone che tu sia in grado di aggiungere controlli in un'app di Windows Runtime di base che usa C++, C# o Visual Basic. Per istruzioni sull'aggiunta di un controllo, vedi Guida introduttiva: Aggiunta di controlli e gestione di eventi.

Istruzioni

1. Aggiungere un pulsante standard

Controllo pulsante

JJ153346.wedge(it-it,WIN.10).gifPer aggiungere un pulsante in XAML

  1. Aggiungi un controllo Button a un contenitore padre.
  2. Per assegnare un'etichetta al pulsante, imposta la proprietà Content su un valore di stringa.
  3. Per eseguire un'azione quando un utente fa clic sul pulsante, aggiungi un gestore per l'evento Click. Nel gestore dell'evento Click, aggiungi codice per eseguire alcune azioni.
    
    <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. Personalizzare il contenuto del pulsante

Un pulsante è un ContentControl, quindi puoi impostate qualsiasi oggetto come contenuto del pulsante. Se il contenuto è un UIElement, è visualizzato nel pulsante. Se il contenuto è un altro tipo di oggetto, la rappresentazione di stringa viene mostrata nel pulsante.

Ecco un StackPanel contenente l'immagine di una banana e il testo è impostato come Content di un controllo Button.


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

Un pulsante con immagine e contenuto testuale

3. Aggiungere un HyperlinkButton

Per impostazione predefinita, HyperlinkButton viene visualizzato come collegamento ipertestuale di testo. Quando un utente fa clic su di esso, si apre la pagina specificata nella proprietà NavigateUri nel browser predefinito. Non è necessario gestire l'evento Click.

Pulsante collegamento ipertestuale

Per aggiungere un HyperlinkButton

  1. Aggiungi un controllo HyperlinkButton a un contenitore padre.
  2. Imposta la proprietà Content su una stringa che rappresenta la pagina a cui navigare.
  3. Imposta la proprietà NavigateUri sull'URI (Uniform Resource Identifier) a cui navigare quando si seleziona il pulsante.

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


Riepilogo

In questa esercitazione hai imparato ad aggiungere un controllo di pulsante all'app.

Argomenti correlati

Come aggiungere un pulsante
Roadmap per app di Windows Runtime scritte in C# o Visual Basic
Roadmap per app di Windows Runtime in C++

 

 

Mostra:
© 2015 Microsoft