Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 21 di 59
  • livello principiante
Indice lezioni

Border

Applicare contorni e angoli arrotondati agli elementi del layout
Applicare contorni e angoli arrotondati agli elementi del layout
Link copiato negli appunti

Esiste un'altra controllo utilizzato per la realizzazione del layout, il Border, che permette di contornare un controllo con un bordo. Le principali proprietà esposte sono il colore (BorderBrush), lo spessore (BorderThickness) e lo sfondo (Background) del bordo.

Tramite la proprietà CornerRadius possiamo modificare l'aspetto creando angoli con i bordi arrotondati. Vediamo un esempio di codice ed il relativo risultato.

<Canvas x:Name="LayoutRoot" Background="Azure" 
        Width="400" Height="300">
  <Border Canvas.Top="30" Canvas.Left="20" Width="350"
          Background="Yellow" Padding="10" 
          BorderBrush="Red" BorderThickness="4" >
  
    <TextBlock FontSize="16" Text="TextBlock in un controllo Border" />
  </Border>
  
  <Border Canvas.Top="100" Canvas.Left="20" Width="350"
          Background="Green" Padding="10" 
          BorderBrush="Black" BorderThickness="3" 
          CornerRadius="20">
    
    <Button FontSize="16" Content="Button in un controllo Border" />
  </Border>
</Canvas>
Figura 27. Applicare un bordo agli elementi
Applicare un bordo agli elementi

Dato che il Border può contenere un solo elemento figlio, per inserire più controlli dobbiamo utilizzare un Panel Control come contenuto del bordo ed inserire gli altri controlli come figli del Panel.

I Layout Controls giocano un ruolo importante anche nel processo di realizzazione di UserControl personalizzati.

Ti consigliamo anche