Android開發自定義實時圖表控件實現示例

Posted on by

概述

有時我們需要實時滾動顯示一段時間的數據，使用一些圖表框架可能不夠靈活，不能滿足定制化的需求，所以自定義一個控件，使我們可以為所欲為。

演示

環境

開發工具：Android Studio

開發語言：Kotlin

實現

第一步：新建項目RealTimeChartDemo

第二步：新建RealTimeChart類

這個類便是要自定義的控件，需要繼承自View類。

此類中需要重寫 onSizeChanged 和 onDraw方法。

第三步：添加自定義變量

首先需要有控件的寬度和高度

然後需要把要繪制的點在此控件范圍內，所以需要有轉換系數

然後為瞭顯示X軸和Y軸的一些標簽，需要有邊界的大小

然後為瞭繪制坐標點，需要有坐標的集合，繪制線(Path)

然後需要有個中標簽，線等等的顏色，樣式，寬度等等Paint

需要定義一個Point的類

第四步：初始化基礎參數

初始化Paint的各種參數

第五步：初始化寬高等參數

第六步：定義添加坐標點方法

第七步：定義坐標偏移方法

由於左上下都留出瞭顯示標簽的位置，所以在實際繪制時需要進行一定的偏移

第八步：定義繪制網格線方法

在繪制網格顯示，順便將Y軸標簽一起繪制

第九步：定義繪制X軸標簽方法

第十步：定義繪制坐標點方法

每次有新點時都重新繪制圖表，達到動態滾動的效果

第十一步：繪制

在onDraw方法中，添加繪制輔助線和繪制坐標點方法

第十二步：在activity_main.xml中使用控件

第十三步：在MainActivity中模擬添加數據點

恭喜，現在已經實現瞭實時圖表控件，更多關於Android自定義實時圖表控件的資料請關註WalkonNet其它相關文章！

推薦閱讀：