Android 如何為曲線製作動畫

樂城移動開發者聯盟也有類似的文章。

要繪製曲線圖，首先需要繪製水平和垂直坐標軸來建立坐標系，例如，坐標系中的100距離應該在畫布上畫多長，這需要計算，其實坐標系的建立是最複雜的，我見過很多第三方庫的建立方法都不一樣， 有些更靈活，有些更剛性。至於畫曲線，是用方法還是按方法，就要看你自己的習慣了。

為了製作好看的圖，我參考了兩個開源**，第乙個對繪製圖的限制比較多，使用範圍太窄，但是資料變化時會有動畫效果。 第二個應用範圍很廣，他可以根據資料集自動計算水平和垂直坐標的數量，畫布上單元格的距離，只需輸入坐標點即可自動建立坐標系並繪製曲線，但是沒有動畫效果。

讓我們從第乙個線檢視開始。

lineview的demo可以在這裡**，Lineview其實只是github專案的一部分，我把它提取出來了，我個人覺得其他部分沒有參考價值。作者似乎是南韓人。

LineView的曲線繪製沒有什麼可取之處，我想學習的是他實現動畫效果的方法，設計得很好，但具體實現需要改進，使動畫更流暢。

線檢視：

在 XML 中新增乙個 LineView 控制項。

mpandroidchart

強大的圖表工具，支援折線圖、面積圖、散點圖、時間圖、條形圖、餅圖、氣泡圖、甜甜圈圖、範圍（從高到低）條形圖、網路圖和各種圖表的組合; 支援圖形的拖放縮放; 支援Android及以上，支援水平和垂直軸縮放，多指縮放，顯示動畫，突出顯示，儲存到SDCARD，從檔案中讀取圖表。

achartengine

強大的圖表工具，支援折線圖、面積圖、散點圖、時間圖、條形圖、餅圖、氣泡圖、甜甜圈圖、範圍（從高到低）條形圖、刻度圖、立方體圖和各種圖形的組合。

graphview

在檢視中繪製圖表和曲線圖，可用於在 Android 上顯示曲線圖、條形圖和波浪圖。

holographlibrary

繪製折線圖、條形圖、餅圖。

xcl-charts

xcl-charts 是基於原生畫布來繪製各種圖表，在設計時盡量保證開發效率，同時為使用者提供足夠的定製能力。 這使得它易於使用，並具有相當靈活的自定義功能。 目前支援 3D 非 3D 條形圖。儀表圖）、雷達圖、圓圖等。

其他功能包括支援圖表縮放、手勢移動、動畫顯示效果、高密度列顯示、圖表劃界自定義線、多個圖表的混合顯示以及在同一資料來源的不同型別的圖表之間切換。

eazegraph

Android圖表庫，支援條形圖、分層條形圖、餅圖、線性圖。

williamchart

圖表繪製庫支援三種圖表型別：LineChartView、BarChartView 和 StackBarchartView，並支援 Android 及以上系統。

hellocharts for android

支援折線圖、條形圖、餅圖、氣泡圖、組合圖; 支援預覽、放大、滾動，部分圖表支援動畫; 支援Android及以上版本。

獲取 Activity 中的 lineview 物件：

finallineview lineview = (lineview)findviewbyid(;

新增橫坐標：

int randomint = 9;

arraylisttest =newarraylist();

for (int i=0;idatalist = newarraylist();

intrandom = (int)(;

for (int i=0;i>datalists = newarraylist>()

從它的使用方式可以看出，lineview需要提前設定橫坐標的範圍，縱坐標的值必須與增加的值一一對應（閱讀lineview原始碼就知道了），使用起來很不方便，我覺得作者只是做了乙個曲線，並沒有太在意是否有用。 與許多開源圖形一樣，LineView 允許您一次繪製多條不同顏色的曲線。

只需將另乙個列表成員新增到上面**的資料列表中即可。

我用的是androidchart，畫****圖什麼的，各種圖表都可以，我看你沒有問題，這個專案是開源的。

轉到 Android Bus 上面有相關案例。

使用fusionchartsjs，我自己測試了一下，沒有問題。

有乙個開源的庫圖表檢視，在 Internet 上搜尋後即可獲得。