Android-ViewPagerIndicator

Android-ViewPagerIndicator
ViewPagerIndicatorはJakeWhartonオープンソースのAndroidフレームワークであり、ViewPagerのページングインジケータである.多くのアプリケーションのガイドインタフェース、下の小さなドット、上のTabなど、アプリケーションを迅速に開発することができます.ViewPageIndicatorはよく実現できます.
Download and Import
プロジェクトアドレス
自分の工事の中でLibを引用して、具体的な方法はどのように第三者のライブラリを引用することを参考にします
Layout
ページのデザインは簡単です.次の2つのコントロールを追加すればいいです.

Java
ページコードはActivityを継承しないで、FragmentActivityを継承して、参照コードは以下の通りです.

import com.viewpagerindicator.TabPageIndicator;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.ImageView;

public class OrderlsitActivity extends FragmentActivity {

    private static final String[] CONTENT = new String[] { "   ", "    ",
            "    ", "   " };

    private ViewPager viewPager = null;

    @Override
    protected void onCreate(Bundle arg0) {
        // TODO Auto-generated method stub
        super.onCreate(arg0);

        setContentView(R.layout.ac_orderlist);

        FragmentPagerAdapter adapter = new GoogleMusicAdapter(
                getSupportFragmentManager());

        ViewPager viewPager = (ViewPager) findViewById(R.id.ac_orderlist_viewpage);
        viewPager.setAdapter(adapter);

        TabPageIndicator indicator = (TabPageIndicator) findViewById(R.id.indicator);
        
        indicator.setViewPager(viewPager);
    }

    @Override
    public void onBackPressed() {
        super.onBackPressed();
        overridePendingTransition(R.anim.slide_in_left, R.anim.slide_out_right);
    }

    class GoogleMusicAdapter extends FragmentPagerAdapter {
        public GoogleMusicAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return TestFragment.newInstance(CONTENT[position % CONTENT.length]);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return CONTENT[position % CONTENT.length].toUpperCase();
        }

        @Override
        public int getCount() {
            return CONTENT.length;
        }
    }

}

Style
スタイルを追加しないと、実装効果が醜くなり、一般的な醜さではないので、次のコードを追加します.

また最も重要なのは、追加を忘れずにAppThemeの下に次のコードを追加することです.

@style/CustomTabPageIndicator

コードの@drawable/custom_tab_indicator実装の参考は以下の通りです(これはプロジェクトのsimpleのスタイルです).

最后に実现効果を见ましょう、so easy!!