Archivio Categoria: xaml

Diamo il benvenuto a MAUI, il nuovo re di Xamarin Forms

Ieri a build è stato presentato MAUI (.NET Multi-platform App UI) che sarà la base di sviluppo per i futuri progetti Xamarin multipiattaforma.

NET MAUI è un framework di nuova generazione per sviluppare applicazioni native multipiattaforma per dispositivi mobile e desktop. E’ stato sviluppato utilizzando la nuova generazione del framework .NET e di gestione dei progetti e introduce un nuovo modo di sviluppare applicazioni con una architettura  MVU (Model-View-Update) oltre a XAML e MVVM che conosciamo bene.

MAUI semplificherà inoltre lo sviluppo di applicazioni cross platform native introducendo una struttura con un singolo progetto e risorse cross-platform. Inoltre risorse condivise come font ed immagini e le tecnologie di hot reload e hot restart saranno presenti sin dall’inizio

Diciamo che in questo caso un’immagine vale più di molte parole

Riassumendo quindi avremo:

  • Un singolo progetto per le varie piattaforme
  • Una posizione dove avere le risorse come font ed immagini
  • Possibilità di gestire il codice specifico per le varie piattaforme

Ok tutto bello, ma quando potremo metterci le mani? Il lavoro è lungo come possiamo ben immaginare, una prima preview sarà disponibile più avanti quest’anno, mentre il rilascio come GA è previsto insieme al framework .NET 6 per novembre 2021, è disponibile anche una roadmap pubblica su GitHub.

Il lavoro da fare è molto e dovranno essere anche riscritte e modificate molte librerie e pacchetti di controlli, quindi ci sarà tutto il tempo per portarci a questa transizione.

Io sinceramente non vedo l’ora di poter mettere mano alla prima preview e testarla, e voi?

Intanto nell’attesa vi auguro buon coding e vi lascio il link all’articolo originale dove vengono presentate tutte le novità di Xamarin QUI

UWP: Come dare un’occhiata a tutte le impostazioni dello stile di default

Per poter modificare lo stile di un elemento di una UWP è risaputo che da Visual Studio oppure da Blend basta premere il tasto destro un elemento e quindi generare una copia del template.

Quello che forse è meno conosciuto è il fatto che è possibile avere accesso in modo veloce allo stile di tutti gli elementi e a tutte le risorse.

Basta recarsi nella cartella

C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP

dove troveremo varie sottocartelle in base alle versioni dell’SDK che abbiamo installato, nel nostro caso c’è solo la cartella 10.0.10240.0. All’interno di essa c’è poi un’altra cartella Generic al cui interno troveremo i file che ci interessano

uwp_res

All’interno di essi abbiamo tutti gli stili che possiamo copiare all’interno della nostra applicazione e modificare per dare alla nostra app il tocco grafico che vogliamo.

Buon divertimento 😀

Elementi annidati in collezioni di dati, come ottenere l’oggetto in binding

Piccola premessa, prima di leggere questo articolo bisogna sapere cosa è il binding, per un breve ripasso vi consiglio il blog del mio amico Luca

Adesso che sapete di cosa stiamo parlando potete proseguire con la lettura 😀

Molti di voi avranno già utilizzato il DataContext per ottenere l’oggetto della lista selezionato in seguito agli eventi SelectionChanged o ItemClick in elementi di tipo ListView o GridView con un metodo molto simile al seguente

private void listViewComments_ItemClick(object sender, ItemClickEventArgs e)
{
   MioOggetto o=(MioOggetto)e.ClickedItem;
}

Quello che forse non tutti sanno è che la proprietà DataContext può tornarci utile anche nel momento in cui ci troviamo di fronte ad eventi generati da oggetti annidati all’interno di liste.

Prendiamo il semplice caso di una lista con una serie di link all’interno che permettono all’utente di eseguire un’azione:

<ListView Grid.Row="1" x:Name="listViewComments" ItemsSource="{Binding}">              
    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
            <HyperlinkButton Tag="{Binding ID}" Margin="0,0,10,0" x:Name="spamLink" Click="commentSpam_Click" Style="{StaticResource PivotTitleContentControlStyle}">
                <TextBlock>
                  <Underline>
                    <Run Text="{Binding status}"/>
                  </Underline>
                </TextBlock>
            </HyperlinkButton>
            <HyperlinkButton x:Name="ApproveLink" Click="commentApprove_Click" Style="{StaticResource PivotTitleContentControlStyle}">
                <TextBlock>
                  <Underline>
                    <Run Text="{Binding status2}"/>
                  </Underline>
                </TextBlock>
            </HyperlinkButton>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Nel click potremo molto semplicemente ottenere il nostro elemento bindato castando il sender dell’evento alla sua classe originale e poi accedendo alla proprietà DataContext

 private async void commentSpam_Click(object sender, RoutedEventArgs e){
   
    MioOggetto c = (MioOggetto)((HyperlinkButton)sender).DataContext;
    
}

In questo modo non ci sarò necessità ti portarsi dietro eventuali id bindati con la proprieta Tag per poter risalire all’elemento selezionato.

Se questo tips vi è stato utile lasciate pure un commento 😀

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi