目录
- 一.总体设计
- 二.具体模块实现
- 三.效果展示
- 四.功能展望
- 总结
一.总体设计
1.寻找规律,公式化的生成坐标系。
2.将生成坐标系的关键参数设置为可自定义,从而可变的可以生成自己想要的坐标系。
3.将需要绘制的点绘制在坐标系中并生成折现图。
二.具体模块实现
1.坐标系的生成:
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);//原点
canvastemp.drawline(startx1,starty1, endx1+50,starty1,p);// 绘制x轴
canvastemp.drawtext("x", endx1+50+10, starty1+35, p); //标记x轴
canvastemp.drawline(startx1,starty1, startx1,endy1-50,p);// 绘制y轴
canvastemp.drawtext("y", startx1-15,endy1-50, p); //标记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.自定义坐标系参数获取并绘制:
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("")){
/*//判断输入框中内容是否为空的错误方法:
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.将输入的点绘制在坐标系中:
public void paint(view view) {
edittext point=(edittext)findviewbyid(r.id.point);
if(all==fully){
toast.maketext(this,"已达最大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("");
}
三.效果展示
”确认”键上面三个参数可实现对坐标系的自定义。“清除所有”按钮会将折线图清除,不会将坐标系也清除。
四.功能展望
1.多个折现图同时展示。
2.加入颜色元素增加美观性。
3.更改或优化折线图数据输入方式。
总结
到此这篇关于android实现绘制折线图app代码的文章就介绍到这了,更多相关android绘制折线图内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com!