本次博客其实就是一个简单的小玩意,因为有时候项目也会用到,所以在这里写个小总结记一下,怕万一忘记了(有的东西虽然也是比较简单,但是好久没用忘的也是很快的)
本次通过Fragment+ViewPager+RadioGroup实现的页面简单切换
首先是我们的主界面布局activity
<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" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<RadioGroup
android:id="@+id/rg_main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton"
android:layout_weight="1"
android:id="@+id/rb_1"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton"
android:layout_weight="1"
android:id="@+id/rb_2"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/radioButton"
android:layout_toEndOf="@+id/radioButton" />
</RadioGroup>
<android.support.v4.view.ViewPager
android:id="@+id/vp_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/rg_main">
</android.support.v4.view.ViewPager>
</RelativeLayout>
Ps:
ViewPager是v4包中的控件,所以在布局中放这个控件的时候要将包一起导入
因为ViewPager是不能做逻辑操作处理的,所以这里我们要将Fragment挂载到ViewPager上,这样我们就能在跳转的页面上做逻辑处理了
然后我们设置两个用于Fragment显示的布局,因为就只用了一个TextView,所以不贴出代码了
Fragment的代码,因为只是实现一个布局效果,所以没有太多代码
<pre name="code" class="java">package cn.bigniu.mydemo01;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment01 extends Fragment{
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.fragment01,null);
return view;
}
}
接下来就是主界面的java代码了
<pre name="code" class="java">package cn.bigniu.mydemo01;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RadioGroup;
//要实现点击带动ViewPager,滑动实现RadioButton的跳转,需要实现
// RadioGroup.OnCheckedChangeListener
// ViewPager.OnPageChangeListener
public class MainActivity extends AppCompatActivity implements
RadioGroup.OnCheckedChangeListener,
ViewPager.OnPageChangeListener{
private ViewPager viewpager;
private FragmentPagerAdapter adapter;
private RadioGroup rgMenu;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化顶部菜单的控件
rgMenu = (RadioGroup) findViewById(R.id.rg_main);
//为顶部菜单栏配置监听器,保证选中某项时,界面可以切换
rgMenu.setOnCheckedChangeListener(this);
//初始化ViewPager
viewpager= (ViewPager) findViewById(R.id.vp_pager);
adapter = new InnerPagerAdapter(getSupportFragmentManager());
//位Viewpager配置Adapter
viewpager.setAdapter(adapter);
//为ViewPager配置监听,以保证欢动切换时,底部菜单可以同步更新显示
viewpager.setOnPageChangeListener(this);
}
//根据RadioButton的ID选择跳转的ViewPager页面
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.rb_1:
viewpager.setCurrentItem(0);
break;
case R.id.rb_2:
viewpager.setCurrentItem(1);
break;
}
}
//根据ViewPager的选择指示RadioButton的跳转
@Override
public void onPageSelected(int position) {
switch (position) {
case 0:
rgMenu.check(R.id.rb_1);
break;
case 1:
rgMenu.check(R.id.rb_2);
break;
}
}
//继承FragmentPagerAdapter来实现Fragment与ViewPager关联
private class InnerPagerAdapter extends FragmentPagerAdapter {
public InnerPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
Fragment fragment = null;
switch (position) {
case 0:
fragment = new Fragment01();
break;
case 1:
fragment = new Fragment02();
break;
}
return fragment;
}
@Override
public int getCount() {
return 2;
}
}
@Override
public void onPageScrollStateChanged(int i) {}
@Override
public void onPageScrolled(int i, float v, int i1) {}
}