美文网首页
HistogramView - 动效柱状图

HistogramView - 动效柱状图

作者: 张闻宇字二狗 | 来源:发表于2016-06-21 19:39 被阅读0次

    浏览

    一周 一个月 滑动及点按 计步demo

    特性

    • 比例将根据传入数据的最大值自动计算
    • 可以更改一屏最大显示行数
    • 颜色字体大小等属性可以更改

    用法

    在布局文件中添加

    <com.salmonzhg.histogramview_demo.views.HistogramView
        android:id="@+id/histogram"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        app:date_text_color="@color/colorPrimary"
        app:date_text_size="14sp"
        app:histogram_color="@color/colorPrimaryDark" />
    

    在控制器中添加

    
        HistogramView.HistogramEntity[] entities = new HistogramView.HistogramEntity[30];
        for (int i = 0; i < entities.length; i++) {
            String showInTimeLime = String.valueOf(i); //也可以是 "Mon","Tue","Thr"
            int count = (int) (Math.random()*10); // 任意整型 
            HistogramView.HistogramEntity e = new HistogramView.HistogramEntity(
                showInTimeLime, count);
            entities[i] = e;
        }
    
        mHistogram.setSelectListener(new HistogramView.OnSelectListener() {
            @Override
            public void onSelected(int index) {
                showToast(index + " selected" + "\nvalue: " + data[index].count);
            }
        });
    
        // 设置数据同时也会触发动画
        mHistogram.setData(entities);
    
    
    

    源码

    GitHub

    相关文章

      网友评论

          本文标题:HistogramView - 动效柱状图

          本文链接:https://www.haomeiwen.com/subject/kkygdttx.html