Xamarin.Forms 3 pour vous et moi

Cet article décrit de nouvelles fonctionnalités intéressantes dans la version Xamarin.Forms 3.0 et explique comment les développeurs peuvent les exploiter dans les applications Xamarin.

La plupart des développeurs sont réellement enthousiastes vis-à-vis des logiciels. Les logiciels modernes font tourner le monde et les développeurs façonnent l'avenir. Les développeurs ne peuvent souvent pas attendre que la prochaine chaleur tombe – pour les plates-formes et les outils qu'ils ont choisis. Les développeurs sont connus pour rester à la pointe et sont impatients d'essayer les dernières nouveautés. Cela vient avec le risque évident de casser des ordinateurs ou de perdre des heures à faire fonctionner les choses – mais bon, les nouveaux logiciels sont tout simplement géniaux.

Cependant, les réalités d'être un développeur de logiciels professionnels ™ suscitent souvent la prudence. Les développeurs se méfient des éléments critiques non testés en raison de la facilité avec laquelle les outils et les environnements de développement peuvent être perturbés. La nouvelle version de Xamarin.Forms 3.0 se trouve au cœur de ce dilemme.

Bien que relativement récente, Xamarin.Forms 3.0 a fait preuve d’une maturité surprenante: les fonctionnalités existantes fonctionnent alors que de nouvelles fonctionnalités tant attendues procurent de la joie aux développeurs. La version 3 de Xamarin.Forms fait preuve de stabilité, réduisant ainsi les obstacles à l’adoption par les développeurs.

Mais que peut faire Xamarin.Forms 3.x pour les développeurs? Cet article décrit quelques nouvelles fonctionnalités que les développeurs devraient trouver plutôt utiles à intégrer dans leurs applications Xamarin. Vous pouvez jouer avec les technologies les plus récentes et les meilleures, tout en bénéficiant de la stabilité de la plate-forme: que peut-on perdre?

Cascading Style Sheets

No way. Dis que ce n'est pas le cas. La magie noire de CSS a trouvé sa place dans notre bien-aimé Xamarin.Forms?

Fermez la porte d'entrée!

Ouais, c'était la réaction initiale de nombreux développeurs .NET. Mais le point est que le style CSS de XAML est facultatif et fonctionne réellement à merveille. Les développeurs habitués à la construction Web n'ont besoin d'apprendre rien de nouveau, car CSS dans Xamarin.Forms obéit aux mêmes règles. L'analyse CSS est en train de mûrir et des pré-processeurs tels que LESS / SASS peuvent également être utilisés.

Pour utiliser CSS dans Xamarin.Forms, les développeurs peuvent simplement créer un fichier avec une extension * .css et commencer à écrire du CSS normal.

 .importantStuff {
    taille de police: 24;
    style de police: gras;
    couleur: # FF0000;
}

#individId {
    marge: 10 0 0 10;
}

étiquette, bouton {
    couleur de fond: # c0d6f9
} 

Vérifiez ça. Ce CSS spécifie des classes, des ID d'élément individuels et des types entiers d'éléments. Et la définition des valeurs de propriété se fait de la même manière que dans l’ancien CSS classique.

Vendu en CSS et vous ne pouvez plus attendre pour l’utiliser? Bien, vous utiliseriez un fichier CSS individuel dans un fichier XAML dans Xamarin.Forms.

avec les docs !

Flex Layout

Cela peut sembler suspect de ressembler à FlexBox sur le Web – et pour cause! Le dernier rendu de présentation de Xamarin.Forms FlexLayout est en réalité inspiré de la FlexBox Layout en CSS. L'idée derrière FlexLayouts est donc de donner au conteneur (ou à la présentation) de nombreuses options (flexibles) pour organiser ses enfants de manière à occuper au mieux l'espace disponible.

Vous pensez peut-être – génial, montrez-moi plus!

Voici le La meilleure chose à propos de FlexLayout – utiliser toutes ses options de présentation est aussi simple que d’ajouter des contrôles, puis de peaufiner certaines propriétés de la disposition et des propriétés attachées (apparentées à comment définir la position d'un contrôle dans une grille Grid.Row = "3" ) sur les contrôles.

Jetons un coup d'oeil à un exemple qui combine du CSS à du bien FlexLayout . Et voyons cela en action en utilisant quelques beaux graphiques à secteurs intégrés à l'interface utilisateur Telerik pour Xamarin . Les développeurs de conseils professionnels - vous n'avez pas besoin de réinventer la roue sur une interface utilisateur complexe. L’interface utilisateur de Telerik montre vraiment l’ingénierie de chaque contrôle grâce à des API performantes et souples.

The CSS:

 .chart {
    base flexible: 25%;
    hauteur: 100;
}

.troisième {
    base flexible: 33,33%;
    hauteur: 150;
}

.moitié {
    base flexible: 50%;
    hauteur: 200;
}

.plein {
    base flexible: 100%;
    hauteur: 250;
}

Le XAML:

    
        
            
        
        
            
        
        
            
        
    

    
        
            
        
        
            
        
        
            
        
    

    
        
            
        
        
            
        
        
            
        
    

    ...
   ...

Les balises XAML et CSS combinées produisent une mise en page comme celle-ci en orientation portrait:

Consultez les docs pour l'histoire complète.

Android Bottom Tabs

Cette fonction suivante de Xamarin.Forms 3.0 devrait être étiquetée - le moment est venu! Sur Android, les onglets de navigation sont généralement au sommet. Mais, avouons-le, iOS nous a appris que la place des onglets se trouve au bas de l'écran.

var tabsPage = new Xamarin.Forms.TabbedPage (); tabsPage.On (). SetToolbarPlacement (ToolbarPlacement.Bottom);

Ouais - c'est tout. Xamarin.Forms - rend le développement Android tolérable depuis 2014.

Summa It All Up Up

Voilà, voilà le tour rapide des principales fonctionnalités de Xamarin.Forms 3.

Styling XAML les contrôles et les pages utilisant CSS sont là pour rester. Bien sûr, cela semble un peu bizarre. Mais étant donné que vous pouvez utiliser toutes vos connaissances CSS durement acquises dans le monde Web, telles que les sélecteurs et les règles en cascade, vous pouvez les appliquer à Xamarin.Forms - il est assez simple de commencer à les utiliser. Encore une fois, il s'agit d'une fonctionnalité facultative et les développeurs peuvent choisir entre les styles XAML ou CSS.

Le FlexLayout est une autre fonctionnalité de rendu très intéressante. Voici le deuxième élément d’inspiration digne de l’univers du Web heureusement apporté à Xamarin.Forms. Cette fois, ajoutez des contrôles à une présentation FlexLayout - et laissez la présentation effectuer les calculs pour savoir où tout doit apparaître à l'écran. Les développeurs peuvent lire sur la flexibilité de ses options de présentation.

Puis sur les onglets du bas d'Android - le monde mobile tel qu'il devrait être

Les développeurs doivent absolument essayer Xamarin.Forms 3 - Il est stable et offre de nouvelles fonctionnalités intéressantes. Rester à la pointe du progrès présente d’énormes avantages - et vous serez peut-être aussi enclin à attendre avec impatience Xamarin.Forms 4.0. En avant et vers le futur!