溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制

發(fā)布時(shí)間:2022-06-29 09:52:29 來(lái)源:億速云 閱讀:411 作者:iii 欄目:開(kāi)發(fā)技術(shù)

這篇文章主要介紹了Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制文章都會(huì)有所收獲,下面我們一起來(lái)看看吧。

我們?cè)诎沧块_(kāi)發(fā)中,有時(shí)會(huì)用到統(tǒng)計(jì)圖表的功能,而曲線(xiàn)繪制是其中比較典型的一種,一般是利用給定的坐標(biāo)點(diǎn)集和安卓自帶的繪圖模塊進(jìn)行繪制,直接得到的是一張完整的靜態(tài)的曲線(xiàn)圖。但有時(shí),我們需要?jiǎng)討B(tài)繪制一些曲線(xiàn)圖,就像我們打開(kāi)電腦的任務(wù)管理器,里面有一個(gè)CPU使用記錄的動(dòng)態(tài)變化的帶網(wǎng)格的曲線(xiàn)圖,對(duì)于這一類(lèi)的曲線(xiàn)繪制,安卓SDK自帶的繪圖模塊貌似就不那么好用了。

在這里,我就利用Handler+timer機(jī)制和第三方開(kāi)發(fā)包achartengine實(shí)現(xiàn)動(dòng)態(tài)繪制安卓手機(jī)充放電曲線(xiàn)的應(yīng)用。

1、下載第三方開(kāi)發(fā)包achartengine,也就是jar包,可以在網(wǎng)上找到下載源,我下載的是achartengine-1.1.0.jar;

2、在創(chuàng)建的應(yīng)用工程文件中引入該jar包,以Eclipse為例方法是:在包資源管理器目錄中右鍵單擊已創(chuàng)建的項(xiàng)目名稱(chēng)——>構(gòu)建路徑——>配置構(gòu)建路徑——>Java構(gòu)建路徑——>庫(kù)——>外部JAR,然后找到achartengine包的存放路徑,找到achartengine-1.1.0.jar文件,點(diǎn)擊打開(kāi)即完成了該包的引用,這時(shí)會(huì)在項(xiàng)目目錄下出現(xiàn)一個(gè)名為引用的庫(kù)文件,里面就是我們剛才引入的jar包。

3、接下來(lái)就可以按正常步驟開(kāi)發(fā)該應(yīng)用了,需要注意的是:需要在主類(lèi)中引入jar中繪圖需要的庫(kù)文件,如下:             

import org.achartengine.ChartFactory;
   import org.achartengine.GraphicalView;
   import org.achartengine.chart.PointStyle;
   import org.achartengine.model.XYMultipleSeriesDataset;
   import org.achartengine.model.XYSeries;
   import org.achartengine.renderer.XYMultipleSeriesRenderer;
   import org.achartengine.renderer.XYSeriesRenderer;

同時(shí)需要在A(yíng)ndroidManifest.xml文件中加上語(yǔ)句:             

<application
   android:icon="@drawable/ic_launcher"
   android:label="@string/app_name" >
<activity android:name="org.achartengine.GraphicalActivity" />

4、接下來(lái)需要定義一些繪圖的變量和樣式:             

private XYSeries series;
              private XYMultipleSeriesDataset mDataset;
              private GraphicalView chart;
              private XYMultipleSeriesRenderer renderer;
              private Context context, context1;
              private int addX = -1, addY;
              int[] xv = new int[720];// X軸數(shù)組元素個(gè)數(shù)
              int[] yv = new int[720];// Y軸數(shù)組元素個(gè)數(shù)         
                  context = getApplicationContext();
              // 這里獲得main界面上的布局,下面會(huì)把圖表畫(huà)在這個(gè)布局里面
              LinearLayout layout = (LinearLayout) findViewById(R.id.linearLayout1);
              // 這個(gè)類(lèi)用來(lái)放置曲線(xiàn)上的所有點(diǎn),是一個(gè)點(diǎn)的集合,根據(jù)這些點(diǎn)畫(huà)出曲線(xiàn)
              series = new XYSeries(title);
              // 創(chuàng)建一個(gè)數(shù)據(jù)集的實(shí)例,這個(gè)數(shù)據(jù)集將被用來(lái)創(chuàng)建圖表
              mDataset = new XYMultipleSeriesDataset();
              // 將點(diǎn)集添加到這個(gè)數(shù)據(jù)集中
              mDataset.addSeries(series);
              // 以下都是曲線(xiàn)的樣式和屬性等等的設(shè)置,renderer相當(dāng)于一個(gè)用來(lái)給圖表做渲染的句柄
              int color = Color.GREEN;
              PointStyle style = PointStyle.CIRCLE;
              renderer = buildRenderer(color, style, true);
 
              // 設(shè)置好圖表的樣式(橫軸時(shí)間分鐘值,縱軸電壓毫伏值)
              setChartSettings(renderer, "X", "Y", 0, 240, 3400, 4400, Color.WHITE,Color.WHITE);
              // 生成圖表
              chart = ChartFactory.getLineChartView(context, mDataset, renderer);
              // 將圖表添加到布局中去
              layout.addView(chart, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
 
               protected XYMultipleSeriesRenderer buildRenderer(int color,PointStyle style, boolean fill)// 配置繪圖屬性
              {
              XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
              // 設(shè)置圖表中曲線(xiàn)本身的樣式,包括顏色、點(diǎn)的大小以及線(xiàn)的粗細(xì)等
              XYSeriesRenderer r = new XYSeriesRenderer();
              r.setColor(color);
              r.setPointStyle(style);
              r.setFillPoints(fill);
              r.setLineWidth((float) 1);// 線(xiàn)粗尺寸
              renderer.addSeriesRenderer(r);
              return renderer;
}
 
protected void setChartSettings(XYMultipleSeriesRenderer renderer,
String xTitle, String yTitle, double xMin, double xMax,
double yMin, double yMax, int axesColor, int labelsColor) {
// 有關(guān)對(duì)圖表的渲染可參看api文檔
renderer.setChartTitle(title);
renderer.setXTitle(xTitle);
renderer.setYTitle(yTitle);
renderer.setXAxisMin(xMin);
renderer.setXAxisMax(xMax);
renderer.setYAxisMin(yMin);
renderer.setYAxisMax(yMax);
renderer.setAxesColor(axesColor);
renderer.setLabelsColor(labelsColor);
renderer.setShowGrid(true);
renderer.setGridColor(Color.GREEN);// 曲線(xiàn)顏色
renderer.setXLabels(20);
renderer.setYLabels(10);
renderer.setChartTitle("時(shí)間/電壓變化曲線(xiàn)圖");// 圖表名稱(chēng)
renderer.setXTitle("時(shí)間(min)");// 橫坐標(biāo)名稱(chēng)
renderer.setYTitle("電壓(mv)");// 縱坐標(biāo)名稱(chēng)
renderer.setYLabelsAlign(Align.RIGHT);
renderer.setPointSize((float) 1.5);// 設(shè)置點(diǎn)的大小
renderer.setShowLegend(false);
renderer.setPanEnabled(true, false);// 設(shè)置滑動(dòng),這邊是橫向可以滑動(dòng),縱向不可滑動(dòng)
renderer.setZoomEnabled(true, false);// 設(shè)置縮放,橫向可以,縱向不可以
// renderer.setZoomLimits(new double[] { 0, 720, 3400, 4400 });//設(shè)置縮放的范圍
// renderer.setPanLimits(new double[] { -0.5, 720, 3400, 4400
// });//設(shè)置拉動(dòng)的范圍
}

5、動(dòng)態(tài)繪制的實(shí)現(xiàn):動(dòng)態(tài)繪制主要需要實(shí)現(xiàn)兩方面的內(nèi)容,一是更新繪圖的方法、二是動(dòng)態(tài)繪圖時(shí)間任務(wù)的定義。

1)更新繪圖方法:             

private void updateChart()// 更新繪圖方法</strong>
{
// 設(shè)置好下一個(gè)需要增加的節(jié)點(diǎn)
addX = (int) (addX + 1);
addY = BatteryV;
// 移除數(shù)據(jù)集中舊的點(diǎn)集
mDataset.removeSeries(series);
// 判斷當(dāng)前點(diǎn)集中到底有多少點(diǎn),因?yàn)槠聊豢偣仓荒苋菁{240個(gè),所以當(dāng)點(diǎn)數(shù)超過(guò)240時(shí),長(zhǎng)度永遠(yuǎn)是240
int length = series.getItemCount();
if (length > 720) {
length = 720;
}
// 將舊的點(diǎn)集中x和y的數(shù)值取出來(lái)放入backup中,并且將x的值加1,造成曲線(xiàn)向右平移的效果
for (int i = 0; i < length; i++) {
xv[i] = (int) series.getX(i);
yv[i] = (int) series.getY(i);
}
// 點(diǎn)集先清空,為了做成新的點(diǎn)集而準(zhǔn)備
series.clear();
// 將新產(chǎn)生的點(diǎn)首先加入到點(diǎn)集中,然后在循環(huán)體中將坐標(biāo)變換后的一系列點(diǎn)都重新加入到點(diǎn)集中
// 這里可以試驗(yàn)一下把順序顛倒過(guò)來(lái)是什么效果,即先運(yùn)行循環(huán)體,再添加新產(chǎn)生的點(diǎn)
series.add(addX, addY);
for (int k = 0; k < length; k++) {
series.add(xv[k], yv[k]);
}
// 在數(shù)據(jù)集中添加新的點(diǎn)集
mDataset.addSeries(series);
// 視圖更新,沒(méi)有這一步,曲線(xiàn)不會(huì)呈現(xiàn)動(dòng)態(tài)
// 如果在非UI主線(xiàn)程中,需要調(diào)用postInvalidate(),具體參考api
chart.invalidate();
}

2)時(shí)間任務(wù)定義:              

handler = new Handler() {
@Override
public void handleMessage(Message msg) {
// 刷新圖表
updateChart();// 電壓變化曲線(xiàn)刷新
updateChart1();// 電量變化曲線(xiàn)刷新
super.handleMessage(msg);
}
};
task = new TimerTask()// 刷新繪圖計(jì)時(shí)任務(wù)配置
{
@Override
public void run() {
Message message = new Message();
message.what = 1;
handler.sendMessage(message);
}
};
timer.schedule(task, 0, 60000);// 以一分鐘為時(shí)間間隔運(yùn)行

再發(fā)一下完整的代碼:

主類(lèi):

package com.cfzz.vcd;
 
import java.io.FileOutputStream;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;
import java.util.Timer;
import java.util.TimerTask;
import org.achartengine.ChartFactory;
import org.achartengine.GraphicalView;
import org.achartengine.chart.PointStyle;
import org.achartengine.model.XYMultipleSeriesDataset;
import org.achartengine.model.XYSeries;
import org.achartengine.renderer.XYMultipleSeriesRenderer;
import org.achartengine.renderer.XYSeriesRenderer;
 
//import com.cfzz.vqcd.R;
 
//import com.cfzz.wy.R;
 
import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.graphics.Paint.Align;
import android.os.BatteryManager;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.PowerManager;
import android.view.KeyEvent;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
import android.view.View.OnClickListener;
 
public class VoltageChangeDraw extends Activity {
 
    // protected static final Activity Activity = null;
    private PowerManager.WakeLock wl;
    private Timer timer = new Timer();
    private long mExitTime = 0;
    private TimerTask task, task1;
    private Handler handler;
    private String title = "Signal Strength";
    private XYSeries series, series1;
    private XYMultipleSeriesDataset mDataset, mDataset1;
    private GraphicalView chart, chart1;
    private XYMultipleSeriesRenderer renderer, renderer1;
    private Context context, context1;
    private int addX = -1, addY;
    private int addX1 = -1, addY1;
    private Button button;
    int[] xv = new int[720];// X軸數(shù)組元素個(gè)數(shù)
    int[] yv = new int[720];// Y軸數(shù)組元素個(gè)數(shù)
    int[] xv1 = new int[720];// X軸數(shù)組元素個(gè)數(shù)
    int[] yv1 = new int[720];// Y軸數(shù)組元素個(gè)數(shù)
    public TextView TV;
    // ScreenShot screenShot = new ScreenShot();
    private int BatteryN; // 目前電量
    private int BatteryV; // 電池電壓
    // private double BatteryT; //電池溫度
    private String BatteryStatus; // 電池狀態(tài)
    private String BatteryTemp; // 電池使用情況
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON,
                WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
        setContentView(R.layout.main);
        this.button = (Button) this.findViewById(R.id.my_button);// 截圖按鍵定義
        // 截圖按鍵監(jiān)聽(tīng)
        this.button.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                SimpleDateFormat sdf = new SimpleDateFormat(
                        "yyyy-MM-dd_HH-mm-ss", Locale.US);// 日期格式名定義
 
                String fname = "/sdcard/" + sdf.format(new Date()) + ".png";// 存儲(chǔ)路徑及文件名定義
 
                View view = v.getRootView();
 
                view.setDrawingCacheEnabled(true);
 
                view.buildDrawingCache();
 
                Bitmap bitmap = view.getDrawingCache();
 
                if (bitmap != null) {
                    System.out.println("bitmap got!");
 
                    try {
 
                        FileOutputStream out = new FileOutputStream(fname);
 
                        bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);// 圖片格式及質(zhì)量輸出
 
                        System.out.println("file" + fname + "output done.");
 
                    } catch (Exception e) {
 
                        e.printStackTrace();
 
                    }
 
                } else {
                    System.out.println("bitmap is NULL!");
                }
            }
        });
        // MyTag可以隨便寫(xiě),可以寫(xiě)應(yīng)用名稱(chēng)等
        PowerManager pm = (PowerManager) getSystemService(Context.POWER_SERVICE);
        // 換成PowerManager.SCREEN_DIM_WAKE_LOCK會(huì)變暗)
        PowerManager.WakeLock wl = pm.newWakeLock(
                PowerManager.SCREEN_BRIGHT_WAKE_LOCK, "MyTest");
        wl.acquire();// 開(kāi)啟屏幕常亮
 
        TV = (TextView) findViewById(R.id.TV);// 電池信息打印控件定義
 
        // 注冊(cè)一個(gè)系統(tǒng) BroadcastReceiver,作為訪(fǎng)問(wèn)電池計(jì)量之用,這個(gè)不能直接在A(yíng)ndroidManifest.xml中注冊(cè)
        registerReceiver(mBatInfoReceiver, new IntentFilter(
                Intent.ACTION_BATTERY_CHANGED));
 
        context = getApplicationContext();
        context1 = getApplicationContext();// 圖2
        // 這里獲得main界面上的布局,下面會(huì)把圖表畫(huà)在這個(gè)布局里面
        LinearLayout layout = (LinearLayout) findViewById(R.id.linearLayout1);
 
        // 這個(gè)類(lèi)用來(lái)放置曲線(xiàn)上的所有點(diǎn),是一個(gè)點(diǎn)的集合,根據(jù)這些點(diǎn)畫(huà)出曲線(xiàn)
        series = new XYSeries(title);
        series1 = new XYSeries(title);// 圖2
        // 創(chuàng)建一個(gè)數(shù)據(jù)集的實(shí)例,這個(gè)數(shù)據(jù)集將被用來(lái)創(chuàng)建圖表
        mDataset = new XYMultipleSeriesDataset();
        mDataset1 = new XYMultipleSeriesDataset();
        // 將點(diǎn)集添加到這個(gè)數(shù)據(jù)集中
        mDataset.addSeries(series);
        mDataset1.addSeries(series1);// 圖2
        // 以下都是曲線(xiàn)的樣式和屬性等等的設(shè)置,renderer相當(dāng)于一個(gè)用來(lái)給圖表做渲染的句柄
        int color = Color.GREEN;
        int color1 = Color.RED;
        PointStyle style = PointStyle.CIRCLE;
        renderer = buildRenderer(color, style, true);
        renderer1 = buildRenderer(color1, style, true);// 圖2
 
        // 設(shè)置好圖表的樣式(橫軸時(shí)間分鐘值,縱軸電壓毫伏值)
        setChartSettings(renderer, "X", "Y", 0, 240, 3400, 4400, Color.WHITE,
                Color.WHITE);
        setChart1Settings(renderer1, "X", "Y", 0, 240, 0, 100, Color.WHITE,
                Color.WHITE);
        // 生成圖表
        chart = ChartFactory.getLineChartView(context, mDataset, renderer);
        chart1 = ChartFactory.getLineChartView(context1, mDataset1, renderer1);// 圖2
        </span><span >// 將圖表添加到布局中去,此處的縱向尺寸設(shè)置存在一些問(wèn)題,當(dāng)兩張圖都設(shè)置<span >WRAP_CONTENT</span>時(shí),在實(shí)際界面上只顯示第一張圖,在這里可根據(jù)手                  // </span><span >機(jī)屏幕的大小設(shè)置具</span><span >體的數(shù)值(像素點(diǎn)個(gè)數(shù)),可以保證兩張圖都能顯示在屏幕上
</span><span >        layout.addView(chart, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
        layout.addView(chart1, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
        // layout.addView(chart, new LayoutParams(LayoutParams.FILL_PARENT,
        // 400));//525
        // layout.addView(chart1, new LayoutParams(LayoutParams.FILL_PARENT,
        // 400));//圖2 525
        // 這里的Handler實(shí)例將配合下面的Timer實(shí)例,完成定時(shí)更新圖表的功能
        handler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                // 刷新圖表
                updateChart();// 電壓變化曲線(xiàn)刷新
                updateChart1();// 電量變化曲線(xiàn)刷新
                super.handleMessage(msg);
 
            }
        };
 
        task = new TimerTask()// 刷新繪圖計(jì)時(shí)任務(wù)配置
        {
            @Override
            public void run() {
                Message message = new Message();
                message.what = 1;
                handler.sendMessage(message);
            }
        };
        timer.schedule(task, 0, 60000);// 以一分鐘為時(shí)間間隔運(yùn)行
 
        task1 = new TimerTask()// 保存繪圖計(jì)時(shí)任務(wù)配置
        {
            @Override
            public void run() {
                if (BatteryStatus == "充滿(mǎn)電"
                        || (BatteryStatus == "放電狀態(tài)" && BatteryN == 1))// 充/放電完成條件設(shè)定
                {
                    button.callOnClick();// 保存曲線(xiàn)圖按鍵觸發(fā)
                    timer.cancel(); // 停止計(jì)時(shí)功能
                }
            }
        };
        timer.schedule(task1, 0, 10000);// 以十秒鐘為時(shí)間間隔運(yùn)行
    }
 
    @Override
    public void onDestroy() // 結(jié)束程序聲明
    {
        button.callOnClick();// 保存曲線(xiàn)圖按鍵觸發(fā)
        // 當(dāng)結(jié)束程序時(shí)關(guān)掉Timer
        timer.cancel();
        // wl.release();
        // wl = null;
        super.onDestroy();
    }
 
    protected XYMultipleSeriesRenderer buildRenderer(int color,
            PointStyle style, boolean fill)// 配置繪圖屬性
    {
        XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
 
        // 設(shè)置圖表中曲線(xiàn)本身的樣式,包括顏色、點(diǎn)的大小以及線(xiàn)的粗細(xì)等
        XYSeriesRenderer r = new XYSeriesRenderer();
        r.setColor(color);
        r.setPointStyle(style);
        r.setFillPoints(fill);
        r.setLineWidth((float) 1);// 線(xiàn)粗尺寸
        renderer.addSeriesRenderer(r);
 
        return renderer;
    }
 
    // 圖2
    protected XYMultipleSeriesRenderer buildRenderer1(int color1,
            PointStyle style, boolean fill)// 配置繪圖屬性
    {
        XYMultipleSeriesRenderer renderer1 = new XYMultipleSeriesRenderer();// 圖2
        // 設(shè)置圖表中曲線(xiàn)本身的樣式,包括顏色、點(diǎn)的大小以及線(xiàn)的粗細(xì)等
        XYSeriesRenderer r = new XYSeriesRenderer();
        r.setColor(color1);
        r.setPointStyle(style);
        r.setFillPoints(fill);
        r.setLineWidth((float) 1);// 線(xiàn)粗尺寸
        renderer1.addSeriesRenderer(r);
 
        return renderer1;
    }
 
    protected void setChartSettings(XYMultipleSeriesRenderer renderer,
            String xTitle, String yTitle, double xMin, double xMax,
            double yMin, double yMax, int axesColor, int labelsColor) {
        // 有關(guān)對(duì)圖表的渲染可參看api文檔
 
        renderer.setChartTitle(title);
        renderer.setXTitle(xTitle);
        renderer.setYTitle(yTitle);
        renderer.setXAxisMin(xMin);
        renderer.setXAxisMax(xMax);
        renderer.setYAxisMin(yMin);
        renderer.setYAxisMax(yMax);
        renderer.setAxesColor(axesColor);
        renderer.setLabelsColor(labelsColor);
        renderer.setShowGrid(true);
        renderer.setGridColor(Color.GREEN);// 曲線(xiàn)顏色
        renderer.setXLabels(20);
        renderer.setYLabels(10);
        renderer.setChartTitle("時(shí)間/電壓變化曲線(xiàn)圖");// 圖表名稱(chēng)
        renderer.setXTitle("時(shí)間(min)");// 橫坐標(biāo)名稱(chēng)
        renderer.setYTitle("電壓(mv)");// 縱坐標(biāo)名稱(chēng)
        renderer.setYLabelsAlign(Align.RIGHT);
        renderer.setPointSize((float) 1.5);// 設(shè)置點(diǎn)的大小
        renderer.setShowLegend(false);
        renderer.setPanEnabled(true, false);// 設(shè)置滑動(dòng),這邊是橫向可以滑動(dòng),縱向不可滑動(dòng)
        renderer.setZoomEnabled(true, false);// 設(shè)置縮放,橫向可以,縱向不可以
        // renderer.setZoomLimits(new double[] { 0, 720, 3400, 4400 });//設(shè)置縮放的范圍
        // renderer.setPanLimits(new double[] { -0.5, 720, 3400, 4400
        // });//設(shè)置拉動(dòng)的范圍
    }
 
    // 圖2
    protected void setChart1Settings(XYMultipleSeriesRenderer renderer1,
            String xTitle, String yTitle, double xMin, double xMax,
            double yMin, double yMax, int axesColor, int labelsColor) {
        // 有關(guān)對(duì)圖表的渲染可參看api文檔
 
        renderer1.setChartTitle(title);
        renderer1.setXTitle(xTitle);
        renderer1.setYTitle(yTitle);
        renderer1.setXAxisMin(xMin);
        renderer1.setXAxisMax(xMax);
        renderer1.setYAxisMin(yMin);
        renderer1.setYAxisMax(yMax);
        renderer1.setAxesColor(axesColor);
        renderer1.setLabelsColor(labelsColor);
        renderer1.setShowGrid(true);
        renderer1.setGridColor(Color.GREEN);// 曲線(xiàn)顏色
        renderer1.setXLabels(20);
        renderer1.setYLabels(10);
        renderer1.setChartTitle("時(shí)間/電量變化曲線(xiàn)圖");// 圖表名稱(chēng)
        renderer1.setXTitle("時(shí)間(min)");// 橫坐標(biāo)名稱(chēng)
        renderer1.setYTitle("電量(%)");// 縱坐標(biāo)名稱(chēng)
        renderer1.setYLabelsAlign(Align.RIGHT);
        renderer1.setPointSize((float) 1.5);// 設(shè)置點(diǎn)的大小
        renderer1.setShowLegend(false);
        renderer1.setPanEnabled(true, false);// 設(shè)置滑動(dòng),這邊是橫向可以滑動(dòng),縱向不可滑動(dòng)
        renderer1.setZoomEnabled(true, false);// 設(shè)置縮放,橫向可以,縱向不可以
        // renderer1.setZoomLimits(new double[] { 0, 720, 0, 100 });//設(shè)置縮放的范圍
        // renderer1.setPanLimits(new double[] { -0.5, 720, 0, 100 });//設(shè)置拉動(dòng)的范圍
    }
 
    private void updateChart()// 更新繪圖方法
    {
 
        // 設(shè)置好下一個(gè)需要增加的節(jié)點(diǎn)
        addX = (int) (addX + 1);
        addY = BatteryV;
        // 移除數(shù)據(jù)集中舊的點(diǎn)集
        mDataset.removeSeries(series);
        // 判斷當(dāng)前點(diǎn)集中到底有多少點(diǎn),因?yàn)槠聊豢偣仓荒苋菁{240個(gè),所以當(dāng)點(diǎn)數(shù)超過(guò)240時(shí),長(zhǎng)度永遠(yuǎn)是240
        int length = series.getItemCount();
        if (length > 720) {
            length = 720;
        }
        // 將舊的點(diǎn)集中x和y的數(shù)值取出來(lái)放入backup中,并且將x的值加1,造成曲線(xiàn)向右平移的效果
        for (int i = 0; i < length; i++) {
            xv[i] = (int) series.getX(i);
            yv[i] = (int) series.getY(i);
        }
        // 點(diǎn)集先清空,為了做成新的點(diǎn)集而準(zhǔn)備
        series.clear();
 
        // 將新產(chǎn)生的點(diǎn)首先加入到點(diǎn)集中,然后在循環(huán)體中將坐標(biāo)變換后的一系列點(diǎn)都重新加入到點(diǎn)集中
        // 這里可以試驗(yàn)一下把順序顛倒過(guò)來(lái)是什么效果,即先運(yùn)行循環(huán)體,再添加新產(chǎn)生的點(diǎn)
        series.add(addX, addY);
        for (int k = 0; k < length; k++) {
            series.add(xv[k], yv[k]);
        }
        // 在數(shù)據(jù)集中添加新的點(diǎn)集
        mDataset.addSeries(series);
 
        // 視圖更新,沒(méi)有這一步,曲線(xiàn)不會(huì)呈現(xiàn)動(dòng)態(tài)
        // 如果在非UI主線(xiàn)程中,需要調(diào)用postInvalidate(),具體參考api
        chart.invalidate();
    }
 
    // 圖2
    private void updateChart1()// 更新繪圖方法
    {
 
        // 設(shè)置好下一個(gè)需要增加的節(jié)點(diǎn)
        addX1 = (int) (addX1 + 1);
        addY1 = BatteryN;
        // 移除數(shù)據(jù)集中舊的點(diǎn)集
        mDataset1.removeSeries(series1);
        // 判斷當(dāng)前點(diǎn)集中到底有多少點(diǎn),因?yàn)槠聊豢偣仓荒苋菁{240個(gè),所以當(dāng)點(diǎn)數(shù)超過(guò)240時(shí),長(zhǎng)度永遠(yuǎn)是240
        int length2 = series1.getItemCount();
        if (length2 > 720) {
            length2 = 720;
        }
        // 將舊的點(diǎn)集中x和y的數(shù)值取出來(lái)放入backup中,并且將x的值加1,造成曲線(xiàn)向右平移的效果
        for (int j = 0; j < length2; j++) {
            xv1[j] = (int) series1.getX(j);
            yv1[j] = (int) series1.getY(j);
        }
        // 點(diǎn)集先清空,為了做成新的點(diǎn)集而準(zhǔn)備
        series1.clear();
 
        // 將新產(chǎn)生的點(diǎn)首先加入到點(diǎn)集中,然后在循環(huán)體中將坐標(biāo)變換后的一系列點(diǎn)都重新加入到點(diǎn)集中
        // 這里可以試驗(yàn)一下把順序顛倒過(guò)來(lái)是什么效果,即先運(yùn)行循環(huán)體,再添加新產(chǎn)生的點(diǎn)
        series1.add(addX1, addY1);
        for (int l = 0; l < length2; l++) {
            series1.add(xv1[l], yv1[l]);
        }
        // 在數(shù)據(jù)集中添加新的點(diǎn)集
        mDataset1.addSeries(series1);
 
        // 視圖更新,沒(méi)有這一步,曲線(xiàn)不會(huì)呈現(xiàn)動(dòng)態(tài)
        // 如果在非UI主線(xiàn)程中,需要調(diào)用postInvalidate(),具體參考api
        chart1.invalidate();
    }
 
    /* 創(chuàng)建電池狀態(tài)廣播接收器 */
    public BroadcastReceiver mBatInfoReceiver = new BroadcastReceiver() {
        public void onReceive(Context context, Intent intent) {
            String action = intent.getAction();
 
            // 如果捕捉到的action是ACTION_BATTERY_CHANGED, 就運(yùn)行onBatteryInfoReceiver()
 
            if (Intent.ACTION_BATTERY_CHANGED.equals(action)) {
                BatteryN = intent.getIntExtra("level", 0); // 目前電量
                BatteryV = intent.getIntExtra("voltage", 0); // 電池電壓
                // BatteryT = intent.getIntExtra("temperature", 0); //電池溫度
 
                switch (intent.getIntExtra("status",
                        BatteryManager.BATTERY_STATUS_UNKNOWN)) {
                case BatteryManager.BATTERY_STATUS_CHARGING:
                    BatteryStatus = "充電狀態(tài)";
                    break;
                case BatteryManager.BATTERY_STATUS_DISCHARGING:
                    BatteryStatus = "放電狀態(tài)";
                    break;
                case BatteryManager.BATTERY_STATUS_NOT_CHARGING:
                    BatteryStatus = "未充電";
                    break;
                case BatteryManager.BATTERY_STATUS_FULL:
                    BatteryStatus = "充滿(mǎn)電";
 
                    break;
                case BatteryManager.BATTERY_STATUS_UNKNOWN:
                    BatteryStatus = "未知道狀態(tài)";
                    break;
                }
 
                switch (intent.getIntExtra("health",
                        BatteryManager.BATTERY_HEALTH_UNKNOWN)) {
                case BatteryManager.BATTERY_HEALTH_UNKNOWN:
                    BatteryTemp = "未知錯(cuò)誤";
                    break;
                case BatteryManager.BATTERY_HEALTH_GOOD:
                    BatteryTemp = "狀態(tài)良好";
                    break;
                case BatteryManager.BATTERY_HEALTH_DEAD:
                    BatteryTemp = "電池沒(méi)有電";
 
                    break;
                case BatteryManager.BATTERY_HEALTH_OVER_VOLTAGE:
                    BatteryTemp = "電池電壓過(guò)高";
                    break;
                case BatteryManager.BATTERY_HEALTH_OVERHEAT:
                    BatteryTemp = "電池過(guò)熱";
                    break;
                }
                TV.setText("目前電量為" + BatteryN + "% --- " + BatteryStatus + "\n"
                        + "電壓為" + BatteryV + "mV ----- " + BatteryTemp);
 
            }
        }
 
    };
 
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)// 程序按返回鍵退出處理
    {
        switch (keyCode) {
        case KeyEvent.KEYCODE_BACK:
            // 雙擊退出
            // if (isStart == true){isStart = false;}//關(guān)閉前確認(rèn)頻閃是否關(guān)閉
            if ((System.currentTimeMillis() - mExitTime) > 2000) {
                Toast.makeText(this, "再按一次退出", Toast.LENGTH_SHORT).show();
                mExitTime = System.currentTimeMillis();
            } else {
                // isStart = false;
                finish();
            }
            return true;
 
        default:
            break;
        }
        return super.onKeyDown(keyCode, event);
    }
 
}

布局文件:

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/linearLayout1"
    
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"
    android:layout_weight="1"
    >  
<!--  -->
<TextView  
    android:id = "@+id/TV" 
      
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content" 
    
    />     
<Button
  android:text="保存該曲線(xiàn)圖"
  android:textSize="4pt"
  android:id="@+id/my_button"
  
  android:layout_width="fill_parent"
  android:layout_height="28dp"
  android:layout_alignBottom="@+id/TV">
  <!--android:layout_alignParentBottom="true"-->
  
</Button>
</LinearLayout>

AndroidManifest.xml配置文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.cfzz.vcd"
    android:versionCode="1"
    android:versionName="1.0"> 
    
    <uses-sdk android:minSdkVersion="10" />
    <uses-permission android:name="android.permission.READ_FRAME_BUFFER"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WAKE_LOCK" />
 
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity android:name="org.achartengine.GraphicalActivity" />
        <activity
            android:name="com.cfzz.vcd.VoltageChangeDraw"
            android:screenOrientation="portrait"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
</manifest>

在該源碼中,我們繪制了兩條曲線(xiàn),一條是電壓變化曲線(xiàn),另一條是電量變化曲線(xiàn),并加一個(gè)保存手機(jī)屏幕的截圖按鈕和自動(dòng)保存時(shí)間任務(wù)(也可手動(dòng)保存),用來(lái)保存繪制的截圖。

運(yùn)行結(jié)果圖(充電曲線(xiàn)圖):

Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制

關(guān)于“Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對(duì)“Android怎么實(shí)現(xiàn)動(dòng)態(tài)曲線(xiàn)繪制”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI