自适应布局的折线图,柱状图以及天气预报折线图

简介: 原文:自适应布局的折线图,柱状图以及天气预报折线图 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gao110753245/article/details/78195942 ...
原文: 自适应布局的折线图,柱状图以及天气预报折线图

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gao110753245/article/details/78195942

SmartChart

本项目是个人开发所用的一套常用框架,里面包含OkHttp的网络请求封装、tablayout的自定义,SmartRefreshlayout下拉上拉,activity右滑退出,以及各种布局回弹效果和android的版本适配(这些不是主要目的,主要。。。请看下面)。

这里主要介绍近期项目所需的表格和折线以及二维表格,有需求的同学可以不妨借鉴 。

示例

二维表格

一周以及24小时天气预报(24小时天气变化用的hellcharts所写,7天天气预报是自定义view )

折线图和柱状图

项目中的柱状图和折线图集成的是hellocharts-android的核心代码,在此基础上增加一些修改。

增加特性说明:

  • X轴Y轴的标题样式和旋转角度
  • 增加label的设置方法
  • 解决scrollview的滑动冲突

冲突代码:

 view.setOnTouchListener(new View.OnTouchListener() {
            float ratio = 1.2f; //水平和竖直方向滑动的灵敏度,偏大是水平方向灵敏
            float x0 = 0f;
            float y0 = 0f;

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        x0 = event.getX();
                        y0 = event.getY();
                        break;
                    case MotionEvent.ACTION_MOVE:
                        float dx = Math.abs(event.getX() - x0);
                        float dy = Math.abs(event.getY() - y0);
                        x0 = event.getX();
                        y0 = event.getY();
                        scrollView.requestDisallowInterceptTouchEvent(dx * ratio > dy);
                        break;
                }
                return false;
            }
        });

二维表格

使用说明:

开发者只需要关心中间content部分的adapter怎么写,其余的表头部分只需要将数据传进去就可以了,剩下的数据填充及同步滑动部分将由本库自动完成。
而且表头和下放列表的宽度是自动适应大小,取决于content部分的item的宽度。右侧上下左右滑动的列表随着list集合的增加而向右动态添加。同时支持
下拉刷新。(待完善:左边不动两个列表也要做成动态添加)

APIs:

  /**
     * 设置表的标题
     */
    public void setTitle(String title);

    /**
     * 设置表标题的背景
     */
    public void setTitleBackgroundResource(int resourceId);

    /**
     * 设置表头的宽度
     */
    public void setTitleWidth(int titleWidth) ;

    /**
     * 设置表头的高度
     */
    public void setTitleHeight(int titleHeight);

    /**
     * 设置横向表头的标题
     */
    public void setRowDataList(List<String> rowDataList);

    /**
     * 设置纵向表头的内容
     */
    public void setColumnDataList(List<String> columnDataList);

    /**
     * 横向表头的分割线
     */
    public void setRowDivider(Drawable rowDivider) ;

    /**
     * 纵向表头的分割线
     */
    public void setColumnDivider(Drawable columnDivider);

    /**
     * 设置纵向表头的背景色
     * 颜色格式如:#607D8B(String)
     * 下同
     */
    public void setColumnColor(String columnColor);

    /**
     * 设置标题的背景色
     */
    public void setTitleColor(String titleColor);

    /**
     * 设置横向表头的背景色
     */
    public void setRowColor(String rowColor) ;

    /**
     * 设置纵向表头的适配器
     */
    public void setColumnAdapter(BaseAdapter columnAdapter);

    /**
     * 设置content的初始position
     * 比如你想进入这个Activity的时候让第300条数据显示在屏幕上(前提是该数据存在)
     */
    public void setInitPosition(int initPosition);

    /**
     * 返回中间内容部分的ListView
     */
    public ListView getContentListView();

    /**
     * 返回左边表头的ListView
     */
    public ListView getColumnListView() ;

    /**
     * 返回上访表头的最外层布局
     */
    public LinearLayout getRowLayout();

    /**
     * 设置是否开启下拉刷新(默认关闭)
     */
    public void setSwipeRefreshEnabled(boolean bool);

    /**
     * 设置监听
     */
    public void setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener) ;

    /**
     * 返回下拉刷新控件
     */
    public SwipeRefreshLayout getSwipeRefreshLayout();

源码地址

目录
相关文章
|
机器学习/深度学习 人工智能 并行计算
|
5月前
uCharts实现一个叠堆柱状图
uCharts实现一个叠堆柱状图
71 1
|
5月前
|
前端开发
【前端统计图】echarts多条折线图和横柱状图实现
【前端统计图】echarts多条折线图和横柱状图实现
44 0
|
5月前
|
前端开发
【前端图表】echarts实现散点图x轴时间轴
【前端图表】echarts实现散点图x轴时间轴
55 0
|
6月前
30Echarts - 柱状图(柱状图框选)
30Echarts - 柱状图(柱状图框选)
22 0
|
10月前
|
前端开发 索引
|
10月前
echart渐变折线图,立体柱状图,发光饼图,月份图等
echart渐变折线图,立体柱状图,发光饼图,月份图等
39 0
|
数据挖掘
图表解析系列之柱状图
作为人们最常用的图表之一,柱状图也衍生出多种多样的图表形式。例如,将多个并列的类别聚类、形成一组,再在组与组之间进行比较,这种图表叫做“分组柱状图”或“簇状柱形图”。将类别拆分称多个子类别,形成“堆叠柱状图”。再如将柱形图与折线图结合起来,共同绘制在一张图上,俗称“双轴图”,等等。
|
图形学
图表解析系列之折线图
折线图用于分析事物随时间或有序类别而变化的趋势。如果有多组数据,则用于分析多组数据随时间变化或有序类别的相互作用和影响。折线的方向表示正/负变化。折线的斜率表示变化的程度。
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图
742 1
Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图