Red de conocimiento informático - Material del sitio web - ¿Cómo crear un hermoso reloj usando la API de gráficos de iOS en lenguaje Swift?

¿Cómo crear un hermoso reloj usando la API de gráficos de iOS en lenguaje Swift?

A continuación, agregamos la biblioteca de funciones al proyecto. Puede usar CocoaPods para instalar la biblioteca, y aquí podemos instalarla manualmente directamente.

Descarga el proyecto ios-charts. Este archivo zip contiene una biblioteca (una carpeta llamada Charts) y un proyecto de muestra llamado ChartsDemo. Si desea obtener más información sobre la biblioteca de funciones, los proyectos de muestra son un gran recurso.

Descomprima el archivo descargado y copie y pegue el archivo del gráfico en el directorio raíz de su proyecto (iOSChartsDemo). Abra el archivo del gráfico en Finder y arrastre el gráfico. Xcodeproj al proyecto xcode. La estructura se muestra en la siguiente figura.

Luego seleccione su proyecto en la navegación del proyecto y asegúrese de que el destino iOSChartsDemo esté seleccionado. Busque la sección Binarios integrados en la pestaña General a la derecha y haga clic en el símbolo en esa sección para agregar un marco de gráfico. Seleccione Charts.framework de la lista y haga clic en Agregar.

Si desea utilizar la biblioteca de funciones en Objective-C, consulte las instrucciones.

Construya el proyecto usando Comando-B o seleccione Producto > Construir. Si no hace esto, cuando importe el marco de Charts a su proyecto, Xcode informará un error: el módulo subyacente para Charts no se puede cargar.

Ahora creemos nuestro primer gráfico.

Cree un gráfico de barras

Abra el archivo BarChartViewController.swift y agregue las siguientes declaraciones.

Importar gráfico

Abre el archivo del guión gráfico. Necesitamos agregar una vista para mostrar el gráfico. Seleccione el "Controlador de vista de barra" del esquema del documento y desmarque la opción "Debajo de la barra superior" para "Expandir bordes" en el Inspector de propiedades. No queremos que el gráfico se extienda automáticamente debajo de la barra de navegación.

Luego arrastre y suelte una vista en el controlador de vista del gráfico de barras y coloque los límites como se muestra a continuación. Esta vista es una subvista de la vista principal en el controlador.

Con la vista seleccionada, establezca su clase en BarChartView en el Inspector de reconocimiento. Luego use el Editor asistente para agregar la salida de la vista a la clase BarChartViewController y asígnele el nombre outletbarChartView. Agregue el siguiente código a la clase BarChartViewController.

@IBOutlet var débil barChartView: ¡BarChartView!

Ejecute el proyecto y seleccione el gráfico de columnas de la tabla. Es posible que reciba un mensaje de visualización: No hay datos de gráfico disponibles.