【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android實(shí)現(xiàn)一個(gè)包含表格的圖標(biāo)庫(kù)實(shí)例代碼

之前有寫(xiě)過(guò)一個(gè)圖表lib，但是開(kāi)發(fā)的速度，大多很難跟上產(chǎn)品需求變化的腳步，所以修改了下原先的圖表庫(kù)，支持圖表下面能整合table顯示對(duì)應(yīng)的類(lèi)目，用曲線(xiàn)替換了折線(xiàn)，支持多曲線(xiàn)的顯示，增加了顯示的動(dòng)畫(huà)，，增加了一些可定制的屬性，支持水平柱狀圖和疊加柱狀圖，以及多曲線(xiàn)圖和餅狀圖的顯示1.效果圖2.各種圖表的使用方式1.餅狀圖這個(gè)和原先的使用一樣，只不過(guò)增加了一個(gè)動(dòng)畫(huà)，可以參看之前的文章，餅狀圖使用。2.水平多柱狀圖2.1xml布局還有y_visible_num：y軸需要顯示幾列2.2數(shù)據(jù)設(shè)置3.疊加柱狀圖3.1xml布局3.2數(shù)據(jù)設(shè)置，如2.2一樣3.實(shí)現(xiàn)的幾個(gè)關(guān)鍵點(diǎn)3.1寬度需要重寫(xiě)，onMeasure，因?yàn)榈目丶膶挾仁谴笥谄聊坏膶挾鹊?，寬度是根?jù)顯示的x軸的點(diǎn)和間距，以及y軸坐標(biāo)的文字的所占的寬度的距離所組成。

3.2規(guī)劃固定的區(qū)域，在超出區(qū)域的部分不可見(jiàn)，這個(gè)在之前用的bitmap來(lái)實(shí)現(xiàn)，總感覺(jué)別扭，后面讀官方的源碼的時(shí)候，了解了canvas的clipRect方法，我們?cè)诶L制這塊的時(shí)候，onDraw方法中調(diào)用3.3動(dòng)畫(huà)我們基本都可以用ValueAnimator來(lái)實(shí)現(xiàn)，比如說(shuō)餅狀圖：他的一個(gè)繪制是0-360的角度的轉(zhuǎn)變，我們就可以然后通過(guò)mDrawAngle來(lái)控制每次繪制的角度，這樣就可以有從0-360度繪制的感覺(jué)，那個(gè)柱狀圖的動(dòng)畫(huà)也是一樣的，以不變應(yīng)萬(wàn)變。3.4貝塞爾曲線(xiàn)繪制的算法在繪制貝塞爾曲線(xiàn)，我仔細(xì)去查過(guò)這些控制點(diǎn)的計(jì)算規(guī)則，有根據(jù)三點(diǎn)，來(lái)計(jì)算出兩個(gè)控制點(diǎn)，但是這樣繪制出來(lái)在三個(gè)點(diǎn)內(nèi)部曲線(xiàn)是很平滑的，但是在接下來(lái)的第四個(gè)點(diǎn)的銜接的時(shí)候，感覺(jué)不是很好，所以我還是用了上面的計(jì)算方法來(lái)計(jì)算控制點(diǎn)，算法我貼出來(lái)，參數(shù)分別是1，2，3的x和y坐標(biāo)和彎曲系數(shù)3.library引入方式step1.Additinyourrootbuild.gra