首頁 > 軟體

Android開發自定義實時圖表控制元件實現範例

2022-06-27 22:02:15

概述

有時我們需要實時捲動顯示一段時間的資料,使用一些圖表框架可能不夠靈活,不能滿足客製化化的需求,所以自定義一個控制元件,使我們可以為所欲為。

演示

環境

開發工具:Android Studio

開發語言:Kotlin

實現

第一步:新建專案RealTimeChartDemo

第二步:新建RealTimeChart類

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

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

第三步:新增自定義變數

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

然後需要把要繪製的點在此控制元件範圍內,所以需要有轉換系數

然後為了顯示X軸和Y軸的一些標籤,需要有邊界的大小

然後為了繪製座標點,需要有座標的集合,繪製線(Path)

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

需要定義一個Point的類

第四步:初始化基礎引數

初始化Paint的各種引數

第五步:初始化寬高等引數

第六步:定義新增座標點方法

第七步:定義座標偏移方法

由於左上下都留出了顯示標籤的位置,所以在實際繪製時需要進行一定的偏移

第八步:定義繪製格線方法

在繪製網格顯示,順便將Y軸標籤一起繪製

第九步:定義繪製X軸標籤方法

第十步:定義繪製座標點方法

每次有新點時都重新繪製圖表,達到動態捲動的效果

第十一步:繪製

在onDraw方法中,新增繪製輔助線和繪製座標點方法

第十二步:在activity_main.xml中使用控制元件

第十三步:在MainActivity中模擬新增資料點

恭喜,現在已經實現了實時圖表控制元件,更多關於Android自定義實時圖表控制元件的資料請關注it145.com其它相關文章!


IT145.com E-mail:sddin#qq.com