C# utilizzo del controllo Label con il Framework MAUI

Descrizione

In questo articolo vedremo come utilizzare il controllo label con il Framework MAUI.

Utilizzeremo l’ultima versione del Framework .Net,  al momento è la 9 e l’ultima versione dell’ambiente di Visual Studio 2022 Community.

Creazione del progetto.

Si crea un nuovo progetto .Net MAUI, selezionando l’ultima versione del Framework, che nel momento in cui sto scrivendo è la 9. 

Stesura del codice

Passiamo in visualizzazione codice in modo da scrivere il codice per il caricamento dinamico dei controlli a run time. Supponendo che il controllo “VerticalStackLayout” si chiama “contenuto”, si crea un controllo Label a run time che verrà aggiunto alla form tramite il metodo “Add”.

Si seguito si riporta il frammento di codice per la creazione di controlli aggiunti a run-time.

C#

private void CreaLabel()

{

    Label label = new Label

    {

        TextType = TextType.Html,

        Text = "<b>testo grassetto</b> <u> testo sottolineato</u> ",

        IsVisible = true,

        

    };

    label.HorizontalOptions = LayoutOptions.Center;

     

     contenitore.Add(label);

     (contenitore as IView).InvalidateArrange();

}

Ora non resta che invocare la funzione nel costruttore, di seguito si riporta il codice delle suddette operazioni.

C#

public MainPage()

{

   

    InitializeComponent();

    CreaLabel();

}

Il risultato di tale operazione sarà come mostrato in figura 1.  

Figura 1 – Il risultato della label con la formattazione html

Tramite codice XAML, possiamo impostare una formattazione del testo tipica di quella che si usa nel linguaggio HTML. Per impostare tale modalità, in XAML,, dobbiamo impostare la proprietà “TextType” con il valore HTML .

Di seguito si riporta un frammento di codice per visualizzare il testo formattato in sottolineato, tramite codice HTML, e di colore blu tramite la proprietà textcolor .

C#

 <Label TextType="Html"

   Text="    &lt;u&gt; testo sottolineato  &lt;/u&gt; " TextColor="DarkBlue"

        />

Il risultato sarà come quello riportato in figura 2.

Figura 2 – Il risultato del testo sottolineato

Il controllo Label, permette di avere il testo in colonnato, ossia il testo posizionato uno sopra all'altro.

Di seguito si riporta il frammento di codice delle suddette operazioni, per impostazione di tipo XAML.

XAML

 <Label>

     <Label.Text>

         Prima riga

         Seconda riga

     </Label.Text>

 </Label>

Altra formattazione che possiamo fare, utilizzando sempre lo stile HTML, è quello di applicare il grassetto con il tag “<B>”.

XAML

     <Label

         Text="Testo &lt;b&gt; grassetto  &lt;/b&gt;"

TextType="Html" />

Di seguito il risultato di tale formattazione.

Figura 3 – Formattazione grassetto

Conclusioni

L’articolo ha fornito una breve introduzione sull’uso del controllo Label con il Framework MAUI per la realizzazione di applicazioni multi piattaforma. Il controllo offre una vastità di utilizzi, dando la possibilità al programmatore di realizzare applicazioni anche con aspetti molto professionali con poche righe di codice.