安卓用canvas画曲线图
1.新建一个常变量类Constant.java
package com.rain.db;
import android.graphics.Point; public class Constant { public static Point point;//获取屏幕的大小 }
2.新建一个函数ChartView.java
package com.rain.kongjian; import com.rain.db.Constant; import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View; public class ChartView extends View{
public int XPoint=; //原点的X坐标
public int YPoint=Constant.point.y/; //原点的Y坐标
public int XScale=; //X的刻度长度
public int YScale=; //Y的刻度长度
public int XLength=Constant.point.x-; //X轴的长度
public int YLength=Constant.point.y/-; //Y轴的长度
public String[] XLabel; //X的刻度
public String[] YLabel; //Y的刻度
public String[] Data; //数据
public String Title; //显示的标题
public ChartView(Context context)
{
super(context);
}
public void SetInfo(String[] XLabels,String[] YLabels,String[] AllData,String strTitle)
{
XLabel=XLabels;
YLabel=YLabels;
Data=AllData;
Title=strTitle;
XScale=XLength/AllData.length;//实际X的刻度长度
YScale=YLength/YLabels.length;
}
@Override
protected void onDraw(Canvas canvas){
super.onDraw(canvas);//重写onDraw方法 //canvas.drawColor(Color.WHITE);//设置背景颜色
Paint paint= new Paint();
paint.setStyle(Paint.Style.STROKE);
paint.setAntiAlias(true);//去锯齿
paint.setColor(Color.BLACK);//颜色
Paint paint1=new Paint();
paint1.setStyle(Paint.Style.STROKE);
paint1.setAntiAlias(true);//去锯齿
paint1.setColor(Color.DKGRAY);
paint.setTextSize(); //设置轴文字大小
//设置Y轴
canvas.drawLine(XPoint, YPoint-YLength, XPoint, YPoint, paint); //轴线
for(int i=;i*YScale<YLength ;i++)
{
canvas.drawLine(XPoint,YPoint-i*YScale, XPoint+, YPoint-i*YScale, paint); //刻度
try
{
canvas.drawText(YLabel[i] , XPoint-, YPoint-i*YScale+, paint); //文字
}
catch(Exception e)
{
}
}
canvas.drawLine(XPoint,YPoint-YLength,XPoint-,YPoint-YLength+,paint); //箭头
canvas.drawLine(XPoint,YPoint-YLength,XPoint+,YPoint-YLength+,paint);
//设置字体的大小角度等
paint.setTextSize();
drawText(canvas,"单位:kWh", XPoint-, YPoint-YLength+YScale-, paint,-); //设置X轴
paint.setTextSize();
canvas.drawLine(XPoint,YPoint,XPoint+XLength,YPoint,paint); //轴线
for(int i=;i*XScale<XLength;i++)
{
canvas.drawLine(XPoint+i*XScale, YPoint, XPoint+i*XScale, YPoint-, paint); //刻度
try
{
// canvas.drawText(XLabel[i], XPoint + i * XScale - 10,
// YPoint + 20, paint); // 文字
drawText(canvas,XLabel[i], XPoint + i * XScale,
YPoint + , paint,-); // 文字
// 数据值
if (i > && YCoord(Data[i - ]) != -
&& YCoord(Data[i]) != -) // 保证有效数据
canvas.drawLine(XPoint + (i - ) * XScale,
YCoord(Data[i - ]), XPoint + i * XScale,
YCoord(Data[i]), paint);
canvas.drawCircle(XPoint + i * XScale, YCoord(Data[i]), ,
paint);
} catch (Exception e) {
}
}
canvas.drawLine(XPoint+XLength,YPoint,XPoint+XLength-,YPoint-,paint); //箭头
canvas.drawLine(XPoint+XLength,YPoint,XPoint+XLength-,YPoint+,paint);
//设置标题位置
paint.setTextSize();
canvas.drawText(Title, XLength/-, , paint);
}
//设置文字显示方向
void drawText(Canvas canvas ,String text , float x ,float y,Paint paint ,float angle){
if(angle != ){
canvas.rotate(angle, x, y);
}
canvas.drawText(text, x, y, paint);
if(angle != ){
canvas.rotate(-angle, x, y);
}
} private int YCoord(String y0) //计算绘制时的Y坐标,无数据时返回-999
{
int y;
try
{
y=Integer.parseInt(y0);
}
catch(Exception e)
{
return -; //出错则返回-999
}
try
{
return YPoint-y*YScale/Integer.parseInt(YLabel[]);
}
catch(Exception e)
{
}
return y;
}
}
3.在需要的地方调用ChartView.java,这里在nibianqi_zt.java中调用
package com.example.myfragment; import com.rain.kongjian.ChartView; import com.rain.db.Constant;
import android.app.ActionBar;
import android.app.Activity;
import android.os.Bundle;
import android.view.MenuItem; public class nibianqi_zt extends Activity { @Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
//setContentView(R.layout.nibianqi_zt); /* 显示App icon左侧的back键 */
ActionBar actionBar = getActionBar();
actionBar.setDisplayHomeAsUpEnabled(true); Constant.point = new Point();
getWindowManager().getDefaultDisplay().getSize(Constant.point);//获取屏幕分辨率 ChartView myView=new ChartView(this);
setContentView(myView);
myView.SetInfo(new String[] { "7-11", "7-12", "7-13", "7-14", "7-15",
"7-16", "7-17" }, // X轴刻度
new String[] { "", "", "", "", "", "" }, // Y轴刻度
new String[] { "", "", "", "", "", "", "" }, // 数据
"图标的标题"); } // 顶部返回键
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
finish();
return true;
default:
return super.onOptionsItemSelected(item);
}
} }
效果演示如下:

安卓用canvas画曲线图的更多相关文章
- 使用javascript和canvas画月半弯
使用javascript和canvas画月半弯,月半弯好浪漫!浏览器须支持html5 查看效果:http://keleyi.com/a/bjad/8xqdm0r2.htm 以下是代码: <!do ...
- canvas 画圈 demo
html代码: <canvas id="clickCanvas2" width="180" height="180" data-to ...
- 踩个猴尾不容易啊 Canvas画个猴子
踩个猴尾不容易啊 Canvas画个猴子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...
- canvas画随机闪烁的星星
canvas画一颗星星: 规则的星星有内切圆和外切圆,每两个点之间的角度是固定的,因此可得到星星的每个点的坐标,画出星星. function drawStars(x,y,radius1,radius2 ...
- canvas画时钟
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...
- Canvas画椭圆的方法
虽然标题是画椭圆,但是我们先来说说Canvas中的圆 相信大家对于Canvas画圆都不陌生 oGC.arc(400, 300, 100, 0, 2*Math.PI, false); 如上所示,直接 ...
- 深夜,用canvas画一个时钟
深夜,用canvas画一个时钟 查看demo 这几天准备阿里巴巴的笔试,可以说已经是心力交瘁,自从阿里和蘑菇街的内推被刷掉之后,开始越来越怀疑起自己的能力来,虽然这点打击应该是微不足道的.毕竟校招在刚 ...
- 樱花的季节,教大家用canvas画出飞舞的樱花树
又到了樱花的季节,教大家使用canvas画出飞舞的樱花树效果. 废话少说,先看效果. 演示效果地址:http://suohb.com/work/tree4.htm 查看演示效果 第一步,我们先画出一棵 ...
- HTML5之Canvas画圆形
HTML5之Canvas画圆形 1.设计源码 <!DOCTYPE html> <head> <meta charset="utf-8" /> & ...
随机推荐
- IceMx.Mvc 我的js MVC 框架 开篇
开篇 这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇. 我的js Mvc 框架 基于实用设计,过分设计等于没设计.本着简单的原则,它只实 ...
- ASP.NET MVC页面UI之多级数据选择UI(行业信息、专业信息、职位信息的选择)
多级数据选择操作在开发中是常见的操作,比如选择行业信息时,一般有个大类,每个大类下边又包含很多小类,本文简单实现了弹出窗口一级一级选择功能. 本文博客出处:http://www.kwstu.com/A ...
- Spring整合Hibernate笔记
1. Spring 指定datasource a) 参考文档,找dbcp.BasicDataSource i. c3p0 ii. dbcp <bean id="dataSource&q ...
- Spring的Service层与Dao层解析
本文转载于网络,觉得写得很透彻. dao完成连接数据库修改删除添加等的实现细节,例如sql语句是怎么写的,怎么把对象放入数据库的.service层是面向功能的,一个个功能模块比如说银行登记并完成一次存 ...
- ASP.NET Web API消息处理管道:Self Host下的消息处理管道[下篇]
ASP.NET Web API消息处理管道:Self Host下的消息处理管道[下篇] 我们知道ASP.NET Web API借助于HttpSelfHostServer以Self Host模式寄宿于当 ...
- sql tran, c# SqlTransaction , TransactionScope 的用法
本节主要介绍Sql语句,SqlTransaction和TransactionScope这三种使用事务的方法. 本节的所有例子都在sql server 2008和vs 2008环境下运行通过 ...
- 12503 - Robot Instructions
Robot Instructions You have a robot standing on the origin of x axis. The robot will be given som ...
- Web 请求响应原理(转)
用Java实现Web服务器 减小字体 增大字体 摘要:WWW的工作基于客户机/服务器计算模型,由Web 浏览器(客户机)和Web服务器(服务器)构成,两者之间采用超文本传送协议(HTTP)进行通信,H ...
- JS —— 轮播图中的缓动函数的封装
轮播图的根本其实就是缓动函数的封装,如果说轮播图是一辆跑动的汽车,那么缓动函数就是它的发动机,今天本文章就带大家由简入繁,封装属于自己的缓动函数~~ 我们从需求的角度开始,首先给出一个简单需求: 1. ...
- 在Xbox和Hololens 上部署、调试UWP App
在Windows 10 Device 上,UWP App可以快速部署进行调试.PC(平板)和Phone就不用多说,网上的文章比较多.今天专门介绍一下怎么在Xbox One和HoloLens上部署调试U ...