如何在 kotlin 上的 MPAndroidChart 中绘制从蓝牙模块接收到的实时传感器值？

Question

我有一个传感器，通过将其连接到 Arduino 板，我可以在 Arduino IDE 上以图表的形式在串行绘图仪中看到传感器信号。
我想通过蓝牙模块在我的APP上实时看到相同的信号。
我正在使用 MPAndroidChart 库在 Kotlin 中绘制图表。
要使用 MPAndroidChart 绘制图表以及有关如何使用 MPAndroidChart 的更多信息，
我通过Github中的以下链接查看了Google Play中发布的示例程序代码 https://github.com/PhilJay/MPAndroidChart
并将 Java 代码转换为 Kotlin，现在我可以用随机数绘制图表。
但我计划使用通过蓝牙接收的传感器数据绘制自己的图表。
我编写了一个 ReceiveData 函数，我想用此方法获取数据并将其提供给 addEntry 函数，这样我就可以绘制我的图，而不是用随机数绘制图表。带有蓝牙数据的图表。
但我不知道该怎么办。
通过调用feedMultiple函数

btn_startTest.setOnClickListener { feedMultiple() }

并在addEntry中使用以下代码绘制随机数的图形。

data.addEntry(Entry(set.entryCount.toFloat(), (Math.random() * 40).toFloat() + 30f), 0)

但我遇到的问题是，我不知道如何将通过蓝牙接收到的数据传输到addEntry函数并使用它们而不是随机数。
这是我的应用程序的完整代码：

class ElectromyographyAnalysis : AppCompatActivity(), OnChartValueSelectedListener {

    companion object {
        val TAG = "EMGSensor"
        val APP_NAME = "EMGSensor"

        var m_myUUID: UUID = UUID.fromString("00001101-0000-1000-8000-00805f9b34fb")
        var m_bluetoothSocket: BluetoothSocket? = null
        lateinit var m_progress: ProgressDialog
        lateinit var m_bluetoothAdapter: BluetoothAdapter
        var m_isConnected: Boolean = false
        lateinit var m_address: String

        var xVal: Int = 0
        var yVal: Int = 0
    }

    lateinit var emgChart: LineChart


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.electromyography_analysis_layout)

        title = "Electromyography Analysis"

        m_address = intent.getStringExtra(SelectDeviceActivity.EXTRA_ADDRESS).toString()

        ConnectToDevice(this).execute()

        //add this new
        window.setFlags(
            WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN
        )


        emgChart = findViewById(R.id.emg_lineChart)
        emgChart.setOnChartValueSelectedListener(this)

        // enable description text
        emgChart.description.isEnabled = true

        // enable touch gestures
        emgChart.setTouchEnabled(true)

        // enable scaling and dragging

        // enable scaling and dragging
        emgChart.isDragEnabled = true
        emgChart.setScaleEnabled(true)
        emgChart.setDrawGridBackground(false)

        // if disabled, scaling can be done on x- and y-axis separately
        emgChart.setPinchZoom(true)

        // set an alternative background color
        emgChart.setBackgroundColor(Color.LTGRAY)

        val data = LineData()
        data.setValueTextColor(Color.WHITE)

        //add empty data

        // add empty data
        emgChart.data = data

        // get the legend (only possible after setting data)

        // get the legend (only possible after setting data)
        val l: Legend = emgChart.legend

        // modify the legend ...

        // modify the legend ...
        l.form = LegendForm.LINE
        //l.typeface =
        l.textColor = Color.WHITE

        val xl: XAxis = emgChart.xAxis
        //xl.typeface = tfLight
        xl.textColor = Color.WHITE
        xl.setDrawGridLines(false)
        xl.setAvoidFirstLastClipping(true)
        xl.isEnabled = true

        val leftAxis: YAxis = emgChart.getAxisLeft()
        //leftAxis.typeface = tfLight
        leftAxis.textColor = Color.WHITE
        leftAxis.axisMaximum = 100f
        leftAxis.axisMinimum = 0f
        leftAxis.setDrawGridLines(true)

        val rightAxis: YAxis = emgChart.getAxisRight()
        rightAxis.isEnabled = false

        btn_startTest.setOnClickListener { feedMultiple() }
        
    }

    private fun addEntry() {
        val data: LineData = emgChart.data
        if (data != null) {
            var set = data.getDataSetByIndex(0)
            // set.addEntry(...); // can be called as well
            if (set == null) {
                set = createSet()
                data.addDataSet(set)
            }
            data.addEntry(Entry(set.entryCount.toFloat(), (Math.random() * 40).toFloat() + 30f), 0)
            data.notifyDataChanged()

            // let the chart know it's data has changed
            emgChart.notifyDataSetChanged()

            // limit the number of visible entries
            emgChart.setVisibleXRangeMaximum(120f)
            // chart.setVisibleYRange(30, AxisDependency.LEFT);

            // move to the latest entry
            emgChart.moveViewToX(data.entryCount.toFloat())

            // this automatically refreshes the chart (calls invalidate())
            // chart.moveViewTo(data.getXValCount()-7, 55f,
            // AxisDependency.LEFT);
        }
    }

    private fun createSet(): LineDataSet {
        val set = LineDataSet(null, "Dynamic Data")
        set.axisDependency = AxisDependency.LEFT
        set.color = ColorTemplate.getHoloBlue()
        set.setCircleColor(Color.WHITE)
        set.lineWidth = 2f
        set.circleRadius = 4f
        set.fillAlpha = 65
        set.fillColor = ColorTemplate.getHoloBlue()
        set.highLightColor = Color.rgb(244, 117, 117)
        set.valueTextColor = Color.WHITE
        set.valueTextSize = 9f
        set.setDrawValues(false)
        return set
    }

    private var thread: Thread? = null

    private fun feedMultiple() {
        if (thread != null)
            thread!!.interrupt()

        val runnable = Runnable { addEntry() }
        thread = Thread {
            for (i in 0..999) {

                // Don't generate garbage runnable inside the loop.
                runOnUiThread(runnable)
                try {
                    Thread.sleep(25)
                } catch (e: InterruptedException) {
                    e.printStackTrace()
                }
            }
        }
        thread!!.start()
    }

    private fun receiveData() {

        val buffer = ByteArray(1024)
        var bytes: Int
        val handler = Handler()
        var stopWorker = false
        Log.d(TAG, "Inside ReceiveData")

        val workerThread = Thread {
            while (!Thread.currentThread().isInterrupted && !stopWorker) {

                try {
                    bytes = m_bluetoothSocket!!.inputStream.read(buffer)
                    if (bytes > 0) {
                        val incomingMessage = String(buffer, 0, bytes)
                        Log.d(TAG, "InputStream : $incomingMessage")
                        yVal = incomingMessage.toInt()
                       
                    } else {
                        Toast.makeText(this , "bytes is less than zero" , Toast.LENGTH_SHORT).show()

                    }
                } catch (ex: IOException) {
                    stopWorker = true
                }
            }
        }
        workerThread.start()
    }

Answer 1

老实说，我会使用 EventBus，因此您可以使用变量侦听来自蓝牙设备的数据。

事件总线充当侦听器。当您从蓝牙设备接收数据时，Android 会保存事件，您可以在应用程序中的任何位置使用它，也可以在 Activity 之间传递它。

但要做到这一点，您需要注册并订阅。让我们从第一个开始吧。

1. 将 GreenRobot eventbus 添加到您的 gradle 中：

    实现 'org.greenrobot:eventbus:3.2.0' 
   

2. 创建 EventBus（我将创建一个新的对象文件以使 eventbus 有序）：

   数据类 DataEvent(var dataToSend: Float){}
   

当然，您需要注册并订阅此事件。以及如何做？

3. 在蓝牙接收器中注册您的事件总线，您需要注册要订阅的数据（要清楚的是，您从蓝牙获取数据包的地方）：

   val eventData: DataEvent = DataEvent(yourData)
   EventBus.getDefault().post(eventData)
   

4. 订阅，当然您现在需要订阅，否则您将看不到任何数据被保存到您的事件类中。
   因为您需要绘制数据，所以在肌电图分析类中您需要订阅该事件：

   @Subscribe(threadMode = ThreadMode.MAIN)
   公共乐趣 onDataReceived（事件：DataEvent）{
       if (event.dataToSend != null) {
           dataToPlot = event.dataToSend
       }
       addEntry(dataToPlot) // 这将调用您的 ADDENTRY()
   }
   

这样您将把蓝牙接收到的每一位发送到 AddEntry() 方法并绘制它们。

5. 但是，为此您需要稍微更改一下您的 AddEntry()：

    private fun addEntry(yourData:DataType) {
             验证数据：LineData = emgChart.data
   
        如果（数据！=空）{
             var set = data.getDataSetByIndex(0)
            if (set1 == null) {
                data.addDataSet(设置)
            }
   
            数据.addEntry(
                入口（
                    set.entryCount.toFloat(),
                    数据绘图
                ), 0
            ）
            data.notifyDataChanged()
   
            // 让图表知道它的数据已经改变
            emgChart.notifyDataSetChanged()
   
            // 限制可见条目的数量
            emgChart.setVisibleXRangeMaximum(120f)
            // Chart.setVisibleYRange(30, AxisDependency.LEFT);
   
            // 移动到最新条目
            emgChart.moveViewToX(data.entryCount.toFloat())
   
            // 这会自动刷新图表（调用 invalidate()）
            // Chart.moveViewTo(data.getXValCount()-7, 55f,
            // AxisDependency.LEFT);
        }
    } 
   

6. 您将不需要 feedMultiple Thread，并且您还将获得性能更好的实时图表。