android - Etsy iPhoneのようなAndroidサードパーティページングコントロール？

Question

私はAndroidアプリに取り組んでいます。私たちのデザイナーは、EtsyiPhoneのようなページングコントロールが必要だと考えています。（下の画像を参照）

基本的に、灰色のタイトルバーまたはコンテンツをスワイプして画面を切り替えることができます。

これを行う既存のサードパーティのコントロールはありますか？

Answer 1

Jake Whartons ViewPageIndicator (または通常の ViewPager)を使用することをお勧めします。

すべてのレイアウトを作成し、フラグメント内のメソッドFragmentを使用してレイアウトをフラグメントに設定しますonCreateView()（異なるレイアウトが必要な場合のみ。レイアウトが同じでデータが異なる場合は、1つのフラグメントを使用して渡すことができますgetItem() メソッドのデータ e)

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, 
        Bundle savedInstanceState) {

        return inflater.inflate(R.layout.layout, container, false);
    }

FragmentPagerAdapterと呼ばれるメソッドを作成しますgetItem()。SwitchPosition をフラグメントに設定します。

@Override
            public Fragment getItem(int position) {
                switch(position){
                case 0:
                    TestFragment fragment = new TestFragment();  

                    return fragment;

                case 1:
                            TestFragment2 fragment2 = new TestFragment2();  
                    return fragment2;

                }

                return defaultFragment fragment3 = new defaultFragment();  
                    return fragment3;
            }

これで、レイアウト (フラグメント) に簡単にスワイプできるはずです

Answer 2

ViewPagerウィジェットを使用する必要があります。そのしくみについては、Android デベロッパー ブログをご覧ください: Horizo​​ntal View Swiping with ViewPager。

Android 2.x との下位互換性が必要な場合は、Android 互換性ライブラリを確認してください。

そこで説明されているすべて：水平ページングの実装（スワイプビュー）

そのページのコード:

public class CollectionDemoActivity extends FragmentActivity {
    // When requested, this adapter returns a DemoObjectFragment,
    // representing an object in the collection.
    DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;
    ViewPager mViewPager;

    public void onCreate(Bundle savedInstanceState) {
        // ViewPager and its adapters use support library
        // fragments, so use getSupportFragmentManager.
        mDemoCollectionPagerAdapter =
                new DemoCollectionPagerAdapter(
                        getSupportFragmentManager());
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mDemoCollectionPagerAdapter);
    }
}

// Since this is an object collection, use a FragmentStatePagerAdapter,
// and NOT a FragmentPagerAdapter.
public class DemoCollectionPagerAdapter extends
        FragmentStatePagerAdapter {
    public DemoCollectionPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int i) {
        Fragment fragment = new DemoObjectFragment();
        Bundle args = new Bundle();
        // Our object is just an integer :-P
        args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1);
        fragment.setArguments(args);
        return fragment;
    }

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

    @Override
    public CharSequence getPageTitle(int position) {
        return "OBJECT " + (position + 1);
    }
}

// Instances of this class are fragments representing a single
// object in our collection.
public static class DemoObjectFragment extends Fragment {
    public static final String ARG_OBJECT = "object";

    @Override
    public View onCreateView(LayoutInflater inflater,
            ViewGroup container, Bundle savedInstanceState) {
        // The last two arguments ensure LayoutParams are inflated
        // properly.
        View rootView = inflater.inflate(
                R.layout.fragment_collection_object, container, false);
        Bundle args = getArguments();
        ((TextView) rootView.findViewById(android.R.id.text1)).setText(
                Integer.toString(args.getInt(ARG_OBJECT)));
        return rootView;
    }
}


<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.PagerTitleStrip
        android:id="@+id/pager_title_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#33b5e5"
        android:textColor="#fff"
        android:paddingTop="4dp"
        android:paddingBottom="4dp" />

</android.support.v4.view.ViewPager>