可滑动的标签更改应用程序图标以及标签图标

时间:2014-08-11 22:14:27

标签: android android-actionbar android-tabs

我目前正在我的应用程序中实现一些可跳转的选项卡,我已经完成了所有工作,我正在努力的部分是在用户滑动时更改选项卡的图标。

基本上,当用户滑动并选择选项卡时,选项卡会更新,它会从选定更新为非选定,问题是它也在更改操作栏主图标,我想知道如何停止此操作并仅更新选项卡

以下是主要活动的相关代码,如果您还有其他需要,请告诉我

    public class MainActivity extends FragmentActivity implements
        ActionBar.TabListener{

    private ViewPager viewPager;
    private TabsPagerAdapter mAdapter;
    private ActionBar actionBar;
    // Tab titles

    private static final int[] ICONS = new int[] {
            R.drawable.ic_tab_n,
            R.drawable.ic_tab_f,
            R.drawable.ic_tab_h,
            R.drawable.ic_tab_n,
            R.drawable.ic_tab_p,
    };
    private static final int[] ICONS_SELECTED = new int[] {
            R.drawable.ic_tab_n_selected,
            R.drawable.ic_tab_f_selected,
            R.drawable.ic_tab_h_selected,
            R.drawable.ic_tab_n_selected,
            R.drawable.ic_tab_p_selected,
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Initilization
        viewPager = (ViewPager) findViewById(R.id.pager);
        actionBar = getActionBar();
        mAdapter = new TabsPagerAdapter(getSupportFragmentManager());

        viewPager.setAdapter(mAdapter);
        actionBar.setHomeButtonEnabled(false);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        // Adding Tabs
//        for (String tab_name : tabs) {
//            actionBar.addTab(actionBar.newTab().setText(tab_name).setIcon(resources.getDrawable(ICONS[]))
//                    .setTabListener(this));
//        }
        for (int i=0; i < tabs.length; i++) {
            actionBar.addTab(actionBar.newTab()
                    .setIcon(ICONS[i])
                    .setTabListener(this));
        }

        /**
         * on swiping the viewpager make respective tab selected
         * */
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            @Override
            public void onPageSelected(int position) {
                // on changing the page
                // make respected tab selected
                actionBar.setSelectedNavigationItem(position);
                actionBar.setIcon(ICONS_SELECTED[position]);
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                if (arg0 == ViewPager.SCROLL_STATE_DRAGGING) {
                    actionBar.setIcon(ICONS[viewPager.getCurrentItem()]);
                }
            }
        });

        viewPager.setCurrentItem(2, false);
    }

    @Override
    public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
    }

    @Override
    public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
        // on tab selected
        // show respected fragment view
        viewPager.setCurrentItem(tab.getPosition());
        tab.setIcon(ICONS_SELECTED[tab.getPosition()]);
    }

    @Override
    public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
        tab.setIcon(ICONS[tab.getPosition()]);
    }

}

1 个答案:

答案 0 :(得分:1)

我在你的代码中看到了两次,看起来很可能完全是你想要发生的事情:

  actionBar.setIcon(ICONS_SELECTED[position]);

没有理由更改操作栏图标,因此应该注释掉这些行。

编辑:设置然后重置选项卡图标可能也不起作用。我建议更改代码以使用state list drawable作为选项卡图标,其中五个选项卡中的每个选项卡都有自己的状态列表可绘制为图标,它将自动显示其图标的相应选定或未选择版本,具体取决于选项卡的状态。

编辑:Android 4 standard clock app是标签中图标​​的一个很好的示例。链接上的源应该非常有用,尤其是可绘制文件夹。