Home / Desarrollo Android / El arsenal de Android – Vistas

El arsenal de Android – Vistas

Una vista personalizada altamente personalizable y de alto rendimiento para representar un gráfico de línea curva.

Rico en funciones

  • Agregue múltiples gráficos de líneas dentro de un plano gráfico.
  • Opciones de estilo extensible.
  • Rendimiento y ligereza. [19659006] ¿Cómo integrar la biblioteca en su aplicación?

    Paso 1: agréguelo a su raíz build.gradle al final de los repositorios:

    
    
    
    
    
      allprojects {
    repositorio {
    maven {url "https://jitpack.io"}
    }
    }
    

    Paso 2. Agregar dependencia

    
    
    
      dependencias {
    implementación & # 39; com.github.swapnil1104: CurveGraphView: {current_lib_ver} & # 39;
    }
    

    Paso 3. Agregar CurveGraphView al archivo de diseño

    
    
    
    
    
    
    
    
    

    Cómo personalizar la vista.

    
    
    
    
    
    
    
    
    
    
    
    
    
      curveGraphView = findViewById (R.id.cgv);
    
    curveGraphView.configure (
    nuevo CurveGraphConfig.Builder (este)
    .setAxisColor (R.color.Blue) // Establece el trazo de color de la línea de los ejes X e Y.
    .setIntervalDisplayCount (7) // Establece el número de valores que se mostrarán en el eje X.
    .setGuidelineCount (2) // Establece el número de líneas de fondo para mostrar.
    .setGuidelineColor (R.color.GreenYellow) // Establece el color de las pautas visibles.
    .setNoDataMsg ("Sin datos") // Mensaje cuando no se proporcionan datos a la vista.
    .setxAxisScaleTextColor (R.color.Black) // Establece el color del texto de la escala del eje X.
    .setyAxisScaleTextColor (R.color.Black) // Establece el color del texto de la escala del eje Y.
    .costruire ()
    ););
    

    Cómo proporcionar datos a la vista.

    Crear objeto PointMap

    La vista gráfica indica el diagrama teniendo en cuenta 2 valores, span y value span se refiere a la coordenada xy el valor es se refiere a la coordenada y. Cree el objeto proporcionando los valores como se muestra a continuación.

    
    
    
    
    
    
      PointMap pointMap = new PointMap ();
    pointMap.addPoint (0, 100);
    pointMap.addPoint (1,500);
    pointMap.addPoint (5, 800);
    pointMap.addPoint (4, 600);
    
    

    Crea un objeto GraphData para cada PointMap

    Un objeto GraphData proporciona un PointMap strokeColor del gráfico y un gradiente opcional . Cree un objeto GraphData como se muestra a continuación.

    
    
    
    
    
    
    
    
      GraphData gd = GraphData.builder (esto)
    .setPointMap (pointMap) // PointMap datqa
    .setGraphStroke (R.color.Black) // Color del trazo de línea del gráfico
    .setGraphGradient (R.color.BlueViolet, R.color.RoyalBlue) // Relleno gráfico en color degradado
    .setStraightLine (true) // verdadero para la línea recta; falso para el gráfico de líneas curvas
    .setPointRadius (10) // radio del punto de ajuste
    .setPointColor (R.color.Red) // color del punto de ajuste
    .costruire ();
    

    Proporciona la matriz GraphData a CurveGraphView

    Proporcione los datos construidos anteriormente a CurveGraphView utilizando el método curveGraphView.setData (int span, int maxVal, GraphData … gds) . descripción de los parámetros:

    • span: es el rango de 0 … es decir, este es el rango del eje x.
    • maxVal: es el valor máximo visualizable para el eje Y.
    • gds …: es la matriz de objetos GraphData.

    Código de ejemplo

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
      curveGraphView = findViewById (R.id.cgv);
    
    curveGraphView.configure (
    nuevo CurveGraphConfig.Builder (este)
    .setAxisColor (R.color.Blue) // Establece el trazo de color de la línea de los ejes X e Y.
    .setIntervalDisplayCount (7) // Establece el número de valores que se mostrarán en el eje X.
    .setGuidelineCount (2) // Establece el número de líneas de fondo para mostrar.
    .setGuidelineColor (R.color.GreenYellow) // Establece el color de las pautas visibles.
    .setNoDataMsg ("Sin datos") // Mensaje cuando no se proporcionan datos a la vista.
    .setxAxisScaleTextColor (R.color.Black) // Establece el color del texto de la escala del eje X.
    .setyAxisScaleTextColor (R.color.Black) // Establece el color del texto de la escala del eje Y.
    .costruire ()
    );
    
    
    PointMap pointMap = new PointMap ();
    pointMap.addPoint (0, 100);
    pointMap.addPoint (1,500);
    pointMap.addPoint (4, 600);
    pointMap.addPoint (5, 800);
    
    GraphData gd = GraphData.builder (esto)
    .setPointMap (pointMap)
    .setGraphStroke (R.color.Black)
    .setGraphGradient (R.color.BlueViolet, R.color.RoyalBlue)
    .costruire ();
    
    PointMap p2 = new PointMap ();
    p2.addPoint (0, 140);
    p2.addPoint (1,700);
    p2.addPoint (2, 100);
    p2.addPoint (3, 0);
    p2.addPoint (4, 190);
    
    GraphData gd2 = GraphData.builder (esto)
    .setPointMap (p2)
    .setGraphStroke (R.color.Green)
    .setGraphGradient (R.color.gradientStartColor, R.color.gradientEndColor)
    .costruire ();
    
    
    curveGraphView.setData (5, 1000, gd, gd2);
    

.

About AndroidEditor

Check Also

Android Arsenal – Depuración

Depurador remoto de Android es una biblioteca para la depuración remota de aplicaciones de Android. …

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *