Android MPChart 可跨屏幕可滑动 扩展项目 OpenCodeMpSiChart

最新推荐文章于 2024-04-26 22:20:07 发布
最新推荐文章于 2024-04-26 22:20:07 发布
阅读量3.2k 收藏 4
点赞数
分类专栏： ANDROID 移动开发 chart 移动开发 文章标签： android git MpChart
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31990999/article/details/73928378
版权

OpenCodeMpSiChart

seeweekend.com Git 开源区 android MPChart 可跨屏幕可滑动 扩展项目 OpenCodeMpSiChart
由于该网站服务器已停用，代码已上传到github：https://github.com/hrony/MpSiChart.git

以下是从右向左滑动效果：

这里写图片描述

app 下载

扫描二维码下载安装体验：

扫描二维码下载安装体验

点此查看Git源码 DEMO

项目git共享页快照

代码实例：


package com.seeweekend.code;
/**
 * author Keinta Powered by (SK开源) seeweekend.com/code on    2017/6/29.
 * email: hronyt@foxmail.com
 */
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
 
public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        View rootView = View.inflate(this, R.layout.activity_main, null);
        setContentView(rootView);
        MpSlideableChart mpSlideableChart = new MpSlideableChart(rootView, this);
        mpSlideableChart.myonCreate();
    }
}
以上代码为activity调用方法，封装简洁易用

=====================================
对chart图格UI对象的封装代码：

package com.seeweekend.code;
 
import android.app.Activity;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.support.v4.content.ContextCompat;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
 
import java.util.ArrayList;
import java.util.List;
 
import com.seeweekend.code.charting.charts.LineChart;
import com.seeweekend.code.charting.components.LimitLine;
import com.seeweekend.code.charting.components.YAxis;
import com.seeweekend.code.charting.data.Entry;
import com.seeweekend.code.charting.data.LineData;
import com.seeweekend.code.charting.data.LineDataSet;
import com.seeweekend.code.charting.data.xyvals;
import com.seeweekend.code.charting.highlight.Highlight;
import com.seeweekend.code.charting.interfaces.datasets.ILineDataSet;
import com.seeweekend.code.charting.listener.ChartTouchListener;
import com.seeweekend.code.charting.listener.OnChartGestureListener;
import com.seeweekend.code.charting.listener.OnChartValueSelectedListener;
import com.seeweekend.code.charting.utils.MpChartSetdate;
import com.seeweekend.code.charting.utils.Transformer;
 
/**
 * author Keinta Powered by (SK开源) seeweekend.com/code on 2017/6/29.
 * email: hronyt@foxmail.com
 */
public class MpSlideableChart implements OnChartGestureListener, OnChartValueSelectedListener {
    private ArrayList<Sleepdate> sleep1_linedate;//最后将这个添加到原数组里面
    private static final int controltag = 31;
    private static final int hourUtil = 2;//4
    private final static int MunitUtils = 30;//15
    private Transformer mytrans1;
    private LineChart mChart1;
    private int screenWidth, maxwidth;
  
    private Activity context;
    private View rootView;
    private final int skipleng = 1;
    private final float PointCR = 5f;
    private int maxpoint = 70;
    public MpSlideableChart(View v, Activity context) {
        this.rootView = v;
        this.context = context;
    }
    public void myonCreate() {
        sleep1_linedate = new ArrayList<>();
        mChart1 = (LineChart) rootView.findViewById(R.id.mytempchart);
      //  mChart1.setNoDataText(context.getResources().getString(R.string.isnulldate) + "");
        mChart1.getXAxis().setAxisLineWidth(0.3f);
        mChart1.getXAxis().setAxisLineColor(Color.TRANSPARENT);
        mChart1.getAxisLeft().setAxisLineWidth(0.2f);//少于 0.5F就画不出来了
        screenWidth = widthPixels(context);
        maxwidth = screenWidth * 3;
        showChartView(mChart1,getTestData());
    }
    public static int widthPixels(Activity activity) {
        DisplayMetrics mDisplayMetrics = new DisplayMetrics();
        activity.getWindowManager().getDefaultDisplay().getMetrics(mDisplayMetrics);
        int widthPixels = mDisplayMetrics.widthPixels;
        return widthPixels;
    }
    private ArrayList<Sleepdate> getTestData(){
        ArrayList<Sleepdate> sleepdateList=new ArrayList<>();
        float[] tmeplist=new float[]{28,20,25,23,27,29,18,25,28,20,19,29,20,24,23,28};
        for (int i = 0; i < tmeplist.length; i++) {
            Sleepdate sleepdate=new Sleepdate(tmeplist[i], 7, 30, "","2017-6-29 10:30:33");
            sleepdateList.add(sleepdate);
        }
        return sleepdateList;
    }
    //如果初始化进定来的是添加，就起点为00，终点为24.00 在进来时就把数据给写好,这里是画点的数据
    private synchronized void showChartView(LineChart mChart, final ArrayList<Sleepdate> sleepdate) {
        mChart.setOnChartGestureListener(this);
        mChart.setOnChartValueSelectedListener(this);
        mChart.setDrawGridBackground(false);
        mChart.setDescription("");
        mChart.setNoDataTextDescription("");
        mChart.setTouchEnabled(true);
        mChart.setDragEnabled(true);
        mChart.setScaleEnabled(false);
        mChart.setPinchZoom(false);
        mChart.setLogEnabled(false);
        mChart.setHighlightPerDragEnabled(false);
        mChart.setHorizontalScrollBarEnabled(true);
        mChart.setHorizontalFadingEdgeEnabled(true);
        mChart.setScrollContainer(true);
        if (sleepdate != null) {
            setLinedate(mChart, sleepdate);
        }
    }
    //这里把画Y轴的值改为画横线，Y值需要自定义一个布局在左边去实现它固定好就行了
    private  final int LeftYlabWith=-5;
    private synchronized void setLinedate(LineChart mChart, final List<Sleepdate> listdate) {
        mChart.setHighlightPerDragEnabled(false);
        float max = 100;
        float min = 0;
        int getcolor =Color.GREEN;
        int tolsize = listdate.size();
        if (listdate == null || listdate.size() == 0) {
            return;
        }
        float[] getyvels = new float[tolsize];
        String[] times = new String[tolsize];
        for (int i = 0; i < listdate.size(); i++) {
            getyvels[i] =listdate.get (i).getTemperature();//float) controltag;
            times[i] =listdate.get(i).getHour()+":"+listdate.get(i).getMinute();// "time";
        }
        int resize = listdate.size() / skipleng;
        float maxwith = getmaxwith(resize);
        LinearLayout.LayoutParams layoutParamsfram = new LinearLayout.LayoutParams((int) maxwith,
                LinearLayout.LayoutParams.MATCH_PARENT);
        maxwidth=(int)maxwith;
        mChart1.setLayoutParams(layoutParamsfram);
        mChart.getXAxis().setLabelsToSkip(0);//skipleng
        mChart.getXAxis().setTextSize(9);
        // 自定义一个Y 坐杯的显示方式
        LimitLine lmin = new LimitLine(min, "");
        lmin.setLineWidth(1f);
        lmin.enableDashedLine(10f, 10f, 0f);
        lmin.setLabelPosition(LimitLine.LimitLabelPosition.RIGHT_BOTTOM);
        lmin.setLineColor(Color.GRAY);
        YAxis leftAxis = mChart.getAxisLeft();
        leftAxis.removeAllLimitLines();
        leftAxis.addLimitLine(lmin);
        leftAxis.setAxisMaxValue(max);
        leftAxis.setAxisMinValue(min);
        leftAxis.enableGridDashedLine(10f, 10f, 0f);
        leftAxis.setDrawZeroLine(false);
        leftAxis.setDrawLimitLinesBehindData(true);
        xyvals xyval = new xyvals(MpChartSetdate.YSLEEPTYPE, "0", LeftYlabWith + "");
        List<xyvals> myyvals = new ArrayList<>();
        myyvals.add(xyval);
        leftAxis.setMyYvals(myyvals);
        mChart.getAxisLeft().setTextSize(MpChartSetdate.YlabTextSizeNull);
        mChart.getAxisRight().setEnabled(false);
        setTData(mChart, getcolor, getyvels, times);
    }
 
    private void setTData(LineChart mChart, final int colors, float[] getyvels,  final String[] times) {
        ArrayList<String> xVals = new ArrayList<String>();
       // ArrayList<Entry> yVals = new ArrayList<Entry>();
        ArrayList<Entry> yValsline = new ArrayList<Entry>();
        for (int i = 0; i < getyvels.length; i++) {
            String Xveltv = times[i].trim();
            if (Xveltv.endsWith("30")) {
                Xveltv = "";
            }
            xVals.add(Xveltv);//这是X轴的内容
            yValsline.add(new Entry(chicklistdate(i, getyvels), i, new String[]{times[i], (int) getyvels[i] + "", null, "null"}));
        }
        LineDataSet setline;
        if (mChart.getData() != null &&
                mChart.getData().getDataSetCount() > 0) {
            setline = (LineDataSet) mChart.getData().getDataSetByIndex(0);
            setline.setYVals(yValsline);
            setline.setColor(colors);
            setline.setDrawFilled(true);
            setline.setHighlightEnabled(false);
            setline.setHighLightColor(Color.TRANSPARENT);
            if (setline.mpChartSetdate == null) {
                setline.mpChartSetdate = new MpChartSetdate(context);
                setline.mpChartSetdate.drawLineType = 2;
            }
            setline.setLineWidth(1f);
            setline.setCircleRadius(0f);
            setline.setValueTextSize(7f);
            setline.setDrawValues(false);
            setline.setDrawCircles(false);
            setline.setMode(LineDataSet.Mode.CUBIC_BEZIER);//LineDataSet.Mode.CUBIC_BEZIER
            mChart.getData().setXVals(xVals);
            mChart.getData().notifyDataChanged();
            mChart.notifyDataSetChanged();
        } else {
            setline = new LineDataSet(yValsline, "temperature line");
            setline.setColor(colors);
            setline.setLineWidth(1f);
            setline.setCircleRadius(0f);
            setline.setValueTextSize(7f);
            setline.setDrawFilled(true);
            setline.setDrawValues(false);
            setline.setDrawCircles(false);
            setline.setHighlightEnabled(false);
            setline.setHighLightColor(Color.TRANSPARENT);
            setline.setMode(LineDataSet.Mode.CUBIC_BEZIER);//LineDataSet.Mode.CUBIC_BEZIER STEPPED
            if (setline.mpChartSetdate == null) {
                setline.mpChartSetdate = new MpChartSetdate(context);
                setline.mpChartSetdate.drawLineType = 2;
            }
            if (Build.VERSION.SDK_INT >= 18) {
                Drawable drawable = ContextCompat.getDrawable(context, R.drawable.lchartbk_stye);
                setline.setFillDrawable(drawable);
            } else {
                setline.setFillColor(colors);
            }
            ArrayList<ILineDataSet> dataSets = new ArrayList<ILineDataSet>();
            dataSets.add(setline);
            LineData data = new LineData(xVals, dataSets);
            mChart.setData(data);
            mytrans1 = mChart.getTransformer(mChart.getLineData().getDataSets().get(0).getAxisDependency());
            mChart.getData().notifyDataChanged();
            mChart.notifyDataSetChanged();
        }
        mChart.invalidate();
    }
    //传 数据列表 长度的 五分之一
    private float getmaxwith(int resize) {
        float remax = (screenWidth / 10f) * resize;
        if (remax > screenWidth * 3.5f) {
            remax = screenWidth * 3.5f;
        }
        if (remax < screenWidth) {
            remax = screenWidth;
        }
        return remax; // 最多七个屏幕的数据，华为最多画五个 屏幕 超过就画不出来，一个屏幕显示七个小时  screenWidth * 7
    }
 
    /**
     * @param index 当前值的位置
     * @param ylist 原数组
     * @return 合格值
     */
    private static float chicklistdate(int index, float[] ylist) {
        if (ylist[index] >= 0) return ylist[index];
        for (int length = index; length > 0; length--) {
            if (ylist[length] >= 0) {
                return ylist[length];
            }
        }
        for (int i = index; i < ylist.length; i++) {
            if (ylist[i] >= 0) {
                return ylist[i];
            }
        }
        return -10;
    }
 
 
    @Override
    public void onChartGestureStart(MotionEvent me, ChartTouchListener.ChartGesture lastPerformedGesture) {
        if (getTrandt() == null) {
            return;
        }
    }
 
    private float scrollx = -1555;
    @Override
    public void onChartGestureMove(MotionEvent me, ChartTouchListener.ChartGesture lastPerformedGesture) {
        if (scrollx != -1555) {
            float mov = me.getX() - scrollx;
            if (mov > 1 || mov < -1) {
                float movleng = mChart1.getScrollX() - mov;
                if (movleng < 0) {
                    movleng = 0;
                }
                if (movleng >= 0 && movleng <= (maxwidth-screenWidth+50)  && movleng != mChart1.getScaleX()) {
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
                        mChart1.setScrollX((int) (movleng));
                    }
                }
            }
        }
        scrollx = me.getX();
    }
 
    @Override
    public void onChartGestureEnd(MotionEvent me, ChartTouchListener.ChartGesture lastPerformedGesture) {
        scrollx = -1555;
        if (getTrandt() != null) {
            setLinedate(getmart(), getSleep());
        }
    }
 
    private ArrayList<Sleepdate> getSleep() {
        return   sleep1_linedate;
    }
    private synchronized LineChart getmart() {
        return mChart1;
    }
    private Transformer getTrandt() {
        return mytrans1;
    }
    @Override
    public void onChartLongPressed(MotionEvent me) {
    }
 
    @Override
    public void onChartDoubleTapped(MotionEvent me) {
 
    }
 
    @Override
    public void onChartSingleTapped(MotionEvent me) {
    }
 
    @Override
    public void onChartFling(MotionEvent me1, MotionEvent me2, float velocityX, float velocityY) {
    }
 
    @Override
    public void onChartScale(MotionEvent me, float scaleX, float scaleY) {
    }
 
    @Override
    public void onChartTranslate(MotionEvent me, float dX, float dY) {
    }
    @Override
    public void onValueSelected(Entry e, int dataSetIndex, Highlight h) {
    }
    @Override
    public void onNothingSelected() {
    }
}
信息就是力量
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Android图表控件MPChart-柱状+折线组合图表基本使用
czssltt的博客
03-24 9805
一、效果图 双模式效果：柱形图加折线图，双y轴，从右向左滑动… 二、实现代码 1. 加入依赖 implementation 'com.github.PhilJay:MPAndroidChart:v3.0.2' 2. 布局中加入组合图标签 <com.github.mikephil.charting.charts.CombinedChart android:id="@+id/chart" android:layout_width="ma
android mpchart使用教程,使用MPAndroid打造自定义Chart
weixin_42150341的博客
06-03 1620
记一次工作内容_打造自定义Chart工作需求需要实现一个自定义操作方式的图表，感觉还行，效果如下：效果需求如下：1.基本的图表(使用了MPAndroid框架)2.选择数据时有高亮提示，3秒不操作高亮消失3.图表放大之后拖拽高亮则处理为，高亮被拖拽；拖拽其他区域处理为横坐标拖拽；4.选择数据则显示提示框显示内容，提示框常驻高亮顶部1.实现基本的图表图表的实现就不多解释了，直接贴代码，注释详细：pub...
mp-android-chart:MPAndroidChart「官方文件翻译」和「中继分析」
03-23
MPAndroidChart官方文档翻译和源码分析 官方指的是这个库，MPAndroidChart是一个非常强大的，容易使用的图表库。 这个仓库主要分为三个部分： 官方文档翻译 官方原始代码分析 MPAndroid图表示例 初衷 2015年发现和学习MPAndroidChart时，边学习边翻译了官方Wiki，后来毕业后很连续都没有继续用到这个库。工作后因为业务需要的特殊性，甚至接触到一些图表功能开发也没有使用这个库，大多数时候都是自定义视图来实现业务需求的图表功能。这并不意味着MPAndroidChart的扩展性不好，而是因为历史原因，继续使用自定义视图开发更加方便快捷。 随着业务的发展，发现在初始的自定义视图上做完成实现新功能是比较困难的。前人在自定义视图时封装性做得不够好，可扩展性相对较差（因为无法预料到业务的发展，也无需做到很好的扩展性）。 如今自己要新写图表时，发现难以下手，于是想
Android MPAndroid chart图表案例
shi450561200的博客
02-05 2419
由于有关于Android mpAndroidchart使用文章网上较多，本文就不一一列举使用步骤，只涉及案例。
HarmonyOS-Next开源三方库 MPChart：打造出色的图表体验
最新发布
liuhaikang的博客
04-26 1989
随着移动应用的不断发展，数据可视化成为提高用户体验和数据交流的重要手段之一。在 OpenAtom OpenHarmony（简称“OpenHarmony”）应用开发中，一个强大而灵活的图表库是实现这一目标的关键。在 ohpm 中心仓（OpenHarmony三方库中心仓）中，汇聚了众多开发者贡献的图表库，其中之一就是 MPChart。自其发布以来，MPChart 已被广泛应用于各类应用程序，它为开发者提供了丰富的功能和灵活性，使得创建各种类型的图表变得轻而易举。...​。
最牛逼android上的图表库MpChart（一） 介绍篇
热门推荐
欢迎关注公众号：【码农突围】，公号后台回复9999，可以获取一份500页的LeetCode刷题笔记。
06-28 4万+
最牛逼android上的图表库MpChart一 介绍篇 MpChart优点 MpChart是什么 MpChart支持哪些图表
Android自定义可左右滑动和点击的折线图
08-26
Android自定义可左右滑动和点击的折线图是一种非常实用的图表控件，能够满足各种项目的需求。通过自定义view，开发者可以自由地设置折线图的样式、颜色、文字大小等属性，实现了高度的自定义性。 首先，在自定义...
Andorid项目源码 滑动屏幕调整屏幕亮度.zip
06-05
总的来说，通过分析这个项目源码，开发者不仅可以了解如何在Android中实现滑动调整屏幕亮度，还能深入理解Android手势处理机制，以及如何与硬件交互以控制屏幕亮度。这对于从事Android应用开发的工程师来说，是非常...
Android PhoneWindowManager监听屏幕右侧向左滑动实现返回功能
08-19
主要介绍了Android PhoneWindowManager监听屏幕右侧向左滑动实现返回功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Android项目滑动屏幕调整屏幕亮度.rar
09-09
这个压缩包文件"Android项目滑动屏幕调整屏幕亮度.rar"包含了实现这一功能的源码，是学习和理解Android自定义手势控制的一个良好实践。 首先，我们要了解Android系统是如何管理屏幕亮度的。Android系统通过`...
封装的android监听手指左右滑动屏幕的事件类分享
09-03
在Android开发中，监听手指在屏幕上滑动的操作是非常常见的需求，尤其在实现用户交互界面时。本篇文章将探讨如何封装一个Android监听手指左右滑动屏幕的事件类，并提供相关的代码示例。 首先，我们需要理解Android...
MPChart折线示例，滑动曲线示例
08-18
MPChart折线示例，滑动曲线示例
android chart MPchart
02-22
android chart MPchart
MPchart多样化坐标轴
02-16
MPchart多样化坐标轴 对应博客：http://blog.csdn.net/sparkleyn/article/details/55261284
Android实现滑动屏幕切换图片
08-27
Android 实现滑动屏幕切换图片 Android 滑动屏幕切换图片是一种常见的用户界面交互方式，通过滑动屏幕可以切换图片，实现良好的用户体验。本文将详细介绍 Android 实现滑动屏幕切换图片的方法，并提供了具体的代码...
Android 焦点可滑动的 自定义 ListView
02-29
最近研究android的最常用的控件ListView，感觉挺有趣的，包括Listview的循环机制，item重用机制，上下滑动刷新机制，然后做了一个焦点可滑动的ListView，不知道大家看过或者用过Apple TV没有，Apple TV里面的焦点都...
android 表格的特点,最牛逼android上的图表库MpChart（一） 介绍篇-Go语言中文社区...
weixin_29560137的博客
05-28 833
最牛逼android上的图表库MpChart(一) 介绍篇最近工作中，用到了mpchart图表库，现在分享受下mpchart图表库的各个图表在实际工作应用场景：最牛逼android上的图表库MpChart(一) 介绍篇最牛逼android上的图表库MpChart(二) 折线图最牛逼android上的图表库MpChart(三) 条形图最牛逼android上的图表库MpChart(四) 饼图最牛逼an...
AndroidMPChart——LineChart
仓仓
11-05 2818
AndroidMPChart的获取 依赖： Project 的build.gradle文件中添加 allprojects {     repositories {         maven { url 'https://jitpack.io' }     } } 然后在 module中的build,gradle 中添加 implementation 'com.github.Phi...
Android 之MPAndroidChart图表案例
qq_29848853的博客
05-25 3955
MPAndroidChart图表案例
android mpchart
01-31
Android MPChart是一款功能强大的开源图表库，用于在Android应用中显示各种类型的图表。 MPChart库支持多种类型的图表，包括折线图、柱状图、饼图、雷达图等。它可以轻松地将数据以图表的形式展示出来，帮助用户更...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值