ViewPager+Fragment

今天介绍一下ViewPager+fragment
使用它,需要在页面中使用RadioButton,下面给出activity_main.xml页面的代码。

<?xml version="1.0" encoding="utf-8"?>
<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.ice.viewpagertest.MainActivity">

    <RadioGroup
        android:id="@+id/rd_group"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:layout_centerVertical="true"
        android:gravity="center_vertical"
        android:orientation="horizontal">


        <RadioButton
            android:id="@+id/rd_button1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/bottom_bg"
            android:button="@null"
            android:checked="true"
            android:onClick="doclick" />


        <RadioButton
            android:id="@+id/rd_button2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/bottom_bg2"
            android:button="@null"
            android:checked="false"
            android:onClick="doclick" />


        <RadioButton
            android:id="@+id/rd_button3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/bottom_bg3"
            android:button="@null"
            android:checked="false"
            android:onClick="doclick" />

        <RadioButton
            android:id="@+id/rd_button4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/bottom_bg4"
            android:button="@null"
            android:checked="false"
            android:onClick="doclick" />

    </RadioGroup>

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/rd_group"/>
</RelativeLayout>

并且创建四个Fragment。
在MainActivity中有如下代码

public class MainActivity extends AppCompatActivity implements HelpFragment.HelpCallBack{

    private ViewPager viewpager;

    private ArrayList<Fragment> fragments;
    private RadioButton radioButton1;
    private RadioButton radioButton2;
    private RadioButton radioButton3;
    private RadioButton radioButton4;

    private String callBackStr;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
    }

    /**
     * 初始化界面数据
     */
    private void initView(){
        radioButton1 = (RadioButton) findViewById(R.id.rd_button1);
        radioButton2 = (RadioButton) findViewById(R.id.rd_button1);
        radioButton3 = (RadioButton) findViewById(R.id.rd_button1);
        radioButton4 = (RadioButton) findViewById(R.id.rd_button1);

        viewpager = (ViewPager) findViewById(R.id.vp_content);


        fragments = new ArrayList<Fragment>();
        fragments.add(new HelpFragment());
        fragments.add(new SpreadFragment());
        fragments.add(new ShopFragment());
        fragments.add(new MeFragment());

        FragmentManager fs = getSupportFragmentManager();
        viewpager.setAdapter(new ViewPagerAdapter(fs));
        viewpager.addOnPageChangeListener(new PageChangeListener());
    }


    public void doclick(View view){
        switch (view.getId()){
            case R.id.rd_button1:
                viewpager.setCurrentItem(0);
                break;
            case R.id.rd_button2:
                viewpager.setCurrentItem(1);
                break;
            case R.id.rd_button3:
                viewpager.setCurrentItem(2);
                break;
            case R.id.rd_button4:
                viewpager.setCurrentItem(3);
                break;
        }
    }

    @Override
    public void handlerBundle(String str) {
        callBackStr = str;
        //输出该语句,如果成功,则可以将fragment的数据传到Activity中
        System.out.println(str);
    }

    private class PageChangeListener implements ViewPager.OnPageChangeListener{
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

        @Override
        public void onPageSelected(int position) {
            switch (position){
                case 0:
                    radioButton1.setChecked(true);
                    break;
                case 1:
                    radioButton2.setChecked(true);
                    break;
                case 2:
                    radioButton3.setChecked(true);
                    break;
                case 3:
                    radioButton4.setChecked(true);
                    break;
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {}
    }

    /**
     * 使用ViewPager 必须要继承PagerAdapter
     */
    private class ViewPagerAdapter extends FragmentPagerAdapter{
        public ViewPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            //将数据传到各个Fragment中
            Fragment fragment = fragments.get(position);
            Bundle bundle = new Bundle();
            switch (position){
                case 0:
                    bundle.putString("ice","帮助中心");
                    break;
                case 1:
                    bundle.putString("ice","推广中心");
                    break;
                case 2:
                    bundle.putString("ice","购物中心");
                    break;
                case 3:
                    bundle.putString("ice","个人中心");
                    break;
            }
            fragment.setArguments(bundle);
            return fragment;
        }

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

使用ViewPager需要调用PagerAdapter,并且可以在PagerAdapter中的
public Fragment getItem(int position),方法中将数据传给Fragment。

下面给出Fragment代码。该代码中有将数据传到Activity中

public class HelpFragment extends Fragment{

private Context context;
private View view;
private String ice;
private TextView textView;

private HelpCallBack helpCallBack;

//该处是以进入Fragmnet就被调用的方法,在这里判断是否继承了HelpCallBack接口,并传过来的强制转型
@Override
public void onAttach(Context context) {
    super.onAttach(context);
    this.context = context;
    try {
        helpCallBack = (HelpCallBack) context;
    } catch (ClassCastException e) {
        throw new ClassCastException("Activity没有调用HelpCallBack接口");
    }
}

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    view = inflater.inflate(R.layout.fragment_help, null);
    ice = getArguments().getString("ice");              //获取数据
    return view;
}

//该方法是与Activity 进行数据的交流,可以在该处初始化界面
@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    initView();
}

/**
 * 初始化界面
 */
private void initView(){
    textView = (TextView) view.findViewById(R.id.tv_help);
    textView.setText(ice);
    Button button = (Button) view.findViewById(R.id.bt_help);
    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //将数据传递给Activity
            helpCallBack.handlerBundle("我是从HelpFragmnet中传来的数据");
        }
    });
}

//声明接口,让activity调用该接口的方法
public interface HelpCallBack{
    public void handlerBundle(String str);
}

}
“`

这里有一个接口,该接口被Activity继承,在Fragment onAttach()方法中将context强转。
在button的点击事件中将数据传到Activity中。

这里给出我写的Demo
http://download.youkuaiyun.com/detail/core_ice/9520572

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值