Trabajando con CorePlot Configuración del proyecto

Cuando se trabaja con aplicaciones de uso intensivo de datos, un desarrollador a menudo debe hacer algo más que mostrar listas de registros de datos en una vista de tabla. La biblioteca CorePlot le permitirá agregar impresionantes visualizaciones de datos a sus aplicaciones. Descubre cómo en esta serie Tuts + Premium.!

La visualización de datos es fundamental para ayudar al usuario a entender los datos y tomar decisiones importantes. CorePlot es una biblioteca de terceros que le permite mostrar una variedad de gráficos interactivos dentro de su aplicación. Esto incluye gráficos de líneas, gráficos de dispersión, gráficos de barras e incluso gráficos circulares. Puede personalizar el aspecto de los gráficos e incluso permitir que el usuario interactúe con ellos..


También disponible en esta serie:

  1. Trabajando con CorePlot: Configuración del proyecto
  2. Trabajando con CorePlot: Fundamental Fundamentos
  3. Trabajar con CorePlot: modelar y agregar gráficos
  4. Trabajando con CorePlot: Creando un gráfico de barras
  5. Trabajando con CorePlot: Creando un gráfico circular

Lo que cubriremos

En los próximos 5 tutoriales crearemos una aplicación que grafica datos sobre la inscripción de estudiantes en una universidad. Específicamente, cubriremos:

  • Cómo agregar CorePlot a una aplicación.
  • Los conceptos básicos de CorePlot y cómo hacer que un gráfico funcione.
  • Creando un gráfico de líneas.
  • Gráficos de estilo.
  • Creando un gráfico de barras.
  • Resumen de la lógica de datos del gráfico.
  • Creando un gráfico circular.

Conocimiento Requerido

Debe tener una comprensión intermedia del desarrollo de iOS y el patrón de delegación de desarrollo. Un entendimiento de CoreData es útil pero no es requerido. Gran parte de la funcionalidad CoreData ya se ha implementado y se lo guiará a través de cualquier otra llamada al almacén de datos..


La aplicación de muestra

En el código fuente encontrará la aplicación base que utilizaremos en el futuro. Es una aplicación básica de la barra de pestañas que utiliza Datos básicos para almacenar información de alumnos y sujetos y los enumera en vistas de tabla separadas. Puedes agregar un estudiante o una materia presionando el botón "+" en la esquina superior derecha.

La clase sujeto tiene los siguientes atributos:

  • Asunto ID: Identificador único, generado automáticamente..
  • Nombre del tema: Nombre del sujeto, describe de qué trata el sujeto.

La clase de los estudiantes tiene los siguientes atributos:

  • Identificación del Estudiante:Identificador único, generado automáticamente..
  • Nombre del estudiante: El apellido y apellido del alumno..
  • Asunto ID: La identificación de la asignatura en la que están inscritos. Por simplicidad, asumimos que un estudiante solo puede inscribirse en una asignatura..
  • Día inscrito: Asumimos que la inscripción va en un período de 7 días. El día inscrito es el día en que el estudiante ha entrado durante ese período para inscribirse.

Abra el proyecto y asegúrese de que se ejecuta. Para esta serie no estoy usando el conteo automático de referencias, por lo que tendremos que administrar nuestra propia memoria. Debería ver el inicio de la aplicación con las pestañas "Estudiantes" y "Temas". Cada pestaña debe contener un tableView con algunos datos previamente rellenados en cada uno. Una vez que haya confirmado que todo está funcionando, podemos continuar agregando CorePlot a nuestra aplicación.



Importando CorePlot

El primer paso es descargar la última versión de CorePlot. En el momento de escribir esto es v1.0. Visita la página de inicio del gráfico principal y navega a la sección de descargas.


Descarga el archivo zip. La biblioteca tiene alrededor de 140 mb, por lo que puede tardar un tiempo si tiene una conexión lenta.

Vamos a poner los archivos de la biblioteca CorePlot dentro de nuestra aplicación. Es una buena práctica almacenar a terceros en una carpeta separada de los otros archivos de clase. Cree una nueva carpeta en la carpeta de origen "StudentTracker" llamada "Bibliotecas externas".

Puede incluir CorePlot como una instalación de proyecto dependiente o una biblioteca estática. Me gusta incluirlo como una instalación de proyecto dependiente, ya que nos permite acceder al código fuente y ver cómo funcionan las cosas en forma distinta solo viendo los archivos de encabezado.

  1. Copie el directorio "CorePlot" en la carpeta "Bibliotecas externas" recién creada dentro de la carpeta de origen de StudentTracker.

  2. Cree un grupo en XCode llamado el mismo ("Bibliotecas externas")

  3. En el buscador, ubique el archivo de proyecto "CocoaTouch.xcodeproj" ("CorePlot_1.0 / Source / frameworkCocoaTouch.xcodeproj") y arrástrelo al grupo "Bibliotecas externas" en Xcode.

  4. Seleccione el archivo de proyecto de su aplicación en xcode y haga clic en la pestaña "Crear fases". Desde allí, debe agregar la biblioteca CorePlot-CocoaTouch en el grupo "Dependencias de destino".
  5. También deberá vincular el binario con la biblioteca CorePlot. Expanda el grupo "Vincular binarios con bibliotecas" y agregue "libCorePlot-CocoaTouch.a"

  6. También deberá agregar algunas configuraciones en la pestaña Crear configuraciones. Establezca la ruta de búsqueda de encabezado en el directorio del marco en el directorio de origen de CorePlot (debería ser "$ PROJECT_DIR / StudentTracker / Librerías externas / CorePlot_1.0 / Source / framework /") Marque la casilla a la derecha del texto (para indicar recursivo). También debe cambiar "Buscar rutas de usuario siempre" a "Sí".

  7. A continuación, agregue "-ObjC" al campo "Otros indicadores de vinculador".
  8. CorePlot se basa en el marco de QuartzCore, así que adelante y agregue eso como un marco requerido.
  9. Finalmente, deberá importar el archivo "CorePlot-cocoaTouch.h" a cualquier archivo que lo requiera. No lo necesitamos todavía, pero solo intente agregarlo al archivo de delegado de la aplicación para asegurarse de que todo se compile correctamente.

Si el proyecto se compila con éxito, entonces todo está listo.!


Problemas comunes

 Archivo CPTAnnotation.h no encontrado

Esto significa que la carpeta de búsqueda de la ruta del encabezado no se ha localizado correctamente. Asegúrese de que está utilizando las "Rutas de búsqueda de encabezado" y no las "Rutas de búsqueda de marco". Es importante asegurarse de que la casilla de verificación esté marcada y la opción "Buscar siempre rutas de usuario" esté configurada en "Sí".

 Símbolos no definidos para la arquitectura i386: "_CATransform3DIsIdentity", referenciado desde: ... 

Estos errores de aspecto aterrador existen porque no se ha incluido el marco QuartzCore. Todo lo que necesita hacer es incluir el marco de QuartzCore (en el grupo "Vincular binarios con bibliotecas") y estos errores desaparecerán!


Envolver

Hemos recibido una buena introducción a lo que CorePlot puede hacer y cómo agregarlo a un proyecto existente. La próxima vez nos ensuciaremos las manos y comenzaremos a construir un gráfico de líneas para mostrar cuántos estudiantes se inscriben en cada día de inscripción. Te veo la proxima vez!