Travailler avec CorePlot Configuration du projet

Lorsqu'il travaille avec des applications gourmandes en données, un développeur doit souvent faire plus que simplement afficher des listes d'enregistrements de données dans une vue sous forme de tableau. La bibliothèque CorePlot vous permettra d’ajouter de superbes visualisations de données à vos applications. Découvrez comment dans cette série Tuts + Premium!

La visualisation des données est essentielle pour aider l'utilisateur à interpréter les données et à prendre des décisions importantes. CorePlot est une bibliothèque tierce qui vous permet d'afficher une gamme de graphiques interactifs au sein de votre application. Cela inclut les graphiques linéaires, les graphiques en nuages ​​de points, les graphiques à barres et même les graphiques à secteurs. Vous pouvez personnaliser l'apparence des graphiques et même permettre à l'utilisateur d'interagir avec eux..


Aussi disponible dans cette série:

  1. Travailler avec CorePlot: Configuration du projet
  2. Travailler avec CorePlot: Principes de base des parcelles
  3. Utilisation de CorePlot: Style et ajout de graphes
  4. Utilisation de CorePlot: Création d’un graphique à barres
  5. Travailler avec CorePlot: Créer un graphique à secteurs

Ce que nous allons couvrir

Au cours des 5 prochains tutoriels, nous allons créer une application qui représente graphiquement les données relatives à l’inscription des étudiants dans une université. Plus précisément, nous couvrirons:

  • Comment ajouter CorePlot à une application.
  • Les bases de CorePlot et comment faire fonctionner un graphique.
  • Création d'un graphique linéaire.
  • Graphes de style.
  • Créer un graphique à barres.
  • Abstraction de la logique des données graphiques.
  • Créer un camembert.

Connaissances Requises

Vous devez avoir une compréhension intermédiaire du développement iOS et du modèle de développement de délégation. Une compréhension de CoreData est utile mais pas obligatoire. Une grande partie de la fonctionnalité CoreData a déjà été mise en œuvre et vous serez guidé tout au long des appels ultérieurs au magasin de données..


Le modèle d'application

Dans le code source, vous trouverez l'application de base que nous utiliserons à l'avenir. Il s'agit d'une application de base à barre d'onglets qui utilise Core Data pour stocker les informations sur les étudiants et les sujets et les répertorie dans des vues de tableau distinctes. Vous pouvez ajouter un étudiant ou un sujet en appuyant sur le bouton "+" dans le coin supérieur droit..

La classe de sujet a les attributs suivants:

  • Identifiant du sujet: Identifiant unique, généré automatiquement.
  • Nom du sujet: Nom du sujet, décrit le sujet.

La classe d'étudiant a les attributs suivants:

  • Carte d'étudiant:Identifiant unique, généré automatiquement.
  • Nom d'étudiant: Le prénom et le nom de l'étudiant.
  • Identifiant du sujet: L'identifiant de la matière dans laquelle ils sont inscrits. Pour simplifier, nous supposons qu'un étudiant ne peut s'inscrire que dans une seule matière..
  • Jour inscrit: Nous supposons que l'inscription se déroule sur une période de 7 jours. Le jour inscrit est le jour où l'étudiant est venu pendant cette période pour s'inscrire.

Ouvrez le projet et assurez-vous qu'il est exécuté. Pour cette série, je n'utilise pas le comptage automatique des références, nous devrons donc gérer notre propre mémoire. Vous devriez voir le lancement de l'application avec les onglets "Étudiants" et "Sujets". Chaque onglet doit contenir une table avec des données préremplies dans chacun. Une fois que vous avez confirmé que tout fonctionne, nous pouvons ajouter CorePlot à notre application..



Importation de CorePlot

La première étape consiste à télécharger la dernière version de CorePlot. Au moment de la rédaction, c’est la v1.0. Visitez la page d'accueil de la parcelle principale et accédez à la section des téléchargements..


Téléchargez le fichier zip. La bibliothèque fait environ 140 mb. Cela peut donc prendre un certain temps si votre connexion est lente.

Nous allons insérer les fichiers de la bibliothèque CorePlot dans notre application. Il est recommandé de stocker les tiers dans un dossier distinct des autres fichiers de classe. Créez un nouveau dossier dans le dossier source "StudentTracker" appelé "Bibliothèques externes"..

Vous pouvez inclure CorePlot en tant qu'installation de projet dépendante ou bibliothèque statique. J'aime l'inclure en tant qu'installation de projet dépendante, car cela nous permet d'accéder au code source et de voir comment les choses fonctionnent sous une forme distincte en ne regardant que les fichiers d'en-tête..

  1. Copiez le répertoire "CorePlot" dans le dossier "External Libraries" récemment créé dans le dossier source StudentTracker..

  2. Créez un groupe dans XCode appelé le même ("Bibliothèques externes")

  3. Dans le Finder, localisez le fichier de projet "CocoaTouch.xcodeproj" ("CorePlot_1.0 / Source / frameworkCocoaTouch.xcodeproj") et faites-le glisser dans le groupe "Bibliothèques externes" de Xcode..

  4. Sélectionnez votre fichier de projet d'application dans xcode et cliquez sur l'onglet "Build Phases". De là, vous devez ajouter la bibliothèque CorePlot-CocoaTouch dans le groupe "Dépendances cibles"..
  5. Vous devrez également lier le fichier binaire à la bibliothèque CorePlot. Développez le groupe "Link Binary with Libraries" et ajoutez le fichier "libCorePlot-CocoaTouch.a".

  6. Vous devrez également ajouter des paramètres dans l'onglet Paramètres de construction. Définissez le chemin de recherche de l'en-tête sur le répertoire d'infrastructure dans le répertoire source CorePlot (doit être "$ PROJECT_DIR / StudentTracker / Bibliothèques externes / CorePlot_1.0 / Source / framework /"). Cochez la case située à droite du texte (pour indiquer une valeur récursive). Vous devez également remplacer "Toujours rechercher les chemins d’utilisateur" par "Oui"..

  7. Ensuite, ajoutez "-ObjC" au champ "Autres drapeaux de l'éditeur de liens".
  8. CorePlot s'appuie sur le framework QuartzCore, alors n'hésitez plus et ajoutez-le comme framework requis.
  9. Enfin, vous devrez importer le fichier "CorePlot-cocoaTouch.h" dans tous les fichiers qui en ont besoin. Nous n'en avons pas encore besoin, mais essayez simplement de l'ajouter au fichier de délégation de l'application pour vous assurer que tout est correctement compilé..

Si le projet réussit, tout est prêt!


Problèmes communs

 CPTAnnotation.h fichier non trouvé

Cela signifie que le dossier de recherche du chemin d’en-tête n’a pas été localisé correctement. Assurez-vous que vous utilisez les "chemins de recherche d'en-tête" et non les "chemins de recherche de structure". Il est important de s’assurer que la case à cocher est cochée et que "Toujours rechercher les chemins d’utilisateur" est réglé sur "Oui"..

 Symboles non définis pour l'architecture i386: "_CATransform3DIsIdentity", référencés depuis:… 

Ces erreurs inquiétantes existent parce que le Framework QuartzCore n’a pas été inclus. Tout ce que vous avez à faire est d’inclure le Framework QuartzCore (dans le groupe "Link Binary With Libraries") et ces erreurs disparaîtront.!


Emballer

Nous avons une bonne introduction à ce que CorePlot peut faire et à la façon de l'ajouter à un projet existant. La prochaine fois que nous allons nous salir les mains et commencer à créer un graphique à courbes montrant le nombre d'étudiants inscrits chaque jour d'inscription. Vous attraper la prochaine fois!