Android實(shí)現(xiàn)繪制折線圖APP代碼
一.總體設(shè)計(jì)
1.尋找規(guī)律,公式化的生成坐標(biāo)系。
2.將生成坐標(biāo)系的關(guān)鍵參數(shù)設(shè)置為可自定義,從而可變的可以生成自己想要的坐標(biāo)系。
3.將需要繪制的點(diǎn)繪制在坐標(biāo)系中并生成折現(xiàn)圖。
二.具體模塊實(shí)現(xiàn)
1.坐標(biāo)系的生成:
public void chart(){ imageView=(ImageView)findViewById(R.id.image); newb = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); canvasTemp = new Canvas(newb); //Canvas canvasTemp2=new Canvas(newb); canvasTemp.drawColor(Color.TRANSPARENT); p = new Paint(); //防鋸齒 p.setAntiAlias(true); p.setStyle(Paint.Style.STROKE);//STROKE,FILL p.setStrokeWidth(5); p.setColor(Color.LTGRAY); p.setTextAlign(Paint.Align.CENTER); p.setTextSize(40); p.setColor(Color.BLACK); p.setStyle(Paint.Style.FILL);//STROKE,FILL p.setStrokeWidth(2); p2=p; //繪制表格 canvasTemp.drawText("0", startx1-10, starty1+30, p);//原點(diǎn) canvasTemp.drawLine(startx1,starty1, endx1+50,starty1,p);// 繪制x軸 canvasTemp.drawText("x", endx1+50+10, starty1+35, p); //標(biāo)記x軸 canvasTemp.drawLine(startx1,starty1, startx1,endy1-50,p);// 繪制y軸 canvasTemp.drawText("y", startx1-15,endy1-50, p); //標(biāo)記y軸 //繪制x y軸箭頭 canvasTemp.drawLine(endx1+50,starty1, endx1+50-10,starty1-10,p); canvasTemp.drawLine(endx1+50,starty1, endx1+50-10,starty1+10,p); canvasTemp.drawLine(startx1,endy1-50, startx1-10,endy1-50+10,p); canvasTemp.drawLine(startx1,endy1-50, startx1+10,endy1-50+10,p); //繪制x軸間隔線 for(int i=1;i<=allX;i++){ canvasTemp.drawLine(startx1+xinterval*i,starty1, startx1+xinterval*i,starty1-10,p); if(allX>30){ p2.setTextSize(20); } canvasTemp.drawText(String.valueOf(i), startx1+xinterval*i, starty1+35, p2); } //繪制y軸間隔線 for(int i=1;i<=allY;i++){ canvasTemp.drawLine(startx1,starty1-yinterval*i, startx1+10,starty1-yinterval*i,p); if(allX>25){ p2.setTextSize(20); }else{ p2.setTextSize(35); canvasTemp.drawText(String.valueOf( (i*fully/allY)), startx1-55, starty1-yinterval*i+10, p2); } } imageView.setImageBitmap(newb); }
2.自定義坐標(biāo)系參數(shù)獲取并繪制:
public void comfir(View view) { EditText numberx=(EditText)findViewById(R.id.numberx); EditText numbery=(EditText)findViewById(R.id.numbery); EditText maxy=(EditText)findViewById(R.id.maxy); if(!numberx.getText().toString().trim().equals("")&&!numbery.getText().toString().trim().equals("")&&!maxy.getText().toString().trim().equals("")){ /*//判斷輸入框中內(nèi)容是否為空的錯(cuò)誤方法: numberx.getText()!=null; numberx.getText().toString()!=null; numberx.getText().toString().equals("");*/ allX= Integer.valueOf(String.valueOf(numberx.getText())); allY= Integer.valueOf(String.valueOf(numbery.getText())); fully= Integer.valueOf(String.valueOf(maxy.getText())); xinterval=(endx1-startx1)/allX; yinterval=(starty1-endy1)/allY; //rule1=(starty1-endy1)/allY; //rule2=(starty1-endy1)/fully; mypoint=new float[allX]; all=0; chart(); } }
3.將輸入的點(diǎn)繪制在坐標(biāo)系中:
public void paint(View view) { EditText point=(EditText)findViewById(R.id.point); if(all==fully){ Toast.makeText(this,"已達(dá)最大x值",Toast.LENGTH_SHORT).show(); point.setText(""); }else{ if(!point.getText().toString().trim().equals("")){ thispoint=Float.valueOf(String.valueOf(point.getText())); if(thispoint>fully){ Toast.makeText(this,"大于最大y值,請重新輸入!",Toast.LENGTH_SHORT).show(); point.setText(""); }else{ mypoint[all]=thispoint; x2=startx1+xinterval*(all+1); y2=starty1-thispoint/fully*rule1; p.setStrokeWidth(10); canvasTemp.drawPoint(x2,y2,p); if(all>0){ p.setStrokeWidth(5); canvasTemp.drawLine(x1,y1,x2,y2,p); } all++; } x1=x2; y1=y2; } } point.setText(""); }
三.效果展示
”確認(rèn)”鍵上面三個(gè)參數(shù)可實(shí)現(xiàn)對坐標(biāo)系的自定義。“清除所有”按鈕會(huì)將折線圖清除,不會(huì)將坐標(biāo)系也清除。
四.功能展望
1.多個(gè)折現(xiàn)圖同時(shí)展示。
2.加入顏色元素增加美觀性。
3.更改或優(yōu)化折線圖數(shù)據(jù)輸入方式。
總結(jié)
到此這篇關(guān)于Android實(shí)現(xiàn)繪制折線圖APP代碼的文章就介紹到這了,更多相關(guān)Android繪制折線圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android利用RecyclerView實(shí)現(xiàn)全選、置頂和拖拽功能示例
列表控件可以說是我們絕大部分App中都會(huì)使用的,為了提升交互樂趣,我們經(jīng)常需要在列表中加入置頂、拖拽等操作,下面這篇文章主要介紹了Android利用RecyclerView如何實(shí)現(xiàn)全選、置頂和拖拽功能的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。2017-04-04詳解Android TableLayout中stretchColumns、shrinkColumns的用法
這篇文章主要介紹了Android TableLayout中stretchColumns、shrinkColumns用法的相關(guān)資料,需要的朋友可以參考下2017-03-03Android自定義多節(jié)點(diǎn)進(jìn)度條顯示的實(shí)現(xiàn)代碼(附源碼)
這篇文章主要介紹了Android自定義多節(jié)點(diǎn)進(jìn)度條顯示的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03Android 調(diào)用系統(tǒng)聯(lián)系人界面(添加聯(lián)系人,添加已有聯(lián)系人,編輯和修改)
這篇文章主要介紹了Android 調(diào)用系統(tǒng)聯(lián)系人界面(添加聯(lián)系人,添加已有聯(lián)系人,編輯和修改),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03Android開發(fā)Jetpack組件WorkManager用例詳解
這篇文章主要為大家介紹了Android開發(fā)Jetpack組件WorkManager的使用案例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助2022-02-02Android如何實(shí)現(xiàn)鎖屏狀態(tài)下彈窗
在鎖屏狀態(tài)下彈窗的效果我們平時(shí)并不少見,如QQ、微信和鬧鐘等,但是Android開發(fā)者要怎么實(shí)現(xiàn)這一功能呢?下面一起來看看。2016-08-08Android App中使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)切換效果
這篇文章主要介紹了Android App中使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)切換效果的方法,借助Fragment可以使Activity的內(nèi)部管理邏輯更加清晰,需要的朋友可以參考下2016-03-03