通过viewpager更改片段页时更改图标

我正在使用带有5个片段的viewpager启用水平滚动。我已经放置了一个与每个页面相对应的图标，以便用户可以知道他在哪个页面上。我还编程了如果一个图标被按下，相应的页面图标突出显示。但是，如果图标被按下并且用户在该页面上，图标将突出显示。但是，如果我滑动到另一页，我该如何更改图标？通过viewpager更改片段页时更改图标

MainActivity

import android.os.Bundle; 
import android.support.v4.app.FragmentActivity; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.SimpleOnPageChangeListener; 
import android.view.Menu; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.ImageButton; 

public class MainActivity extends FragmentActivity { 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
     /** Getting a reference to the ViewPager defined the layout file */ 
     final ViewPager pager = (ViewPager) findViewById(R.id.pager); 
     PageListener pagelistener = new PageListener(); 
     pager.setOnPageChangeListener(pagelistener); 

     /** Getting fragment manager */ 
     FragmentManager fm = getSupportFragmentManager(); 

     /** Instantiating FragmentPagerAdapter */ 
     MyFragmentPagerAdapter pagerAdapter = new MyFragmentPagerAdapter(fm); 

     /** Setting the pagerAdapter to the pager object */ 
     pager.setAdapter(pagerAdapter); 

     pager.setPageTransformer(true, new ZoomOutPageTransformer()); 

     final ImageButton vpOne = (ImageButton) findViewById(R.id.vpOne); 
     final ImageButton vpTwo = (ImageButton) findViewById(R.id.vpTwo); 
     final ImageButton vpThree = (ImageButton) findViewById(R.id.vpThree); 
     final ImageButton vpFour = (ImageButton) findViewById(R.id.vpFour); 
     final ImageButton vpFive = (ImageButton) findViewById(R.id.vpFive); 
     final ImageButton vpSix = (ImageButton) findViewById(R.id.vpSix); 

     OnClickListener One = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(0, true); 
       vpOne.setImageResource(R.drawable.vp_One); 
       vpTwo.setImageResource(R.drawable.vp_Two_bw); 
       vpThree.setImageResource(R.drawable.vp_Three_bw); 
       vpFour.setImageResource(R.drawable.vp_Four_bw); 
       vpFive.setImageResource(R.drawable.vp_Five_bw); 
       vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 
     }; 

     OnClickListener Two = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(1, true); 
       vpOne.setImageResource(R.drawable.vp_One_bw); 
       vpTwo.setImageResource(R.drawable.vp_Two); 
       vpThree.setImageResource(R.drawable.vp_Three_bw); 
       vpFour.setImageResource(R.drawable.vp_Four_bw); 
       vpFive.setImageResource(R.drawable.vp_Five_bw); 
       vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 
     }; 

     OnClickListener Three = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(2, true); 
       vpOne.setImageResource(R.drawable.vp_One_bw); 
       vpTwo.setImageResource(R.drawable.vp_Two_bw); 
       vpThree.setImageResource(R.drawable.vp_Three); 
       vpFour.setImageResource(R.drawable.vp_Four_bw); 
       vpFive.setImageResource(R.drawable.vp_Five_bw); 
       vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 
     }; 

     OnClickListener Four = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(3, true); 
       vpOne.setImageResource(R.drawable.vp_One_bw); 
       vpTwo.setImageResource(R.drawable.vp_Two_bw); 
       vpThree.setImageResource(R.drawable.vp_Three_bw); 
       vpFour.setImageResource(R.drawable.vp_Four); 
       vpFive.setImageResource(R.drawable.vp_Five_bw); 
       vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 

     }; 

     OnClickListener Five = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(4, true); 
       vpOne.setImageResource(R.drawable.vp_One_bw); 
       vpTwo.setImageResource(R.drawable.vp_Two_bw); 
       vpThree.setImageResource(R.drawable.vp_Three_bw); 
       vpFour.setImageResource(R.drawable.vp_Four_bw); 
       vpFive.setImageResource(R.drawable.vp_Five); 
       vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 
     }; 

     OnClickListener Six = new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       pager.setCurrentItem(5, true); 
       vpOne.setImageResource(R.drawable.vp_One_bw); 
       vpTwo.setImageResource(R.drawable.vp_Two_bw); 
       vpThree.setImageResource(R.drawable.vp_Three_bw); 
       vpFour.setImageResource(R.drawable.vp_Four_bw); 
       vpFive.setImageResource(R.drawable.vp_Five_bw); 
       vpSix.setImageResource(R.drawable.vp_Six); 
      } 
     }; 

     vpOne.setOnClickListener(One); 
     vpTwo.setOnClickListener(Two); 
     vpThree.setOnClickListener(Three); 
     vpFour.setOnClickListener(Four); 
     vpFive.setOnClickListener(Five); 
     vpSix.setOnClickListener(Six); 
    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     getMenuInflater().inflate(R.menu.activity_main, menu); 
     return true; 
    } 
} 

class PageListener extends SimpleOnPageChangeListener { 

    final ImageButton vpOne = (ImageButton) findViewById(R.id.vpOne); 
    final ImageButton vpTwo = (ImageButton) findViewById(R.id.vpTwo); 
    final ImageButton vpThree = (ImageButton) findViewById(R.id.vpThree); 
    final ImageButton vpFour = (ImageButton) findViewById(R.id.vpFour); 
    final ImageButton vpFive = (ImageButton) findViewById(R.id.vpFive); 
    final ImageButton vpSix = (ImageButton) findViewById(R.id.vpSix); 

    public void onPageSelected(int position) { 
     int noOfPages = 5; 
     int currentPage = position; 
     if (currentPage % noOfPages == 0) { 
      vpOne.setImageResource(R.drawable.vp_One); 
      vpTwo.setImageResource(R.drawable.vp_Two_bw); 
      vpThree.setImageResource(R.drawable.vp_Three_bw); 
      vpFour.setImageResource(R.drawable.vp_Four_bw); 
      vpFive.setImageResource(R.drawable.vp_Five_bw); 
      vpSix.setImageResource(R.drawable.vp_Six_bw); 
     } 

     else if (currentPage % noOfPages == 1) { 
      // add like the above 
     } 

     else if (currentPage % noOfPages == 2) { 
      // add like the above 
     } 

     else if (currentPage % noOfPages == 3) { 
      // add like the above 
     } 

     else if (currentPage % noOfPages == 4) { 
      // add like the above 
     } 
    } 
}

MyFragmentPagerAdapter

import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 

public class MyFragmentPagerAdapter extends FragmentPagerAdapter{ 

    final int PAGE_COUNT = 6; 

    /** Constructor of the class */ 
    public MyFragmentPagerAdapter(FragmentManager fm) { 
     super(fm); 
    } 

    /** This method will be invoked when a page is requested to create */ 
    @Override 
    public Fragment getItem(int arg0) { 

     switch(arg0){ 

     case 0: 

      return new OneFragment();   

     case 1: 
      return new TwoFragment(); 

     case 2: 
      return new ThreeFragment(); 

     case 3: 
      return new FourFragment(); 

     case 4: 
      return new FiveFragment(); 

     case 5: 
      return new SixFragment();   

     default: 
      return null; 

     }  
    } 

    /** Returns the number of pages */ 
    @Override 
    public int getCount() { 
     return PAGE_COUNT; 
    }  
}

我试图在每个片段以下，但没有奏效：

片段

import android.content.Intent; 
import android.os.Bundle; 
import android.support.v4.app.Fragment; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.ViewGroup; 
import android.widget.ImageButton; 

public class OneFragment extends Fragment { 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
      View v = inflater.inflate(R.layout.one, container, false); 

      ImageButton vpOne = (ImageButton) v.findViewById(R.id.vpOne); 
      ImageButton vpTwo = (ImageButton) v.findViewById(R.id.vpTwo); 
      ImageButton vpThree = (ImageButton) v.findViewById(R.id.vpThree); 
      ImageButton vpFour = (ImageButton) v.findViewById(R.id.vpFour); 
      ImageButton vpFive = (ImageButton) v.findViewById(R.id.vpFive); 
      ImageButton vpSix = (ImageButton) v.findViewById(R.id.vpSix); 

      vpOne.setImageResource(R.drawable.vp_One); 
      vpTwo.setImageResource(R.drawable.vp_Two_bw); 
      vpThree.setImageResource(R.drawable.vp_Three_bw); 
      vpFour.setImageResource(R.drawable.vp_Four_bw); 
      vpFive.setImageResource(R.drawable.vp_Five_bw); 
      vpSix.setImageResource(R.drawable.vp_Six_bw); 

      return v; 
    } 
}

来源

2013-05-28 mXX

viewPagerSpecialist的答案应该照顾你最初的问题，但你的另一个问题是试图在新创建的内部类中访问Views。需要声明的Views外onCreate()让你的内部类会有像

public class MainActivity extends FragmentActivity { 

    ImageButton vpOne; //declare them here 
    ImageButton vpTwo; 

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

    vpOne = (ImageButton) findViewById(R.id.vpOne); //initialize them here 
    vpTwo = (ImageButton) findViewById(R.id.vpTwo);

访问他们，带他们出去的新类的。现在你将可以在你的内部课堂上访问他们。注意我也删除了final修饰符。

来源

2013-05-29 20:40:33 codeMagic

这解决了我的问题 – mXX

首先，您必须在滑动时找出当前页面。对你有通过实施 SimpleOnPageChangeListener为您MainActivity内的内部类的类应该是这样的

private static class PageListener extends SimpleOnPageChangeListener{ 
     public void onPageSelected(int position) { 
      int noOfPages =5; 
      currentPage = position; 
      if(currentPage % noOfPages == 0){ 
     vpOne.setImageResource(R.drawable.vp_One); 
      vpTwo.setImageResource(R.drawable.vp_Two_bw); 
      vpThree.setImageResource(R.drawable.vp_Three_bw); 
      vpFour.setImageResource(R.drawable.vp_Four_bw); 
      vpFive.setImageResource(R.drawable.vp_Five_bw); 
      vpSix.setImageResource(R.drawable.vp_Six_bw); 
      } 

      else if(currentPage % noOfPages == 1){ 
       //add like the above 
      } 

      else if(currentPage % noOfPages == 2){ 
      //add like the above 
      } 

      else if(currentPage % noOfPages == 3){ 
       //add like the above 
      } 

      else if(currentPage % noOfPages == 4){ 
       //add like the above 
      } 
     } 
    }

实现页面注册监听器监听器在onCreate()MainActivity和里面只是做这样

pagelistener=new PageListener(); 
pager.setOnPageChangeListener(pagelistener);

来源

2013-05-29 07:04:18

这不起作用我得到的'方法findViewById（int）是未定义的类型PageListener'错误。我无法在该课程中找到该ID。我也不得不将类更改为'class PageListener extends SimpleOnPageChangeListener'而不是'private static class PageListener extends SimpleOnPageChangeListener'我在第一篇文章中更新了代码，因此您可以检查它。 – mXX

通过viewpager更改片段页时更改图标

回答

相关问题