2012-04-04 9 views
4

は誰でもページ/ビューカウンタホーム画面上のような(少しドット)を行う方法の例を知っていますか?この例のようにAndroidのホーム画面上のようなページカウンタを実装

enter image description here

おかげ

+0

あなたは 'V iewPager'または何ですか? – adneal

+0

はい私はそうです。私は基本的にこの例に従っています。http://developer.android.com/resources/samples/Support4Demos/src/com/example/android/supportv4/app/FragmentPagerSupport.html –

答えて

7

PagerTitleStripはあなたがにしているどのページを示すために、ViewPagerで使用するものです。それはあなたがXMLに追加するものです。

レイアウトXML

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 

<android.support.v4.view.ViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" > 

    <android.support.v4.view.PagerTitleStrip 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top" /> 
</android.support.v4.view.ViewPager> 

</LinearLayout> 

そして、あなたのPagerAdapter中:

@Override 
    public CharSequence getPageTitle (int position) { 
     return "Your static title"; 
    } 

しかし、PagerTitleStripは非常にカスタマイズ可能ではありませんが、ViewPagerIndicatorは非常にカスタマイズ可能で、点線のインジケータを含むことあなたが探しています。あなたはそれをテーマにして、あなたの仕事の絵を再現する必要があります。

ViewPagerIndicatorとサークルインジケーター:

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res/com.viewpagerindicator.sample" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 

<android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="fill_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    /> 
<com.viewpagerindicator.CirclePageIndicator 
    android:id="@+id/indicator" 
    android:padding="10dip" 
    android:layout_height="wrap_content" 
    android:layout_width="fill_parent" 
    /> 

</LinearLayout> 

次に、あなたのコード中:

CirclePageIndicator mIndicator = (CirclePageIndicator)findViewById(R.id.indicator); 
     mIndicator.setViewPager(mPager); 

ViewPagerExtensionsはあなたに興味があるかもしれないViewPager用のカスタムビューを提供しています別のオープンソースライブラリです。

+0

ありがとう、おそらく私が必要としているものです。 –

+0

私はそれを動作させることができませんでした、JakeWartonのプロジェクトは設定が簡単ではないようです。これに関するその他の資料がありますか? –

+0

これは非常に簡単です、私はあなたがそれを働かせると確信しています。ここに[ViewPagerIndicatorウェブサイト](http://viewpagerindicator.com/#usage)へのリンクと[それをカスタマイズするための一連の記事]へのリンクがあります。(http://blog.stylingandroid.com/archives/537) – adneal

関連する問題