2012-07-14 4 views
15

こんにちは私はビューページャを作成しましたが、ページビュー上のページングを表すサークルをどのように表示できるか知っていますか?Androidはサークルインジケータをviewpagerに追加しました

HERESにあなたのViewPager内の各タブのタイトルや簡単な円を追加するためにジェイクウォートンのViewPagerIndicatorを使用することができます私の見解ページャ

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) {} 

    } 
+0

答えは[こちら](http://viewpagerindicator.com/)です。あなたが知る必要があるすべてのプロジェクトサンプルがあります。あなたがまだそれを必要とする場合は、何か助けを求めることをお気軽に。 – yugidroid

+0

あなたはtextviewでドットを作成し、ビューパーのページの変化に基づいてそれぞれのドットをハイライトするためにタイマーを使うことができます。ここで完全なコードを見てください。http://codesfor.in/android-viewpager-slider-with-indicator/ – Ramees

答えて

14

が含まれているこれまでのコード。

Jake WhartonはGitHubにサンプルコードを提供しています。また、Jake Whartonのサイトのusage sectionを参照することもできます。

enter image description here

またGreendroid library

enter image description here

+0

あなたは最初のスクリーンショットを取得しますか?あなたはそれを自分で実装しましたか?もしそうなら、サンプルコードがありますか?ありがとう:D –

+0

@ KalaJ私はこれが上記の[ライブラリ](https://github.com/JakeWharton/ViewPagerIndicator)からのものです。 –

0

のViewPagerとPageIndicatorを使用できる2枚の画像(上のための別のオフのために円形又は他の形状の画像1)を取ります。 1フレームのレイアウトを取って、フレームに画像(インジケータ)を表示します。ユーザーが画像を変更すると、適切なインジケータが表示されます。

私はこれを実装して正常に動作しています。あなたはコードdownloadとそれに応じて変更することができます。 enter image description here

関連する問題