android繪畫折線圖一

標籤：des   android   style   blog   http   ar   io   color   os   

最近需要實現用android來畫折線圖，所以百度了一下，發現確實很多，也很亂，現在整理兩種方法（第二種方法在【android繪畫折線圖二】中實現），僅供大家參考，一起學習研究。

第一種使用ChartFactory.getLineChartIntent()方法擷取，這種方法首先需要一個achartengine-1.0.0.jar（項目中有），然後建立一個簡單的android項目

項目中所需要匯入的包有：

import java.util.ArrayList;import java.util.HashMap;import java.util.Map;import java.util.Random;import org.achartengine.ChartFactory;import org.achartengine.model.XYMultipleSeriesDataset;import org.achartengine.model.XYSeries;import org.achartengine.renderer.XYMultipleSeriesRenderer;import org.achartengine.renderer.XYSeriesRenderer;import android.app.ListActivity;import android.content.Intent;import android.graphics.Color;import android.os.Bundle;import android.view.View;import android.widget.ListView;import android.widget.SimpleAdapter;

接著在自己的activity中這樣編寫：

public class MyPaintActivity extends ListActivity {    //參考地址  http://www.eoeandroid.com/forum.php?mod=viewthread&tid=98457    private static final int SERIES_NR = 2;    private ArrayList<Map<String, String>> maps = new ArrayList<Map<String, String>>();    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);//         setContentView(R.layout.main);        // 加入ListItem “調度查詢”        HashMap<String, String> map = new HashMap<String, String>();        map.put("name", "折線圖");        map.put("desc", "顯示折線圖");        maps.add(map);        // 構建listView的適配器        SimpleAdapter adapter = new SimpleAdapter(this, maps,                android.R.layout.simple_list_item_2, new String[] { "name",                        "desc" }, new int[] { android.R.id.text1,                        android.R.id.text2 });        // SDK庫中提供的一個包含兩個TextView的layout new String[]{"name","desc"},        // maps中的兩個key new int[]{android.R.id.text1,android.R.id.text2}        // 兩個TextView的id );        this.setListAdapter(adapter);    }    @Override    protected void onListItemClick(ListView l, View v, int position, long id) {        // TODO Auto-generated method stub        super.onListItemClick(l, v, position, id);        try {            Intent intent = ChartFactory.getLineChartIntent(MyPaintActivity.this, getDataset(),                    getRenderer());            startActivity(intent);                    } catch (Exception e) {            e.printStackTrace();        }    }    private XYMultipleSeriesDataset getDataset() {        XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();        final int nr = 10;        // 每個系列種包含10個隨機數        Random r = new Random();        for (int i = 0; i < SERIES_NR; i++) {            // 建立一個系列（線條）            XYSeries series = new XYSeries("Series" + (i + 1));            for (int k = 0; k < nr; k++) {                int x = r.nextInt() % 10;                // x：0-10之間的隨機整數                int y = 50 + r.nextInt() % 50;                // y:50-100之間的隨機整數                series.add(x, y);                // 往系列中加入一個隨機分布的點            }            // 把添加了點的折線放入dataset             dataset.addSeries(series);        }        return dataset;    }    public XYMultipleSeriesRenderer getRenderer() {        // 建立一個xymultipleseries        XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();        renderer.setAxisTitleTextSize(16);        // 設定座標軸標題文字大小        renderer.setChartTitleTextSize(20);        // 設定圖表標題文字大小        renderer.setLabelsTextSize(15);        // 設定軸標籤文字大小        renderer.setLegendTextSize(15);        // 設定圖例文字大小        renderer.setMargins(new int[] { 20, 30, 15, 0 });        // 設定4邊留白        // 設定一個系列的顏色為藍色        XYSeriesRenderer r = new XYSeriesRenderer();        r.setColor(Color.BLUE);        // 往xymultiplerender中增加一個系列        renderer.addSeriesRenderer(r);        // 設定另一個系列的顏色為紅色        r = new XYSeriesRenderer();        r.setColor(Color.GREEN);        // 往xymultiplerender中增加另一個系列        renderer.addSeriesRenderer(r);        return renderer;    }}

這樣畫出來之後，直接運行會發現是不行的，程式直接停止運行，這是因為程式需要org.achartengine.GraphicalActivity這個activity支援，所以在你的資源檔AndroidManifest.xml中加上一句：

<activity android:name="org.achartengine.GraphicalActivity">

然後在運行項目，點擊“顯示折線圖”就可以看到效果啦！

註明：項目源碼在MyPaint.zip中，achartengine-1.0.0.jar也在該源碼項目中

android繪畫折線圖一