如何在 Android 的 GraphView 中创建数据点的自定义形状?

androidapps/applicationsmobile development

Android 的 GraphView 中的自定义形状指的是能够创建和使用自定义形状来表示图表中的信息点。默认情况下，图库提供圆形或正方形等常用形状来表示信息点。然而，自定义形状允许设计师定义和使用自己独特的形状，例如三角形、星形或任何其他所需的设计。这种自定义可以提升信息点的视觉吸引力和独特性，使图表更具视觉吸引力和启发性。设计师可以通过定义形状的特征或使用图像资源来创建自定义形状。然后，他们可以将这些形状分配给特定的数据点，从而提供个性化且外观美观的图形绘制体验。

使用的方法

手动实现

手动实现

在 Android 的 GraphView 中创建自定义数据形状的手动实现是指使用编程方法手动定义和创建形状的过程。开发人员无需依赖库中提供的预定义形状，而是可以通过指定形状的顶点、顶点和方向来创建自己的特殊形状。这允许完全控制形状的外观和布局。手动实现包括编写代码来定义形状的属性，例如大小、颜色和描边。它提供了灵活性和定制选项，可根据特定要求和设计偏好定制数据点的形状，从而带来更加个性化和更具视觉吸引力的图形体验。

算法

启动应用程序。
初始化图表和数据点的基本元素和数据结构。
在用户界面中设置 GraphView 组件以显示图表。
创建自定义 Shape 类来定义数据点形状的属性和外观。
在 Shape 类中实现基本方法(例如 draw())来处理自定义形状的渲染。
创建数组列表或其他合理的数据结构来存储数据点。
填充用值标记信息点，并将每个点与自定义形状的对象关联起来。
在 GraphView 组件中，突出显示信息点，并使用其对应的自定义形状绘制每个点。
实现功能，以便通过信息点(例如按下事件或工具提示)直观地处理用户。
测试应用程序，确保自定义形状准确显示且可交互。
优化代码以提高性能和内存利用率，考虑有效的绘图过程或缓存等因素。
灵活处理任何潜在的错误或例外情况，以确保流畅的客户体验。
完成应用程序，进行仔细的测试，并根据客户反馈或错误报告进行任何必要的更改。

程序

添加依赖项

依赖项 `com.rati:graphview:4.2.2` 包含在 Gradle 构建文件中，用于将 GraphView 库集成到 Android 扩展中。该库提供在 Android 应用程序中创建和显示图表的功能。

通过添加此依赖项，设计人员可以访问 GraphView 库，该库重新组织了图表创建、自定义和交互的方式。它提供各种图表类型，例如折线图、条形图和散点图，以及缩放、浏览和数据点突出显示等功能。依赖项中指定的版本 (`4.2.2`) 保证与该版本中包含的特定功能和错误修复兼容。定期检查库的升级以利用最新的改进和更改至关重要。

XML 程序

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">

   <com.jjoe64.graphview.GraphView
      android:id="@+id/graphview"
	  android:layout_width="match_parent"
	  android:layout_height="match_parent" />
	
</RelativeLayout>

Java 程序

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

import com.rati.graphview.GraphView;
import com.rati.graphview.series.DataPoint;
import com.rati.graphview.series.DataPointInterface;
import com.rati.graphview.series.PointsGraphSeries;

public class MainActivity extends AppCompatActivity {

   GraphView graphView;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        graphView = findViewById(R.id.graphview);
        
        // 创建自定义形状的 PointGraphSeries
        PointsGraphSeries<DataPoint> series = new PointsGraphSeries<>(getDataPoint());
        
        graphView.addSeries(series);
        
        // 设置系列属性
        series.setSize(50);
        series.setColor(Color.RED);
        
        // 定义数据点的自定义形状
        series.setCustomShape(new PointsGraphSeries.CustomShape() {
         @Override
         public void draw(Canvas canvas, Paint paint, float x, float y, DataPointInterface dataPoint) {
            paint.setStrokeWidth(5);
            // 使用线条绘制自定义形状
            canvas.drawLine(x - 20, y, x, y - 20, paint);
            canvas.drawLine(x, y - 20, x + 20, y, paint);
            canvas.drawLine(x + 20, y, x, y + 20, paint);
            canvas.drawLine(x - 20, y, x, y + 20, paint);
         }
      });
   }

   // 初始化数据点
   private DataPoint[] getDataPoint() {
      DataPoint[] dp = new DataPoint[]{
         new DataPoint(0, 1),
         new DataPoint(2, 1),
         new DataPoint(3, 5),
         new DataPoint(6, 2),
         new DataPoint(7, 8),
      };
      return dp;
   }
}