HardBirch

LWUIT + ChartComponent 之二实现线形图(LineChart)

时间:08-12-15 栏目:安卓入门与提高 作者:张飞不张,文采横飞 评论:0 点击: 1,533 次


本文源代码下载地址:http://download.csdn.net/source/872671

直接贴出实现线形图的代码:

  1. /*
  2.  * LWUIT + ChartComponent,实现多种图表
  3.  * 作者:张国威(咪当俺系噜噜)
  4.  * 本例实现的是“线形图”
  5.  */
  6. package com.sun.lwuit.uidemo;
  7. import com.sun.lwuit.Button;
  8. import com.sun.lwuit.Command;
  9. import com.sun.lwuit.Font;
  10. import com.sun.lwuit.Form;
  11. import com.sun.lwuit.Image;
  12. import com.sun.lwuit.Label;
  13. import com.sun.lwuit.events.ActionEvent;
  14. import com.sun.lwuit.events.ActionListener;
  15. import com.sun.lwuit.layouts.FlowLayout;
  16. import org.beanizer.j2me.charts.ChartItem;
  17. import org.beanizer.j2me.charts.LineChart;
  18. public class LineChartDemo implements ActionListener {
  19.     public Form form = new Form("LineChartDemo");
  20.     private  Command backCommand = new Command("Back"1);
  21.     final LineChart lineChart = new LineChart("");
  22.     LineChartDemo()
  23.     {
  24.         //线形图说明
  25.         String chart_str[]={"█ A:你好吗","█ B:早上好","█ C:中午好","█ D:晚上好","█ E:吃宵夜","█ F:睡懒觉"};
  26.         //线条颜色
  27.         int [][]color={{0,0,200},{0,200,0},{200,0,0},{200,0,200},{0,200,200},{200,100,200}};
  28.         //线条高度
  29.         int []percent={15,10,5,20,34,16};
  30.        
  31.         initChartInfo(chart_str,color);
  32.         lineChart.setFill(true);//填充区域
  33.         int width=form.getWidth();
  34.         int height=form.getHeight()-140;
  35.         Image img_hbarChart=drawLineChart(lineChart,width,height,"",color,percent);//绘制线性图
  36.         Button button = new Button(img_hbarChart);
  37.         //button.getStyle().setBgTransparency(1);//透明背景,会非常消耗资源,速度减慢,注意使用
  38.         button.setBorderPainted(false);
  39.         form.addComponent(button);
  40.         form.addCommand(backCommand);
  41.         form.setCommandListener(this);
  42.         form.setLayout(new FlowLayout());//必须使用这种排列,FlowLayout最适合
  43.     }
  44.     private void initChartInfo(String []chart_str,int [][]color)
  45.     {
  46.         for(int i=0;i<chart_str.length;i++)//循环
  47.         {
  48.             Label chart_info = new Label(chart_str[i]);
  49.             chart_info.getStyle().setFgColor(UIDemoMIDlet.RGBtoInt(color[i][0],color[i][1],color[i][2]));
  50.             form.addComponent(chart_info);
  51.         }
  52.     }
  53.     private Image drawLineChart(ChartItem item,
  54.             int width,
  55.             int height,
  56.             String imagefile,
  57.             int [][]color,//线条颜色
  58.             int []percent)//线条高度(百分比)
  59.     {
  60.         item.setFont(Font.FACE_PROPORTIONAL,Font.STYLE_PLAIN,Font.SIZE_SMALL);
  61.         item.setDrawAxis(true);
  62.         item.setPreferredSize(width,height);//设置chart控件的大小
  63.         item.setMargins(5,3,10,15);
  64.         if(imagefile.length()>0)//需要使用背景时
  65.         {
  66.             try{
  67.                 javax.microedition.lcdui.Image img=javax.microedition.lcdui.Image.createImage(imagefile);//读取背景图
  68.                 item.setBackgroundImage(img);//设置背景图
  69.             } catch(Exception ex){ex.printStackTrace();}
  70.         }
  71.         item.showShadow(true);//使用阴影特效
  72.         item.setShadowColor(20,20,20);//设置阴影颜色
  73.         item.setColor(4040200);
  74.         item.resetData();
  75.         for(int i=0;i<color.length;i++)//循环线条
  76.         {
  77.             item.addElement(String.valueOf((char)('a'+i)),percent[i],color[i][0],color[i][1],color[i][2]);
  78.         }
  79.         item.setMaxValue(100);//柱体代表数值的显示范围,100%
  80.         //这个是lcdui的Image
  81.         javax.microedition.lcdui.Image lcdui_img=
  82.                 javax.microedition.lcdui.Image.createImage(width,height);//线形图大小,图像>控件
  83.         //这个是lcdui的Graphics
  84.         javax.microedition.lcdui.Graphics lcdui_g= lcdui_img.getGraphics();
  85.         lineChart.drawChart(lcdui_g,width-40,height-20);//这里设置的大小必须比width,height小,才能完全显示
  86.  
  87.         return UIDemoMIDlet.lcdui2lwuit(lcdui_img);
  88.     }
  89.     public void actionPerformed(ActionEvent arg0) {
  90.         if(arg0.getCommand()==backCommand)
  91.         {
  92.             UIDemoMIDlet.backToMainMenu();
  93.         }
  94.     }
  95. }

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: LWUIT + ChartComponent 之二实现线形图(LineChart)

LWUIT + ChartComponent 之二实现线形图(LineChart):等您坐沙发呢!

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐