Android開發(fā)自定義實(shí)時(shí)圖表控件實(shí)現(xiàn)示例
概述
有時(shí)我們需要實(shí)時(shí)滾動(dòng)顯示一段時(shí)間的數(shù)據(jù)，使用一些圖表框架可能不夠靈活，不能滿足定制化的需求，所以自定義一個(gè)控件，使我們可以為所欲為。
演示
環(huán)境
開發(fā)工具：Android Studio
開發(fā)語言：Kotlin
實(shí)現(xiàn)
第一步：新建項(xiàng)目RealTimeChartDemo
第二步：新建RealTimeChart類
這個(gè)類便是要自定義的控件，需要繼承自View類。
此類中需要重寫 onSizeChanged 和 onDraw方法。
第三步：添加自定義變量
首先需要有控件的寬度和高度
然后需要把要繪制的點(diǎn)在此控件范圍內(nèi)，所以需要有轉(zhuǎn)換系數(shù)
然后為了顯示X軸和Y軸的一些標(biāo)簽，需要有邊界的大小
然后為了繪制坐標(biāo)點(diǎn)，需要有坐標(biāo)的集合，繪制線(Path)
然后需要有個(gè)中標(biāo)簽，線等等的顏色，樣式，寬度等等Paint
需要定義一個(gè)Point的類
第四步：初始化基礎(chǔ)參數(shù)
初始化Paint的各種參數(shù)
第五步：初始化寬高等參數(shù)
第六步：定義添加坐標(biāo)點(diǎn)方法
第七步：定義坐標(biāo)偏移方法
由于左上下都留出了顯示標(biāo)簽的位置，所以在實(shí)際繪制時(shí)需要進(jìn)行一定的偏移
第八步：定義繪制網(wǎng)格線方法
在繪制網(wǎng)格顯示，順便將Y軸標(biāo)簽一起繪制
第九步：定義繪制X軸標(biāo)簽方法
第十步：定義繪制坐標(biāo)點(diǎn)方法
每次有新點(diǎn)時(shí)都重新繪制圖表，達(dá)到動(dòng)態(tài)滾動(dòng)的效果
第十一步：繪制
在onDraw方法中，添加繪制輔助線和繪制坐標(biāo)點(diǎn)方法
第十二步：在activity_main.xml中使用控件
第十三步：在MainActivity中模擬添加數(shù)據(jù)點(diǎn)
恭喜，現(xiàn)在已經(jīng)實(shí)現(xiàn)了實(shí)時(shí)圖表控件，更多關(guān)于Android自定義實(shí)時(shí)圖表控件的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
- Android實(shí)現(xiàn)跟隨手指拖動(dòng)并自動(dòng)貼邊的View樣式(實(shí)例demo)
- 使用PlatformView將?Android?控件view制作成Flutter插件
- Android開發(fā)手冊(cè)TextView控件及陰影效果實(shí)現(xiàn)
- Android開發(fā)手冊(cè)自定義Switch開關(guān)按鈕控件
- Android開發(fā)自定義雙向SeekBar拖動(dòng)條控件
- Android開發(fā)手冊(cè)RatingBar星級(jí)評(píng)分控件實(shí)例
- Android?控件自動(dòng)貼邊實(shí)現(xiàn)實(shí)例詳解
相關(guān)文章
Android實(shí)現(xiàn)Banner界面廣告圖片循環(huán)輪播（包括實(shí)現(xiàn)手動(dòng)滑動(dòng)循環(huán)）
這篇文章主要介紹了Android實(shí)現(xiàn)Banner界面廣告圖片循環(huán)輪播（包括實(shí)現(xiàn)手動(dòng)滑動(dòng)循環(huán)）的相關(guān)資料,需要的朋友可以參考下2016-02-02
解決Android studio模擬器啟動(dòng)失敗的問題
這篇文章主要介紹了Android studio模擬器啟動(dòng)失敗的問題及解決方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
學(xué)習(xí)使用Android Chronometer計(jì)時(shí)器
Chronometer是一個(gè)簡單的計(jì)時(shí)器，你可以給它一個(gè)開始時(shí)間，并以計(jì)時(shí)，或者如果你不給它一個(gè)開始時(shí)間，它將會(huì)使用你的時(shí)間通話開始，這篇文章主要幫助大家學(xué)習(xí)掌握使用Android Chronometer計(jì)時(shí)器，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了android監(jiān)聽返回按鈕事件的方法,涉及Android事件監(jiān)聽的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
解決Android從相冊(cè)中獲取圖片出錯(cuò)圖片卻無法裁剪問題的方法
這篇文章主要介紹了解決Android從相冊(cè)中獲取圖片出錯(cuò)圖片卻無法裁剪問題的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了android仿iphone滾輪控件顯示效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Pagerslidingtabstrip菜單標(biāo)題欄制作方法
這篇文章主要為大家詳細(xì)介紹了Pagerslidingtabstrip菜單標(biāo)題欄的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Android布局之RelativeLayout相對(duì)布局
RelativeLayout是相對(duì)布局控件：以控件之間相對(duì)位置或相對(duì)父容器位置進(jìn)行排列，下面通過本文給大家介紹Android布局之RelativeLayout相對(duì)布局，涉及到android relativelayout相對(duì)布局相關(guān)知識(shí)，對(duì)android relativelayout相對(duì)布局相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Android shape和selector 結(jié)合使用實(shí)例代碼
本篇文章主要介紹了Android shape和selector 的使用,這里提供了shape 和selector 的詳細(xì)介紹,并附有代碼實(shí)例,有興趣的朋友可以參考下2016-07-07
Android TextView 去掉自適應(yīng)默認(rèn)的fontpadding的實(shí)現(xiàn)方法
這篇文章主要介紹了Android TextView 去掉自適應(yīng)默認(rèn)的fontpadding的實(shí)現(xiàn)方法的相關(guān)資料,希望通過本文大家能夠掌握這部分內(nèi)容，需要的朋友可以參考下2017-09-09