300字范文 > ViewPager (下)-- 利用 Fragment 实现美丽的页面切换

ViewPager (下)-- 利用 Fragment 实现美丽的页面切换

时间：2019-10-02 06:14:37

之前用的ViewPager适用于简单的广告切换,但实现页面间的切换最好是用官方推荐的Fragment来处理.

本人力争做到最简单、最有用,是想以后用到的时候能够方便的拿过来复制就能够了.

效果图：

功能:可点击button切换页面,也可滑动界面切换页面.

文件:java文件5个、xml文件4个、.9图片4张

java主类:

package com.example.viewpageractivity;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.view.View;import android.widget.Button;public class MainActivity extends FragmentActivity {public ViewPager mViewPager;public Button bt_myclass_studing;public Button bt_myclass_over;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//调用封装好的actionbarBuildingActionBar.setActionBarLayout(R.layout.actionbar, MainActivity.this);bt_myclass_studing = (Button)this.findViewById(R.id.id_myclass_button_studing);bt_myclass_over = (Button)this.findViewById(R.id.id_myclass_button_over);bt_myclass_studing.setText("正在进行");bt_myclass_over.setText("已结课");bt_myclass_studing.setOnClickListener(new myButtonListener());bt_myclass_over.setOnClickListener(new myButtonListener());//构建适配器FragmenAdapter mFragmenAdapter = new FragmenAdapter(this.getSupportFragmentManager());mViewPager = (ViewPager)this.findViewById(R.id.id_myclass_viewpager);mViewPager.setAdapter(mFragmenAdapter);//加入滑动监听mViewPager.setOnPageChangeListener(new OnPageChangeListener(){@Overridepublic void onPageScrollStateChanged(int arg0) {}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageSelected(int arg0) {switch(arg0){case 0:setButtonColor(true);break;case 1:setButtonColor(false);break;}}});setButtonColor(true);}/*** 设置按钮背景色* 附上色值* liteblue : #a1dff8* */public void setButtonColor(boolean myTouchButton) {if (myTouchButton == true) {//当点击左边按钮的点击效果bt_myclass_studing.setBackgroundResource(R.drawable.title_switch_left_on);bt_myclass_studing.setTextColor(getResources().getColor(R.color.white));bt_myclass_over.setBackgroundResource(R.drawable.title_switch_right_off);bt_myclass_over.setTextColor(getResources().getColor(R.color.liteblue));mViewPager.setCurrentItem(0, true);} else {//当点击右边按钮的点击效果bt_myclass_over.setBackgroundResource(R.drawable.title_switch_right_on);bt_myclass_over.setTextColor(getResources().getColor(R.color.white));bt_myclass_studing.setBackgroundResource(R.drawable.title_switch_left_off);bt_myclass_studing.setTextColor(getResources().getColor(R.color.liteblue));mViewPager.setCurrentItem(1, true);}}/*** 按钮的监听* */class myButtonListener implements View.OnClickListener{@Overridepublic void onClick(View arg0) {switch(arg0.getId()){case R.id.id_myclass_button_studing:setButtonColor(true);break;case R.id.id_myclass_button_over:setButtonColor(false);break;}}}}

FragmentPagerAdapter适配器类

package com.example.viewpageractivity;import java.util.ArrayList;import java.util.List;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;public class FragmenAdapter extends FragmentPagerAdapter{List<Fragment> mFragment;public FragmenAdapter(FragmentManager fm) {super(fm);mFragment = new ArrayList<Fragment>();mFragment.add(new FragmentActivityA());mFragment.add(new FragmentActivityB());}@Overridepublic Fragment getItem(int arg0) {return mFragment.get(arg0);}@Overridepublic int getCount() {return mFragment.size();}}

FragmentActivityA类

package com.example.viewpageractivity;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class FragmentActivityA extends Fragment{public View myView;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {//加入布局文件myView = inflater.inflate(R.layout.fragmenta, container, false);return myView;}}

FragmentActivityB类

package com.example.viewpageractivity;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class FragmentActivityB extends Fragment{public View myView;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {//加入布局文件myView = inflater.inflate(R.layout.fragmentb, container, false);return myView;}}

之前用到的封装好的Actionbar类

package com.example.viewpageractivity;import android.app.ActionBar;import android.app.ActionBar.LayoutParams;import android.app.Activity;import android.content.Context;import android.util.Log;import android.view.LayoutInflater;import android.view.View;/*** 设置action bar* */public class BuildingActionBar {public static ActionBar mActionbar;/*** 设置action bar* */public static void setActionBarLayout(int layoutID,Activity mActivity) {mActionbar = mActivity.getActionBar();if (mActionbar != null) {// 设置home标题隐藏mActionbar.setDisplayShowHomeEnabled(false);// 使自己定义的普通View能在title栏显示。即actionBar.setCustomView能起作用mActionbar.setDisplayShowCustomEnabled(true);LayoutInflater inflator = (LayoutInflater) mActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);View v = inflator.inflate(layoutID, null);ActionBar.LayoutParams layout = new ActionBar.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);mActionbar.setCustomView(v, layout);} else {Log.e("BuildingActionBar", "actionbar为空");}}}

actionbar的xml文件

主类的xml文件

<RelativeLayout xmlns:android="/apk/res/android"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity" ><android.support.v4.view.ViewPagerandroid:id="@+id/id_myclass_viewpager"android:layout_width="match_parent"android:layout_height="match_parent" /></RelativeLayout>

还有两个fragmentActivity 的布局文件可任意定义就不再贴上来了

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。

ViewPager (下)-- 利用 Fragment 实现美丽的 页面切换

ViewPager (下)-- 利用 Fragment 实现美丽的页面切换