AndroidViewPager

Question

現在FragmentTabHostの中にViewPagerを作っているのですが、タブを切り替えて戻ってくるとViewPagerの画面が表示されません。
空白の画面を何回かフリックすると数枚だけ表示されます。
実装方法はFragmentPagerAdapterを継承したMyAdapterに引数 getChildFragmentManager() をセットして、ViewPagerにsetAdapterしています。

コード内容は

//アダプター継承クラス
public class TutorialPager extends FragmentPagerAdapter{
    public TutorialPager(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int i) {
        switch(i){
            case 0:
                return new TutorialOne();
            case 1:
                return new TutorialTwe();
            case 2:
                return new TutorialThree();
            default:
                return null;
        }
    }

//ViewPager実装クラス
public class MainViewPager extends FragmentActivity {
    private TutorialPager vpa;
    private ViewPager vp;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_view_pager);
        vpa = new TutorialPager(getSupportFragmentManager());
        vp = (ViewPager) findViewById(R.id.pager);
        vp.setAdapter(vpa);
    }
}

以上です。

解決方法よろしくお願いします・・・

Answer 1

こちらでタブを持ったActivityを別途用意して試してみたのですが、質問されているような現象が再現しませんでした。
質問の意図を取り違えているのでしょうか。

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTabHost;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.*;
import android.widget.TextView;

public class SampleActivity extends ActionBarActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_sample);

		final FragmentTabHost host = (FragmentTabHost)findViewById(android.R.id.tabhost);
		host.setup(this, getSupportFragmentManager(), R.id.content);

		host.addTab(host.newTabSpec("tab1").setIndicator("ViewPager"), ViewPagerFragment.class, null);
		host.addTab(host.newTabSpec("tab2").setIndicator("sample"), Tab2Fragment.class, null);


	}

	/**
	 * ViewPagerを持つFragment
	 */
	public static class ViewPagerFragment extends Fragment {
		private ViewPager vp;
		private TutorialPagerAdapter vpa;

		public ViewPagerFragment() {}

		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
			this.vp = new ViewPager(getActivity());
			vp.setId(R.id.sampleViewPager);
			vpa = new TutorialPagerAdapter(getChildFragmentManager());
			vp.setAdapter(vpa);

			return this.vp;
		}
	}

	/**
	 * ViewPagerFragment用のFragmentPagerAdapter実装
	 */
	public static class TutorialPagerAdapter extends FragmentPagerAdapter {
		public TutorialPagerAdapter(FragmentManager fm) {
			super(fm);
		}

		@Override public Fragment getItem(int i) {
			switch (i) {
				case 0: return new TutorialOne();
				case 1: return new TutorialTwo();
				case 2: return new TutorialThree();
				default: return null;
			}
		}

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


	/* ---------------------------
	 * サンプルFragment
	 */
	public abstract static class TutorialFragmentBase extends Fragment {
		private final String name;
		public TutorialFragmentBase(String name) {
			this.name = name;
		}

		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
			TextView view = new TextView(container.getContext());
			view.setText(this.name);
			return view;
		}
	}

	public static class TutorialOne   extends TutorialFragmentBase {public TutorialOne() {super("TutorialOne");}}
	public static class TutorialTwo   extends TutorialFragmentBase {public TutorialTwo() {super("TutorialTwo");}}
	public static class TutorialThree extends TutorialFragmentBase {public TutorialThree() {super("TutorialThree");}}
	public static class Tab2Fragment  extends TutorialFragmentBase {public Tab2Fragment() {super("タブ2");}}

}

res/layout/activity_sample.xml は以下のとおり。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.app.FragmentTabHost
   xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TabWidget
            android:id="@android:id/tabs"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"/>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0"/>

        <FrameLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>
</android.support.v4.app.FragmentTabHost>

res/values/ids.xml は以下のとおり。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="sampleViewPager" type="id" />
</resources>

Comments

[YukiYoshida]

投稿者がint getCount()をオーバーライトしていないからでは？

[tokoi]

getCount()をオーバライドしてなければ、コンパイルエラーになるはずです。一応実行できている様子なので、他の原因かと思いました。

[fefe]

レス遅くなってしまい申し訳ありません。
上記のとおりに書くと解決しました！
なぜあのバグが発生してしまっていたのかがわからないままですが。。。

Answer 2

実装方法はFragmentPagerAdapterを継承したMyAdapterに引数 getChildFragmentManager() をセットして、ViewPagerにsetAdapterしています。

この部分のコードがあると回答しやすいです。追記可能ですか？

Comments

[fefe]

了解しました！
追記します。