Fermer

mars 21, 2019

Construire des applications mobiles natives avec Drag & Drop Mobile Builder


Grâce à la bonne plateforme de développement d'applications à code réduit, vous pouvez utiliser vos processus préférés tout en accélérant le développement à l'aide d'outils visuels, afin d'éviter les tâches fastidieuses et de vous concentrer sur l'essentiel.

Un composant clé de Kinvey Studio est l'ensemble (croissant) de vues prédéfinies qui sont optimisées par vos données et qui permettent d'économiser un temps considérable qui serait normalement consacré à un échafaudage fastidieux.

Par exemple, supposons que j'ai une collection de données de base que je veux simplement exposer via une liste dynamique avec des images. Dans Kinvey Studio, les étapes seraient les suivantes:

  1. Créer une nouvelle vue à partir d'un modèle existant
  2. Liez cette vue à un ensemble de données existant
  3. Prévisualisez l'application native sur un périphérique réel!

… illustrated ici:

 Vue de Kinvey Studio Mobile "data-displaymode =" Original "title =" Vue de Kinvey Studio Mobile "data-openoriginalimageonclick =" true "/> </a></p>
<h2> Bâtiment une interface utilisateur mobile personnalisée </h2>
<p> Lorsque vous démarrez de nouveaux projets de développement d'applications mobiles, il est utile d'utiliser des modèles de vue prédéfinis … lorsque votre analyse de rentabilisation correspond à l'un de ces modèles! Pour d'autres scénarios uniques, nous vous recommandons d'utiliser le <strong> vierge </strong> option de visualisation. </p>
<p> <a href=  Blank de Kinvey Studio Mobile "data-displaymode =" Original "title =" de Kinvey Studio Mobile Blank "data-openoriginalimageonclick =" true "/> </a> [19659003] C’est là que la puissance de Kinvey Studio brille vraiment. Le canevas vierge vous permet de personnaliser complètement votre interface utilisateur. Vous pouvez faire glisser et déposer des éléments de l'interface utilisateur (comme des étiquettes, des champs de texte, des curseurs, des commutateurs, etc.). Ce constructeur d'applications mobiles moderne vous permet également de glisser-déposer <em> des conteneurs de présentation </em>qui vous permettent <em> d'organiser </em> vos éléments d'interface utilisateur natifs sur la toile. </p>
<blockquote>
<p> Depuis que Kinvey Studio utilise <a href= NativeScript Dans les coulisses, tout ce dont vous avez besoin d'en savoir plus sur les conteneurs de présentations peut être trouvé dans la documentation NativeScript !

Besoin d'une vue qui montre une Image une Label et un bouton ? Pour ce faire, je voudrais:

  1. Commencer par glisser un conteneur Stack Layout sur ma toile
  2. Drag an Image Label et Button éléments l'un après l'autre

… conduisant à l'interface utilisateur suivante:

 Kinvey Studio Blank "data-displaymode =" Original "titre = "Kinvey Studio Blank" data-openoriginalimageonclick = "true" /> </a> </p>
<p> Ce qui, gardez à l'esprit, <strong> nous a tous pris cinq secondes! </strong> </p>
<blockquote>
<p> Alors que nous nous concentrons sur le <em> ] visuel </em> de Kinvey Studio aujourd'hui, vous devez également savoir que le code généré est stocké localement, ce qui signifie qu'il peut être modifié par votre éditeur de texte préféré ou par votre éditeur IDE! Kinvey Studio prend en charge <em> l'édition aller-retour </em> de une application, de Studio à IDE, et vice-versa. </p>
</blockquote>
<h2> Options de navigation </h2>
<p> Il est clair que la création de l'interface utilisateur de votre mo bile app. La navigation dans les applications <strong> </strong> est une autre pierre d'achoppement courante. Que vous souhaitiez utiliser la navigation optimisée pour les tablettes ou les tiroirs dans le mobile, Kinvey Studio a couvert: </p>
<p> <a href=  Navigation mobile "data-displaymode =" Original "title =" Navigation mobile " data-openoriginalimageonclick = "true" /> </a> </p>
<p> Il vous suffit de simplement inclure, exclure ou réorganiser le tableau de vues fourni pour créer rapidement un système de navigation entièrement fonctionnel pour votre application. [19659025] Thèmes </h2>
<p> Créer une application est une chose, mais elle doit également donner une belle apparence à cette application <strong> </strong>. </p>
<p> Les applications mobiles à code faible développées dans Kinvey Studio prennent en charge le <a href= NativeScript thème principal Les avantages de l’utilisation de ce thème sont les suivants:

  • Accès à l’application existante, basée sur la classe, de différents styles d’interface utilisateur
  • Une grande variété de nuanciers parmi lesquels choisir
  • modifier et remplacer les thèmes par défaut avec CSS

Dans Kinvey Studio, il existe un Themes qui vous permet d’éditer vos thèmes Web et mobiles. Vous pouvez rapidement expérimenter diverses combinaisons de couleurs prédéfinies:

 Thème mobile "data-displaymode =" Original "title =" Thème mobile "data-openoriginalimageonclick =" true "/ > </a> </p>
<blockquote>
<p> Et rappelez-vous, étant donné que les applications mobiles construites avec Kinvey Studio reposent sur le framework NativeScript, cela signifie que les applications sont stylées avec CSS, le même CSS que vous et vos développeurs utilisez depuis des années. </p>
</blockquote>
<h2> Configurations </h2>
<p> Êtes-vous un grand fan de l'édition manuelle de vos fichiers <code> info.plist </code> et <code> AndroidManifest.xml </code> pour configurer vos applications mobiles? Je ne le pensais pas. </p>
<p> Kinvey Studio fournit une interface utilisateur intuitive au-dessus de ces fichiers de configuration iOS et Android, ce qui vous permet d'utiliser des blocs de code aussi obscurs que: </p>
<pre><code class=

Par exemple, votre application doit-elle accéder à certaines autorisations de périphérique sous Android? ] AndroidManifest.xml vous pouvez utiliser l'interface fournie pour pointer un Cliquez sur votre chemin vers le succès:

 Autorisations Android "data-displaymode =" Original "title =" Autorisations Android "data-openoriginalimageonclick =" true "/> </a></p>
<h2> Résumé [19659010] Aujourd'hui, nous n'avons fait qu'effleurer ce que vous pouvez accomplir avec <a href= Kinvey Studio . Nous nous sommes concentrés sur la nature visuelle de l'outil (en faisant abstraction de la complexité et du passe-partout inhérents au développement d'applications mobiles natives). Dans les jours et les semaines à venir, vous en saurez plus sur le pouvoir de créer une application multiplate-forme avec Kinvey Studio sur la plate-forme Kinvey .

vous savez que vous pouvez ajouter rapidement un chatbot à votre application avec Kinvey Chat ? Exploitez la logique métier côté serveur sécurisée avec le backend sans serveur Kinvey? Ajoutez-vous des fonctionnalités mobiles uniquement comme la réalité augmentée? Les options sont infinies lorsque vous choisissez Progress Kinvey.




Source link