Viewpager+Fragment实现页面切换

最新推荐文章于 2023-11-12 21:50:19 发布

Android丶ztz

最新推荐文章于 2023-11-12 21:50:19 发布

阅读量474

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： viewpager fragment

本文链接：https://blog.youkuaiyun.com/TianzhuZ/article/details/78588788

Android 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个使用Android中ViewPager和Fragment实现底部导航栏的应用案例。通过MainActivity管理ViewPager和RadioGroup的交互，实现了不同Fragment间的平滑切换。文章详细展示了代码实现过程，包括布局设置、事件监听及适配器编写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

------------------MainActivity------------------

package com.ztz.viewpager_fragment1120;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import com.ztz.viewpager_fragment1120.fragment.fragmentHome;
import com.ztz.viewpager_fragment1120.fragment.fragmentMy;
import com.ztz.viewpager_fragment1120.fragment.fragmentShop;
import com.ztz.viewpager_fragment1120.fragment.fragmentVideo;
import java.util.ArrayList;

public class MainActivity extends FragmentActivity implements RadioGroup.OnCheckedChangeListener {
   
    private ViewPager view_pager_main;
    private RadioGroup radio_group;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        //radiogroup的点击事件
     radio_group.setOnCheckedChangeListener(this);
        ArrayList<Fragment> list = new ArrayList<>();
        list.add(new fragmentHome());
        list.add(new fragmentVideo());
        list.add(new fragmentShop());
        list.add(new fragmentMy());
        ViewPagerAdapter adapter = new ViewPagerAdapter(list, getSupportFragmentManager());
        view_pager_main.setAdapter(adapter);
        //viewpager的点击事件
        view_pager_main.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //viewpager页面滑动,实现按钮跟随滑动
                radio_group.check(radio_group.getChildAt(position).getId());
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }
    //按钮
    @Override
    public void onCheckedChanged(RadioGroup radioGroup, int i) {
        switch (i){
            case R.id.radio_btn_home:
                view_pager_main.setCurrentItem(0,false);
                break;
            case R.id.radio_btn_video:
                view_pager_main.setCurrentItem(1,false);
                break;
            case R.id.radio_btn_shop:
                view_pager_main.setCurrentItem(2,false);
                break;
            case R.id.radio_btn_my:
                view_pager_main.setCurrentItem(3,false);
                break;
                default:

                break;
        }
    }
    private void initView() {
        view_pager_main = findViewById(R.id.view_pager_main);
        radio_group = findViewById(R.id.radio_group);
    }
}



------------------适配器- 继承FragmentPagerAdapter--------------
package com.ztz.viewpager_fragment1120;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import java.util.ArrayList;
 
class ViewPagerAdapter extends FragmentPagerAdapter {
    ArrayList<Fragment> list;
    FragmentManager fm;
    public ViewPagerAdapter(ArrayList<Fragment> list, FragmentManager fm) {
        super(fm);
        this.list = list;
        this.fm = fm;
    }

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

    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }
}




----------------Fragment示例---------------------
package com.ztz.viewpager_fragment1120.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.ztz.viewpager_fragment1120.R;
 
public class fragmentHome extends Fragment {    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_home_layout, container, false);
        return view;
    }
}