Xamarin.Forms Esercitazione su etichetta

Per completare questa esercitazione è necessario Visual Studio 2019 (la versione più recente) con installato il carico di lavoro Sviluppo di applicazioni per dispositivi mobili con .NET. È inoltre necessario un Mac associato per compilare l'applicazione dell'esercitazione per iOS. Per informazioni sull'installazione della piattaforma Xamarin, vedere Installazione di Xamarin. Per informazioni sulla connessione di Visual Studio 2019 a un host di compilazione Mac, vedere Associa a Mac per lo sviluppo di Xamarin.iOS.

1. Avviare Visual Studio e creare una nuova app vuota Xamarin.Forms denominata LabelTutorial.

   Importante

   I frammenti di codice C# e XAML di questa esercitazione richiedono che la soluzione sia denominata LabelTutorial. Se si usa un nome diverso, si verificheranno errori di compilazione quando si copia il codice da questa esercitazione alla soluzione.

   Per altre informazioni sulla libreria .NET Standard che viene creata, vedere Anatomia di un'applicazione Xamarin.Forms nell'approfondimento della Xamarin.Forms guida introduttiva.

2. In Esplora soluzioni, nel progetto LabelTutorial, fare doppio clic su MainPage.xaml per aprire il file. In MainPage.xaml rimuovere tutto il codice del modello e sostituirlo con il codice seguente:

   <?xml version="1.0" encoding="utf-8"?>
   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                x:Class="LabelTutorial.MainPage">
      <StackLayout Margin="20,35,20,20">
           <Label Text="Welcome to Xamarin.Forms!"
                  HorizontalOptions="Center" />
      </StackLayout>
   </ContentPage>
   

   Questo codice definisce in modo dichiarativo l'interfaccia utente per la pagina costituita da un Label in uno StackLayout. La proprietà Label.Text specifica il testo visualizzato e la proprietà HorizontalOptions consente di specificare che il controllo Label verrà centrato in senso orizzontale.

3. Nella barra degli strumenti di Visual Studio premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS remoto o dell'emulatore Android prescelto:

   

Per completare questa esercitazione è necessario Visual Studio per Mac, la versione più recente, con installato il supporto della piattaforma Android e iOS. Sarà necessario anche Xcode, la versione più recente. Per altre informazioni sull'installazione della piattaforma Xamarin, vedere Installazione di Xamarin.

1. Avviare Visual Studio per Mac e creare una nuova app vuota Xamarin.Forms denominata LabelTutorial.

   Importante

   I frammenti di codice C# e XAML di questa esercitazione richiedono che la soluzione sia denominata LabelTutorial. Se si usa un nome diverso, si verificheranno errori di compilazione quando si copia il codice da questa esercitazione alla soluzione.

   Per altre informazioni sulla libreria .NET Standard che viene creata, vedere Anatomia di un'applicazione Xamarin.Forms nell'approfondimento della Xamarin.Forms guida introduttiva.

2. Nel riquadro della soluzione, nel progetto LabelTutorial, fare doppio clic su MainPage.xaml per aprire il file. In MainPage.xaml rimuovere tutto il codice del modello e sostituirlo con il codice seguente:

   <?xml version="1.0" encoding="utf-8"?>
   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                x:Class="LabelTutorial.MainPage">
      <StackLayout Margin="20,35,20,20">
           <Label Text="Welcome to Xamarin.Forms!"
                  HorizontalOptions="Center" />
      </StackLayout>
   </ContentPage>
   

   Questo codice definisce in modo dichiarativo l'interfaccia utente per la pagina costituita da un Label in uno StackLayout. La proprietà Label.Text specifica il testo visualizzato e la proprietà HorizontalOptions consente di specificare che il testo verrà centrato in senso orizzontale.

3. Nella barra degli strumenti di Visual Studio per Mac premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS o dell'emulatore Android prescelto:

   

1. In MainPage.xaml modificare la dichiarazione Label per modificarne l'aspetto visivo:

   <Label Text="Welcome to Xamarin.Forms!"
          TextColor="Blue"
          FontAttributes="Italic"
          FontSize="22"
          TextDecorations="Underline"
          HorizontalOptions="Center" />
   

   Questo codice imposta le proprietà che modificano l'aspetto visivo di Label. La proprietà TextColor imposta il colore del testo di Label. La proprietà FontAttributes imposta il carattere dell'etichetta su corsivo e la proprietà FontSize imposta le dimensioni del carattere. Viene anche applicata una decorazione di sottolineatura del testo a Label impostando la relativa proprietà TextDecorations e il testo viene centrato orizzontalmente tramite l'impostazione della proprietà HorizontalOptions su Center.

2. Se l'applicazione è ancora in esecuzione, salvare le modifiche apportate al file e l'interfaccia utente dell'applicazione verrà aggiornata automaticamente nel simulatore o nell'emulatore. In caso contrario, sulla barra degli strumenti di Visual Studio premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS remoto o dell'emulatore Android prescelto. Si noti che l'aspetto di Label è stato modificato:

   

   Per altre informazioni sull'impostazione dell'aspetto Label , vedere la guida alle Xamarin.Forms etichette .

1. In MainPage.xaml modificare la dichiarazione Label per modificarne l'aspetto visivo:

   <Label Text="Welcome to Xamarin.Forms!"
          TextColor="Blue"
          FontAttributes="Italic"
          FontSize="22"
          TextDecorations="Underline"
          HorizontalOptions="Center" />
   

   Questo codice imposta le proprietà che modificano l'aspetto visivo di Label. La proprietà TextColor imposta il colore del testo di Label. La proprietà FontAttributes imposta il carattere dell'etichetta su corsivo e la proprietà FontSize imposta le dimensioni del carattere. Viene anche applicata una decorazione di sottolineatura del testo a Label impostando la relativa proprietà TextDecorations e il testo viene centrato orizzontalmente tramite l'impostazione della proprietà HorizontalOptions su Center.

2. Se l'applicazione è ancora in esecuzione, salvare le modifiche apportate al file e l'interfaccia utente dell'applicazione verrà aggiornata automaticamente nel simulatore o nell'emulatore. In caso contrario, sulla barra degli strumenti di Visual Studio per Mac premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS o dell'emulatore Android prescelto. Si noti che l'aspetto di Label è stato modificato:

   

   Per altre informazioni sull'impostazione dell'aspetto Label , vedere la guida alle Xamarin.Forms etichette .

1. In MainPage.xaml modificare la dichiarazione Label per visualizzare testo in più formati in una singola classe Label.

   <Label TextColor="Gray"
          FontSize="Medium">
       <Label.FormattedText>
           <FormattedString>
               <Span Text="This sentence contains " />
               <Span Text="words that are emphasized, "
                     FontAttributes="Italic" />
               <Span Text="and underlined."
                     TextDecorations="Underline" />
           </FormattedString>
       </Label.FormattedText>
   </Label>
   

   Questo codice visualizza il testo in una singola classe Label con più formati. Il testo nella prima classe Span è visualizzato con la formattazione impostata nella classe Label, mentre il testo nella seconda e terza istanza di Span è visualizzato con la formattazione impostata nella classe Label e la formattazione aggiuntiva impostata in ogni Span.

   Nota

   La proprietà FormattedText è di tipo FormattedString che comprende una o più istanze di Span.

2. Se l'applicazione è ancora in esecuzione, salvare le modifiche apportate al file e l'interfaccia utente dell'applicazione verrà aggiornata automaticamente nel simulatore o nell'emulatore. In caso contrario, sulla barra degli strumenti di Visual Studio premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS remoto o dell'emulatore Android prescelto. Si noti che l'aspetto di Label è stato modificato:

   

   In Visual Studio arrestare l'applicazione.

   Per altre informazioni sull'impostazione dell'aspetto Span , vedere Testo formattato nella Xamarin.Forms guida Etichetta .

1. In MainPage.xaml modificare la dichiarazione Label per visualizzare testo in più formati in una singola classe Label.

   <Label TextColor="Gray"
          FontSize="Medium">
       <Label.FormattedText>
           <FormattedString>
               <Span Text="This sentence contains " />
               <Span Text="words that are emphasized, "
                     FontAttributes="Italic" />
               <Span Text="and underlined."
                     TextDecorations="Underline" />
           </FormattedString>
       </Label.FormattedText>
   </Label>
   

   Questo codice visualizza il testo in una singola classe Label con più formati. Il testo nella prima classe Span è visualizzato con la formattazione impostata nella classe Label, mentre il testo nella seconda e terza istanza di Span è visualizzato con la formattazione impostata nella classe Label e la formattazione aggiuntiva impostata in ogni Span.

   Nota

   La proprietà FormattedText è di tipo FormattedString che comprende una o più istanze di Span.

2. Se l'applicazione è ancora in esecuzione, salvare le modifiche apportate al file e l'interfaccia utente dell'applicazione verrà aggiornata automaticamente nel simulatore o nell'emulatore. In caso contrario, sulla barra degli strumenti di Visual Studio per Mac premere il pulsante Avvia, ovvero il pulsante a forma di triangolo simile a un pulsante di riproduzione, per avviare l'applicazione all'interno del simulatore iOS o dell'emulatore Android prescelto. Si noti che l'aspetto di Label è stato modificato:

   

   In Visual Studio per Mac arrestare l'applicazione.

   Per altre informazioni sull'impostazione dell'aspetto Span , vedere Testo formattato nella Xamarin.Forms guida Etichetta .