Android đã thêm một chỉ số vòng tròn vào viewpager

Question

Xin chào, tôi đã tạo ra một máy nhắn tin xem nhưng có ai biết làm thế nào tôi có thể hiển thị vòng tròn đại diện cho phân trang trên một trang xem tôi nghĩ rằng nó clued một chỉ số nhưng tôi không hoàn toàn chắc chắn?

heres mã cho đến nay có chứa quan điểm của tôi pager

public class LevelSelect extends Activity { 

    private ViewPager awesomePager; 
    private static int NUM_AWESOME_VIEWS = 10; 
    private Context cxt; 
    private AwesomePagerAdapter awesomeAdapter; 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.layout_levelselect); 
     cxt = this; 

     awesomeAdapter = new AwesomePagerAdapter(); 
     awesomePager = (ViewPager) findViewById(R.id.viewpager); 
     awesomePager.setAdapter(awesomeAdapter); 
    } 

    private class AwesomePagerAdapter extends PagerAdapter{ 


     @Override 
     public int getCount() { 
      return NUM_AWESOME_VIEWS; 
     } 


     @Override 
     public Object instantiateItem(View collection, int position) { 

      LayoutInflater mLayoutInflater = (LayoutInflater) collection.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
      final View LeagueButtonView = mLayoutInflater.inflate(R.layout.ls_button, null); 
      Button LeagueButton = (Button) LeagueButtonView.findViewById(R.id.league); 
      LeagueButton.setBackgroundDrawable(getResources().getDrawable(R.drawable.ls_level_eng1_locked)); 
      ((ViewPager) collection).addView(LeagueButtonView,0); 

      return LeagueButtonView; 
     } 


     @Override 
     public void destroyItem(View collection, int position, Object view) { 
      ((ViewPager) collection).removeView((View) view); 
     } 



     @Override 
     public boolean isViewFromObject(View view, Object object) { 
      return view==((View)object); 
     } 


     @Override 
     public void finishUpdate(View arg0) {} 


     @Override 
     public void restoreState(Parcelable arg0, ClassLoader arg1) {} 

     @Override 
     public Parcelable saveState() { 
      return null; 
     } 

     @Override 
     public void startUpdate(View arg0) {} 

    } 

Answer 1

Bạn có thể sử dụng ViewPagerIndicator Jake Wharton để thêm tiêu đề hoặc hình tròn đơn giản cho mỗi tab trong ViewPager của bạn.

Jake Wharton đã cung cấp một loạt mã mẫu trên GitHub, bạn cũng có thể tham khảo usage section trên trang web của Jake Wharton.

Bạn cũng có thể sử dụng ViewPager và PageIndicator của Greendroid library

Answer 2

Hãy hai hình ảnh (hình tròn hay hình ảnh hình dạng khác một cho tắt khác cho trên). Hãy bố trí một khung hình, hiển thị hình ảnh (chỉ báo) trên khung. Khi người dùng thay đổi hình ảnh hiển thị chỉ báo thích hợp.

Tôi đã thực hiện điều này và hoạt động tốt. Bạn có thể download mã và thay đổi tương ứng.