自定义视图寻呼机指示器

时间:2014-10-01 07:48:29

标签: android android-viewpager viewpagerindicator

首先,英语不是我的母语,而且(我认为)这个问题相当复杂,所以请随时编辑我的问题,请耐心等待。

我想创建这个UI:

enter image description here

我的问题是视图寻呼机不是普通的视图寻呼机。这是场景:

  1. 我有5个菜单,第3个菜单当前处于活动状态
  2. 第二个菜单指示在左侧,第四个菜单指示在右侧
  3. 用户滑动至LEFT
  4. 将激活第4个菜单
  5. 第二个菜单消失在左边,第五个菜单出现在右边。
  6. 第三个菜单指示符位于左侧,第五个菜单指示符位于右侧。
  7. 这就是我试图实现的目标。是否可以通过使用查看寻呼机指示器来实现此UI?你有什么想法/教程吗?

    我使用普通的视图寻呼机指示器创建了这个UI,但我真的不明白如何做到这一点。我不明白从哪里开始

    随意提出任何问题,非常感谢您的时间。

    更新1

    现在,我尝试使用iconPageIndicator并修改notifyDataSetChanged以创建更大的图标:

    public void notifyDataSetChanged() {
        mIconsLayout.removeAllViews();
        IconPagerAdapter iconAdapter = (IconPagerAdapter) mViewPager.getAdapter();
        int count = iconAdapter.getCount();
        for (int i = 0; i < count; i++) {
            ImageView view = new ImageView(getContext(), null, R.attr.vpiIconPageIndicatorStyle);
            view.setImageResource(iconAdapter.getIconResId(i));
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(100, 100);
            view.setLayoutParams(layoutParams);
            mIconsLayout.addView(view);
        }
        if (mSelectedIndex > count) {
            mSelectedIndex = count - 1;
        }
        setCurrentItem(mSelectedIndex);
        requestLayout();
    }
    

    现在完成移动片段和更大的指示器图标,最后(我希望)的问题是如何基于所选图标动态隐藏/显示图标。 (请在上面看看我的情景)

    所以,我当前的情况是显示了5个图标,而不是3个根据他们的位置更改这些图标的图像。(再次,它在我的场景中)

0 个答案:

没有答案