ViewPager未显示片段。

10

我无法让它正常工作。基本应用程序的功能正常,但一个布局文件上的ViewPager根本不显示任何片段。我多次检查了代码,但找不到错误。当我尝试调试它时,我注意到它甚至没有初始化片段类,而你选择选项卡时应该这样做。

public class MainActivity extends AppCompatActivity
    implements NavigationView.OnNavigationItemSelectedListener {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.setDrawerListener(toggle);
    toggle.syncState();

    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);

    new GetData(this).execute();

    TabLayout tab_layout = (TabLayout) findViewById(R.id.tab_layout);
    tab_layout.addTab(tab_layout.newTab().setText("CASUAL"));
    tab_layout.addTab(tab_layout.newTab().setText("RANKED"));
    tab_layout.setTabGravity(TabLayout.GRAVITY_FILL);

    final ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
    PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager(), tab_layout.getTabCount());
    viewPager.setAdapter(adapter);
    tab_layout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager.setCurrentItem(tab.getPosition());
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

}

@Override
public void onBackPressed() {
    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    if (drawer.isDrawerOpen(GravityCompat.START)) {
        drawer.closeDrawer(GravityCompat.START);
    } else {
        super.onBackPressed();
    }
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

@SuppressWarnings("StatementWithEmptyBody")
@Override
public boolean onNavigationItemSelected(MenuItem item) {
    // Handle navigation view item clicks here.
    int id = item.getItemId();

    if (id == R.id.nav_stats) {
        // Handle the camera action
    } else if (id == R.id.nav_about) {

    }

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    drawer.closeDrawer(GravityCompat.START);
    return true;
}
}

我的PagerAdapter:

public class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;

public PagerAdapter(FragmentManager fm, int NumOfTabs) {
    super(fm);
    this.mNumOfTabs = NumOfTabs;
    }

@Override
public Fragment getItem(int position) {

    switch (position) {
        case 0:
            CasualStats tab1 = new CasualStats();
            return tab1;
        case 1:
            RankedStats tab2 = new RankedStats();
            return tab2;
        default:
            return null;
        }
     }

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

使用ViewPager进行布局:

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

        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/tab_layout"/>
]]>

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    android:id="@+id/tab_layout">

</android.support.design.widget.TabLayout>

<view
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    class="android.support.v4.view.ViewPager"
    android:layout_alignParentStart="true"
    android:id="@+id/view_pager"
    android:layout_below="@+id/tab_layout" />

</RelativeLayout>

用于在ViewPager中显示的选项卡片段的类只是普通的自动生成的Android Studio片段类。

其中一个片段:

public class CasualStats extends Fragment{
// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";

// TODO: Rename and change types of parameters
private String mParam1;
private String mParam2;

private OnFragmentInteractionListener mListener;

public CasualStats() {
    // Required empty public constructor
}

/**
 * Use this factory method to create a new instance of
 * this fragment using the provided parameters.
 *
 * @param param1 Parameter 1.
 * @param param2 Parameter 2.
 * @return A new instance of fragment CasualStats.
 */
// TODO: Rename and change types and number of parameters
public static CasualStats newInstance(String param1, String param2) {
    CasualStats fragment = new CasualStats();
    Bundle args = new Bundle();
    args.putString(ARG_PARAM1, param1);
    args.putString(ARG_PARAM2, param2);
    fragment.setArguments(args);
    return fragment;
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    if (getArguments() != null) {
        mParam1 = getArguments().getString(ARG_PARAM1);
        mParam2 = getArguments().getString(ARG_PARAM2);
    }
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_casual_stats, container, false);
}

// TODO: Rename method, update argument and hook method into UI event
public void onButtonPressed(Uri uri) {
    if (mListener != null) {
        mListener.onFragmentInteraction(uri);
    }
}

@Override
public void onDetach() {
    super.onDetach();
    mListener = null;
}

/**
 * This interface must be implemented by activities that contain this
 * fragment to allow an interaction in this fragment to be communicated
 * to the activity and potentially other fragments contained in that
 * activity.
 * <p>
 * See the Android Training lesson <a href=
 * "http://developer.android.com/training/basics/fragments/communicating.html"
 * >Communicating with Other Fragments</a> for more information.
 */
public interface OnFragmentInteractionListener {
    // TODO: Update argument type and name
    void onFragmentInteraction(Uri uri);
}
}

XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.app.anzel.r6s.CasualStats">

<!-- TODO: Update blank fragment layout -->

<TextView
    android:text="1st fragment"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    android:layout_marginStart="28dp"
    android:layout_marginTop="22dp"
    android:id="@+id/textView"
    android:visibility="visible" />
</RelativeLayout>

尝试以下方式:
  1. 为您的viewpager创建适配器。
  2. 在您的viewpager上设置适配器。
  3. 使用tabLayout.setupWithViewPager(your_viewpager);
  4. 如果viewpager在Activity中或在另一个片段内部,请确保使用getSupportFragmentManager或getchildFragmentManager()。
  5. 您的适配器必须覆盖public CharSequence getPageTitle(int position)以为选项卡布局提供每个片段的标题。
- Rahul Shukla
你尝试过确保片段确实不可见吗?我的意思是,你似乎没有在TextView中放置任何内容,请尝试更改背景或在TextView中设置一些文本进行测试。 - Rahul Shukla
更改了片段的背景颜色,但它没有显示出来。 - Tachanka
6个回答

31
问题在于您有嵌套的片段并使用了getFragmentManager(); 您应该改用getChildFragmentManager()。
viewPagerAdapter = new PagerAdapter(getChildFragmentManager())

kotlin:

viewPagerAdapter = PagerAdapter(childFragmentManager)

1
是的,那正是我的问题。使用父FragmentManager时,它会获取先前使用过的Fragment而不是重新创建它们。无论如何,这并没有起作用。使用getChildFragmentManager可以创建每个Fragment的FragmentManager,从而解决了这个问题。 - ancyrweb
谢谢,当我在一个fragment中使用viewpager时,它对我有用。 - O' alone Music

4

我感觉有点傻。问题确实出在ViewPager上,正如我所怀疑的那样。经过三个小时的代码调试,我只是把ViewPager从带有选项卡的布局中移动到另一个布局中,该布局基本上连接了所有布局。


请检查我的答案,希望能有所帮助。 - Rahul Shukla

2
如果您在使用带有嵌套滚动视图内ViewPager的任何TabLayout,请确保在嵌套滚动视图中放置android:fillViewport="true"参考。请注意,如果您正在使用导航抽屉,则您的片段可能没有嵌套滚动视图,但是您的活动片段容器可能位于嵌套滚动视图内。因为即使是具有背景颜色的空布局(用于调试问题)也不会显示出来,所以在我的情况下不是ViewPager的问题,而是与嵌套滚动视图有关的问题。
调试提示:在ViewPager之前,将一些布局放置并设置背景颜色以查看布局是否可见。如果布局本身不可见,则您可能存在父布局问题,最有可能是NestedScrollView。

1
以下示例代码在使用ViewPager和选项卡时运行良好。尝试一下。
  1. Main activity layout

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
    
    </android.support.design.widget.AppBarLayout>
    
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="?attr/actionBarSize" />
    
    <include layout="@layout/content_main" />
    
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_dialog_email" />
    

然后查看viewpager容器布局。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="?attr/actionBarSize"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.test.myapplication.MainActivity"
    tools:showIn="@layout/app_bar_main">

    <android.support.v4.view.ViewPager
        android:id="@+id/page_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FF0000" />
</RelativeLayout>

这里是主要的活动部分:

package com.test.myapplication;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.design.widget.TabLayout;
import android.support.v4.app.*;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        ViewPager pager = (ViewPager)findViewById(R.id.page_container);
        pager.setAdapter(new Adapter(getSupportFragmentManager()));
        TabLayout tabs = (TabLayout)findViewById(R.id.tab_container);
        tabs.setupWithViewPager(pager, true);
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();

        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
    }

    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();

        if (id == R.id.nav_camera) {
            // Handle the camera action
        } else if (id == R.id.nav_gallery) {

        } else if (id == R.id.nav_slideshow) {

        } else if (id == R.id.nav_manage) {

        } else if (id == R.id.nav_share) {

        } else if (id == R.id.nav_send) {

        }

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }


    public static class Adapter extends FragmentStatePagerAdapter {
        private String[] titles = new String[] {"ONE", "TWO"};

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

        @Override
        public Fragment getItem(int position) {
            switch (position){
                case 0:
                    return new com.test.myapplication.Fragment();
                case 1:
                    return new Fragment1();
            }
            return null;
        }

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

        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position];
        }
    }
}

0

你缺少了 setupWithViewPager,而且你不需要 setOnTabSelectedListener

tab_layout.setupWithViewPager(viewPager)

让我们看这里: http://www.androidhive.info/2015/09/android-material-design-working-with-tabs/

您还需要在适配器中覆盖getPageTitle并返回选项卡标题。

最后,在xml中不要使用<view ..class>,而是创建普通的xml视图:

 <android.support.v4.view.ViewPager 
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentStart="true"
     android:id="@+id/view_pager"
     android:layout_below="@+id/tab_layout"/>

这让我的选项卡标题消失了,而且视图仍然无法显示片段。 - Tachanka
我仍然无法让ViewPager显示片段:( - Tachanka
没有错误,只是在选择选项卡时不想显示适当的片段(任何片段都不想显示)。 - Tachanka
你的代码是否进入了getItem()函数?能否把你的代码片段贴出来? - Tomasz Czura
已添加了一个类和布局XML文件,用于在选中选项卡时在ViewPager中显示其中一个片段。 - Tachanka
显示剩余2条评论

0

试试这个:

在你的布局中:

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

<android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    android:id="@+id/tab_layout">

</android.support.design.widget.TabLayout>

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentStart="true"
    android:id="@+id/view_pager"
    android:layout_below="@+id/tab_layout" />

</RelativeLayout>

在活动中:

 TabLayout tab_layout = (TabLayout) findViewById(R.id.tab_layout);
    tab_layout.addTab(tab_layout.newTab().setText("CASUAL"));
    tab_layout.addTab(tab_layout.newTab().setText("RANKED"));
    tab_layout.setTabGravity(TabLayout.GRAVITY_FILL);

    final ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
    PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager(), tab_layout.getTabCount());
    viewPager.setAdapter(adapter);
    viewPager.setOffscreenPageLimit(2);
    tab_layout.post(new Runnable() {
    @Override
    public void run() {
        tab_layout.setupWithViewPager(viewPager);
      }
   });
    tab_layout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager.setCurrentItem(tab.getPosition());
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

PagerAdapter:

    public class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;

// an array of tab titles
    private String tabTitles[] = new String[]{"CASUAL", "RANKED"};

public PagerAdapter(FragmentManager fm, int NumOfTabs) {
    super(fm);
    this.mNumOfTabs = NumOfTabs;
    }

@Override
public Fragment getItem(int position) {

    switch (position) {
        case 0:
            CasualStats tab1 = new CasualStats();
            return tab1;
        case 1:
            RankedStats tab2 = new RankedStats();
            return tab2;
        default:
            return null;
        }
     }

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

     @Override
    public CharSequence getPageTitle(int position) {
        return tabTitles[position];
    }
}

没有运气,和之前一样的结果,viewpager 没有显示任何内容。 - Tachanka
在调用 setupWithViewPager 后添加 viewPager.setOffscreenPageLimit(2);,并且如果它被调用到 getItem(int position),请调试您的代码。 - rafsanahmad007
它调用了这个方法,我用“Log”进行了检查,同时viewPager.setOffscreenPageLimit(2)也没有帮助:( - Tachanka
虽然我发现当选中一个标签时它不会调用任何片段。 - Tachanka
创建一个新的可运行对象并不会执行任何操作。 - Tachanka

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接