导航条中的游标随着导航滑动而滑动

/**
 * 设置每个标题占的宽度
 *
 */

private void initTabLineWidth() {

       //得到屏幕总宽度

        DisplayMetrics dpMetrics = new DisplayMetrics();
        getWindow().getWindowManager().getDefaultDisplay()
                .getMetrics(dpMetrics);
        screenWidth = dpMetrics.widthPixels;

       //给控件 img_ui赋值

        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) img_ui
                .getLayoutParams();
        lp.width = screenWidth / 4;

        //给 img_ui设置参数

         img_ui.setLayoutParams(lp);
    }



viewpager.setOnPageChangeListener(new OnPageChangeListener() {

            @SuppressLint("NewApi")
            @Override
            public void onPageSelected(int arg0) {
                switch (arg0) {
                case 0:
                    zx.setChecked(true);

                    break;
                case 1:
                    rd.setChecked(true);
                    
                    break;
                case 2:
                    bk.setChecked(true);
                    
                    break;
                case 3:
                    tj.setChecked(true);
                    
                    break;

                default:
                    break;
                }
            }

            /**
             * position :当前页面,及你点击滑动的页面 offset:当前页面偏移的百分比
             * offsetPixels:当前页面偏移的像素位置
             */
            @Override
            public void onPageScrolled(int position, float offset,
                    int offsetPixels) {

                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) img_ui
                        .getLayoutParams();
                // 获取组件距离左侧组件的距离
                lp.leftMargin = (int) ((offset + position) * screenWidth / 4);

                img_ui.setLayoutParams(lp);

            }

            /**
             * 当滑动状态改变时调用
             *
             * state=0的时候表示什么都没做,就是停在那 state=1的时候表示正在滑动 state==2的时候表示滑动完毕了
             */
            @Override
            public void onPageScrollStateChanged(int arg0) {

            }
        });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echarts 是一款非常流行的开源可视化图表库,可以用于生成各种类型的图表,包括折线图。在 Echarts 的折线图游标滑动(dataZoom)功能是一项非常有用的功能,它允许用户在图表选择特定的数据范围进行放大或缩小。 当在折线图启用了游标滑动功能后,用户可以通过鼠标或手指滑动游标来调整数据的显示范围。同时,也可以通过点击游标上的左右箭头进行微调。通过游标滑动功能,用户可以更加细致地观察数据的变化趋势,发现隐藏在大量数据背后的规律和特点。 对于折线图游标滑动的实现,首先需要在 Echarts 配置对应的选项。可以通过设置 dataZoom 属性来启用游标滑动功能,并且可以设置游标的位置、大小和样式。可以设置 start 和 end 属性来指定游标显示的起始和结束位置。同时,还可以通过设置 dataZoom 组件的 showDetail 属性来控制是否显示游标详细信息。 在用户进行游标滑动时,Echarts 会触发相应的事件。通过监听 dataZoom 事件,可以获取用户选取的数据范围,并对图表进行相应的操作。比如可以根据用户选择的范围更新数据、重新渲染图表或者执行其他操作。 总之,Echarts 的折线图游标滑动功能可以帮助用户更好地分析和理解数据,提供交互式的数据探索体验。同时,通过合理的配置和事件监听,可以实现丰富的数据交互和操作,使得用户可以更加灵活地探索数据的内在规律。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值