Question

我在Fragment Activity中实现了水平滑动手势Fragment TabHost，它运行正常。但Tab touch无效。

此处的源代码：https://github.com/babumirdha/FragmentTabSwipeExample

源代码如下：

MainFragmentActivity.Java

public class MainFragmentActivity extends FragmentActivity implements
     OnPageChangeListener, OnTabChangeListener  {
private FragmentTabHost host;

    private ViewPager pager;

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

            pager = (ViewPager) findViewById(R.id.pager);

    host = (FragmentTabHost) findViewById(android.R.id.tabhost);

    host.setup(this, getSupportFragmentManager(), R.id.tabFrameLayout);

    TabSpec spec = host.newTabSpec("tab1");

    spec.setIndicator("First tab");
    host.addTab(spec,FragmentTab.class, null);

    spec = host.newTabSpec("tab2");

    spec.setIndicator("Second tab");
    host.addTab(spec,FragmentTab.class, null);

    spec = host.newTabSpec("tab3");

    spec.setIndicator("Third tab");
    host.addTab(spec,FragmentTab.class, null);  

            host.setOnTabChangedListener(this);

    pager.setAdapter(new MyPagerAdapter(this));
    pager.setOnPageChangeListener(this);

}

@Override
public void onTabChanged(String tabId) {

    int pageNumber = 0;
    if (tabId.equals("tab1")) {
        pageNumber = 0;
    } else if (tabId.equals("tab2")) {
        pageNumber = 1;
    } else {
        pageNumber = 2;
    }
pager.setCurrentItem(pageNumber);

}

@Override
public void onPageSelected(int pageNumber) {

    host.setCurrentTab(pageNumber);

}


}

fragment_tab_host.xml

 <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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

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

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

 <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="wrap_content"/>  

</LinearLayout>

MyPagerAdapter.Java

   public class MyPagerAdapter extends PagerAdapter {
private Context ctx;

public MyPagerAdapter(Context ctx) {
    this.ctx = ctx;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {

    return container;
}

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

@Override
public boolean isViewFromObject(View view, Object object) {
    return (view == object);
}

@Override
public int getItemPosition(Object object) {
    return POSITION_NONE;
}

@Override
public void destroyItem(View container, int position, Object object) {
    ((ViewPager) container).removeView((View) object);
}
 }

FragmentTab.Java

 public class FragmentTab extends Fragment {

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

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    View v = inflater.inflate(R.layout.page_layout, container, false);
    TextView tv = (TextView) v.findViewById(R.id.text);
    tv.setText(this.getTag() + " Content");
    return v;
  }
 }

page_layout.xml

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

<TextView
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical|center_horizontal"
    android:text="@string/hello_world"
    android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

我怎样才能在这里添加滑动手势？

提前感谢您的帮助。

Answer 1

您的代码将失败，因为FragmentTabHost是一个旨在手动处理片段的小部件（以及相应的标签）。这意味着您无法将其与ViewPager结合使用，因为FragmentTabHost会将片段直接添加到容器中，而ViewPager会通过适配器管理片段（如您的，但实际上做了一些事情）。现在，FragmentTabHost添加了自己的内部布局，ViewPager将最终位于实际内容之上。这就是您可以滑动和更改标签的原因（因为，虽然您刷了一个空的ViewPager，但您可以在其上设置OnPageChangeListener来更改标签页。您无法点击标签，因为顶部的ViewPager会触摸触摸事件（您可以在标签顶部滑动以查看它们是否会通过相同的ViewPager进行更改）。

所以，使用ViewPager和普通TabHost，有无数的教程如何做到这一点。

当FragmentTabHost中的水平滑动手势有效时，Tab触摸不起作用

1 个答案: