Personalizzare l'Application Bar con Silverlight per Windows Phone 7

di , in Windows Phone,

Le applicazioni Windows Phone sono dotate di un'area in basso che contiene i comandi, chiamata Application Bar.

L'Application Bar è pensata per poter interagire con l'applicazione, concentrando in un'area ben definita le azioni che possono essere compiute. Questo serve a garantire all'utente che, a prescindere dall'applicazione, l'UX associata al compiere le azioni (aggiornare la vista, rispondere ad un'e-mail, etc) siano sempre posizionate nello stesso punto.

L'Application Bar è definita localmente, attraverso lo XAML, piuttosto che utilizzando il codice:

<phone:PhoneApplicationPage.ApplicationBar>
  <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
    <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
    <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
    <shell:ApplicationBar.MenuItems>
      <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
      <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
    </shell:ApplicationBar.MenuItems>
  </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

L'Application Bar può contenere 4 button con un'immagine affiancata, più un massimo di 50 ApplicationBarMenuItem, che sono delle azioni a cui è associato solo testo:


Purtroppo l'attuale versione non è pensata per un utilizzo con il pattern MVVM (Model-View-ViewModel), quindi resta necessario, nella maggior parte dei casi, utilizzare l'evento Click, che consente di intercettare la selezione e compiere le azioni associate.

E' possibile gestirne programmaticamente le proprietà accedendo alla proprietà ApplicationBar.
Ricordiamo che è possibile aggiungere l'ApplicationBar per un massimo di una volta in ciascuna pagina e che non sono supportati tipi di elementi all'interno diversi da ApplicationBarMenuItem e ApplicationBarIconButton.

Commenti

Visualizza/aggiungi commenti

Personalizzare l'Application Bar con Silverlight per Windows Phone 7 (#3) 1010 2
| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi