如何在Android中实现此选项卡式布局？

我目前正在进行一个由4个不同视图组成的“注册”页面。我们称它们为View1,View2,View3和View4。如何在Android中实现此选项卡式布局？

当用户按下Sign Up时，应该将他/她带到View1，然后用户只能在按下“Next”按钮后才能进入View2。如果用户点击View2，View3或View4，则不会发生任何事情 - 但应该显示它们，以便用户知道他在注册过程中取得了多大进展。

目前我已经完成View1布局，并且成功加载。我怎样才能实现我正在寻找的标签式布局？我是否应该有一个单独的类来处理标签视图，还是需要将标签添加到每个单独的视图？我是一个很棒的Android和Stackoverflow新手，所以如果这是一个奇怪的请求，并且很乐意详细说明任何不清楚的事情，我都会提前道歉。

任何帮助，高度赞赏！

来源

2015-07-11 iLearnAndroid

u可以使用：适配器

ViewPager 
TabLayout 
BaseFragmentStatePagerAdapter (pageAdapter) 

ViewPager.setAdapter(pageAdapter); 
TabLayout.setupWithViewPager(ViewPager)

示例实现：

/** fragment state page adapter 
* is different from pageAdapter 
* in way that is not loading all fragments on same time 
* The first PageAdapter might destroy View hierarchy and re load it when needed, 
* the StatePageAdapter only saves the state of the Fragment and completely destroys it, 
* if the user then comes back to that page, the state is retrieved.*/ 
public class SectionPagerAdapter extends BaseFragmentStatePagerAdapter { 

    private List<CustomFragment> _fragments; 

    public SectionPagerAdapter(FragmentManager fm, List<CustomFragment> fragments) { 
     super(fm); 
     _fragments = fragments; 
    } 

    /** 
    * 
    * @param object 
    * @return POSITION_NONE; 
    * 
    * This way, when you call notifyDataSetChanged(), 
    * the view pager will remove all views and reload them all. 
    * s so the reload effect is obtained. 
    */ 
    @Override 
    public int getItemPosition(Object object) { 
     /** check if object is custom fragment class */ 
     if (object.getClass().isAssignableFrom(CustomFragment.class)) { 
      /** cast object to fragment */ 
      CustomFragment customFragment = (CustomFragment)object; 
      return _fragments.indexOf(customFragment); 
     } else { 
      /** else recreate */ 
      return POSITION_NONE; 
     } 
    } 

    @Override 
    public CustomFragment getItem(int position) { 
     return _fragments.get(position); 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     return getItem(position).getTittle(); 
    } 

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

    @Override 
    public Parcelable saveState() { 
     return super.saveState(); 
    } 

    /** to prevent crash on restore state 
     * - due to GOOGLE BUG (i use my own imlementation of adapter 
     * don't call super ! */ 
    @Override 
    public void restoreState(Parcelable state, ClassLoader loader) { 
     super.restoreState(state, loader); 
     } 
    }

* CustomFragment是用额外的方法更新（）&的getTitle（）片段类抽象类extendent

/** to handle extended property in fragment*/ 
public abstract class CustomFragment extends Fragment implements IGetDetails{ 

    public CustomFragment() { 
    } 

    /** method to perform fragment update */ 
    public abstract void update(); 
} 

public interface IGetDetails { 
    String getTittle(); 
}

然后在主要活动ü创建一个容器：

/** create fragment container */ 
    if (_fragments == null) { 
     _fragments = new ArrayList<>(); 
     _fragments.add(new Fragment1()); 
     _fragments.add(new Fragment2()); 
     _fragments.add(new Fragment3()); 
    }

来填充片段u可以使用此metyhod：

/** 
* populate view pager 
*/ 
private ViewPager populateViewPager(ViewPager pager, List<CustomFragment> list) { 
    /** get child fragment manager of this fragment */ 
    FragmentManager childFragmentManager = getChildFragmentManager(); 
    /** we need pass to adapter child fragment manager because of nested fragments */ 
    SectionPagerAdapter sectionPagerAdapter = new SectionPagerAdapter(childFragmentManager, list); 
    /** set adapter to view pager */ 
    pager.setAdapter(sectionPagerAdapter); 
    /** testify data set changed */ 
    sectionPagerAdapter.notifyDataSetChanged(); 
    return pager; 
}

**如果u使用活性作为宿主用于视图寻呼机ü应该通过FragmentManager 但是，如果你在片段上的主机（你有嵌套frgments）u sholud传递给adder 孩子片段管理器

和示例布局：

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

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:tabMode="scrollable" /> 

<android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" />

来源

2015-07-11 17:37:50 ceph3us

如何在Android中实现此选项卡式布局？

回答

相关问题