android - ViewPager とフラグメントの操作

Question

私は初心者の Android 開発者です。ViewPager について頭を悩ませようとしています。この例で作業する前に：

http://mobile.tutsplus.com/tutorials/android/android-user-interface-design-horizontal-view-paging/

ビューは機能していましたが、その中で機能を機能させることができず、ViewPager 内で Fragments を使用する必要があると言われました。

代わりにこのチュートリアルを使用しました：

http://tamsler.blogspot.co.uk/2011/11/android-viewpager-and-fragments-part-ii.html

Fragment が機能する ViewPager の基本を取得しました。

FragmentPagerActivity.java

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;

public class FragmentPagerActivity extends FragmentActivity {

    private static final int NUMBER_OF_PAGES = 10;

    private ViewPager mViewPager;
    private MyFragmentPagerAdapter mMyFragmentPagerAdapter;

    public void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
         mViewPager = (ViewPager) findViewById(R.id.viewpager);
         mMyFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager());
         mViewPager.setAdapter(mMyFragmentPagerAdapter);
    }

    private static class MyFragmentPagerAdapter extends FragmentPagerAdapter {

         public MyFragmentPagerAdapter(FragmentManager fm) {
              super(fm);
         }  

         @Override
         public Fragment getItem(int index) { 

              return PageFragment.newInstance("My Message " + index);
         }  

         @Override 
         public int getCount() {

              return NUMBER_OF_PAGES;
         }
    }
}

PageFragment.java:

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class PageFragment extends Fragment {

    public static PageFragment newInstance(String title) {

        PageFragment pageFragment = new PageFragment();
        Bundle bundle = new Bundle();
        bundle.putString("title", title);
        pageFragment.setArguments(bundle);
        return pageFragment;
    }

    @Override  
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

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

        View view = inflater.inflate(R.layout.fragment, container, false);
        TextView textView = (TextView) view.findViewById(R.id.textView1);
        textView.setText(getArguments().getString("title"));
        return view;
    }
}

main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
<android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

フラグメント.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

ViewPager 内の現在のレイアウトを、既存の 7 つの独自のレイアウトに置き換え、フラグメントを使用してレイアウトに機能を追加できるようにしたいと考えています。既に持っているコードと、これを適切に機能させるために行う変更で何ができますか?

Adroid Developers ブログのように簡単に説明するだけでなく、オンラインで入手できる Fragments を使用した ViewPager の例があれば、非常に感謝しています。

score 12 · Accepted Answer

MyFragmentPagerAdapter 内でこれを宣言します。

private Fragment[] fragments = new Fragment[] { new Fragment1(),Fragment2(),Fragment3(),Fragment4(),Fragment5()};

次に、次のように getItem メソッドを実装します。

 @Override  
         public Fragment getItem(int index) {  

              return fragments[index];
         }

各フラグメントには、独自のクラスとレイアウトがあります。

public class Fragment1 extends Fragment { 
   //your code here
}

score 11 · Accepted Answer

フラグメント自体を作成する方法を知っていると仮定すると、次のようにしてビューページャーにフラグメントを取得します。

        @Override
        public Fragment getItem(int page) {
            switch (page) {
                case 0: return new MyFirstFragment();
                case 1: return new MySecondFragment();
                case 2: return new MyThirdFragment();
                //and so on....
            }
            return null;
        }

        @Override
        public int getCount() {
            return [the count of total fragments];
        }

これの代わりに：

     @Override  
     public Fragment getItem(int index) {  
          return PageFragment.newInstance("My Message " + index);
     }

score 2 · Accepted Answer

hambonious からの回答を少し変更しました。

MyFragmentPagerAdapter 内でこれを宣言します。

private SparseArray<Fragment> fragments = new SparseArray<Fragment>();

次に、次のように getItem メソッドを実装します。

 @Override  
 public Fragment getItem(int index) {
     if(fragments != null && fragments.size() >= index)
        return fragments.get(i);
     else return null;
 }

getSize() もオーバーライドする必要があります

 @Override
 public int getCount() {
    return fragments.size();
 }

次に、フラグメントを動的に追加および削除できます。

android - ViewPager とフラグメントの操作

3 に答える 3

Related

Reference