在一個ViewPage中設置兩個frament, 點擊下一步跳轉到下一個fragment

新建一個ViewPage控件(activity_add_e1,xml)`

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

在一個ViewPage控件配置兩個碎片(AddE1Activity.java)

public class AddE1Activity extends BaseActivity {@BindView(R.id.viewPager)public ViewPager viewPager;//新建兩個碎片private AddE1OneFragment oneFragment = new AddE1OneFragment();private AddE1TwoFragment twoFragment = new AddE1TwoFragment();private List<Fragment> fragments = new ArrayList<>();private AddE1Adapter addE1Adapter;private int fragmentIndex = 0;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_add_e1);ButterKnife.bind(this);initTitleBar();initView();}//將定義好的碎片配置private void initView() {fragments.add(oneFragment);fragments.add(twoFragment);addE1Adapter = new AddE1Adapter(getSupportFragmentManager());addE1Adapter.setFragments(fragments);viewPager.setAdapter(addE1Adapter);}private void initTitleBar() {Tools.setStatusBarColor(this, getResources().getColor(R.color.bg_title_blue));titleBar.setTitleText(getString(R.string.add_device));titleBar.setLeftIco(R.mipmap.icon_back_nor);titleBar.setLeftLayoutListening(new View.OnClickListener() {@Overridepublic void onClick(View v) {finish();}});}//跳轉到下一頁的函數(shù)封裝public void onNextFragment() {fragmentIndex = (fragmentIndex + 1) % fragments.size();viewPager.setCurrentItem(fragmentIndex);} }

兩個fragment, AddE1OneFragment和AddE1TwoFragment的定義

//fragment_adde1_one.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:orientation="vertical"android:gravity="center_horizontal"android:layout_width="match_parent"android:layout_height="match_parent"><ImageViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="50dp"android:src="@mipmap/img_bg1_nor"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="請先確保左右耳機在充電盒中"android:textSize="12sp"android:layout_margin="10dp"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="長按充電盒兩秒,進入藍牙配對模式"android:textSize="12sp"android:layout_margin="10dp"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="如果充電盒快閃,請按下一步"android:textSize="12sp"android:layout_margin="10dp"/><Buttonandroid:id="@+id/addE1Btn"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="下一步"android:textSize="10sp"android:textColor="#fff"android:background="@drawable/bg_button_experience"android:layout_margin="10dp"/> </LinearLayout> //fragment_adde1_two.xml; <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:gravity="center_horizontal"android:layout_width="match_parent"android:layout_height="match_parent"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="50dp"android:src="@mipmap/img_card2_dis"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="打開手機系統(tǒng)'設置'->'藍牙'選項"android:textSize="12sp"android:layout_margin="10dp"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="搜索'eMeet Eliet E1',并點擊配送"android:textSize="12sp"android:layout_margin="10dp"/>-<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="確定后完成耳機于與手機的配對"android:textSize="12sp"android:layout_margin="10dp"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="前往進行手機藍牙配對"android:textSize="12sp"android:layout_margin="10dp"/><Buttonandroid:id="@+id/btn_next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="前往藍牙設置"android:textSize="10sp"android:textColor="#fff"android:background="@drawable/bg_button_experience"android:layout_margin="10dp"/> </LinearLayout>

獲取fragment_adde1_one

public class AddE1OneFragment extends BaseFragment {//獲取按鈕id@BindView(R.id.addE1Btn)public Button btnNext;private AddE1Activity mActivity;@Overrideprotected int getContentLayoutId() {return R.layout.fragment_adde1_one;}@Overrideprotected void init() {//獲取activity的引用mActivity = (AddE1Activity) getActivity();//監(jiān)聽點擊事件btnNext.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {//執(zhí)行下一頁的函數(shù)mActivity.onNextFragment();}});}}

總結

以上是生活随笔為你收集整理的Android--ViewPager点击按钮切换下一页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。