Fragment+Viewpager实现底部选项卡切换

于 2019-04-08 20:08:17 发布
阅读量466 收藏
点赞数 1
分类专栏： Android 文章标签： fragment viewpager 底部选项卡 滑动切换
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Terminalxun/article/details/89105438
版权

Fragment+Viewpager实现底部选项卡切换

一、用到的java类文件

  • HomepageActivity
  • MessageFragment
  • HomeFragment
  • RecommendFragment
  • SettingFragment
  • ShareFragment
  • CustomPagerAdapter

二、用到的布局资源文件

  • activity_homepage
  • fragment_message
  • fragment_home
  • fragment_recommend
  • fragment_setting
  • fragment_share
  • styles（res文件中的values文件中）

三、HomepageActivity代码

    public class HomepageActivity extends FragmentActivity implements View.OnClickListener {


    // 获取fragment管理器
    FragmentManager fragmentmanager;

    //声明存储fragment的集合
    private ArrayList<Fragment> fragments;

    //声明四个导航对应fragment
    MessageFragment messageFragment;
    HomeFragment homeFragment;
    RecommendFragment recommendFragment;
    SettingFragment settingFragment;
    ShareFragment shareFragment;

    //声明ViewPager
    private ViewPager viewPager;

    //声明导航栏中对应的布局
    private LinearLayout ll_message, ll_home, ll_recommend, ll_setting, ll_share;

    //声明导航栏中包含的imageview和textview
    private ImageView image_message, image_home, image_recommend, image_setting, image_share;
    private TextView tv_message, tv_home, tv_recommend, tv_setting, tv_share;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_homepage);

        //初始化加载首页布局
        initView();

        //调用自定义initListener方法，为各个组件添加监听事件
        initListener();

        //设置默认选择的pager和导航栏的状态，即优先显示哪个fragment
        viewPager.setCurrentItem(2);
        image_home.setSelected(true);
        tv_home.setSelected(true);

    }

    /**
     * 事件监听
     */
    private void initListener() {

        //为四大导航组件添加监听
        ll_message.setOnClickListener(this);
        ll_home.setOnClickListener(this);
        ll_recommend.setOnClickListener(this);
        ll_setting.setOnClickListener(this);
        ll_share.setOnClickListener(this);

        //为viewpager添加页面变化的监听以及事件处理
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            // 当页面滑动时，这个方法将被调用，无论是编程方式启动一个平滑滚动，还是用户手动触摸滑动。
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            // 当onPageSelected()被调用时，页面切换动画还没结束，还会继续调用onPageScrolled()
            // 当页面滑动时，对应的textview,imageview相应发生改变
            @Override
            public void onPageSelected(int position) {

                // 设置初始状态下底部导航的图标
                resetImg();

                //根据位置直接决定显示哪个fragment
                viewPager.setCurrentItem(position);

                switch (position) {

                    case 0:

                        image_message.setSelected(true);
                        image_message.setImageResource(R.drawable.message_pressed);
                        tv_message.setSelected(true);


                        image_home.setSelected(false);
                        tv_home.setSelected(false);

                        image_recommend.setSelected(false);
                        tv_recommend.setSelected(false);

                        image_setting.setSelected(false);
                        tv_setting.setSelected(false);

                        image_share.setSelected(false);
                        tv_share.setSelected(false);

                        break;

                    case 1:

                        image_message.setSelected(false);
                        tv_message.setSelected(false);


                        image_home.setSelected(true);
                        image_home.setImageResource(R.drawable.home_pressed);
                        tv_home.setSelected(true);

                        image_recommend.setSelected(false);
                        tv_recommend.setSelected(false);

                        image_setting.setSelected(false);
                        tv_setting.setSelected(false);

                        image_share.setSelected(false);
                        tv_share.setSelected(false);

                        break;

                    case 2:

                        image_message.setSelected(false);
                        tv_message.setSelected(false);


                        image_home.setSelected(false);
                        tv_home.setSelected(false);

                        image_recommend.setSelected(true);
                        image_recommend.setImageResource(R.drawable.recommend_pressed);
                        tv_recommend.setSelected(true);


                        image_setting.setSelected(false);
                        tv_setting.setSelected(false);

                        image_share.setSelected(false);
                        tv_share.setSelected(false);

                        break;

                    case 3:

                        image_message.setSelected(false);
                        tv_message.setSelected(false);


                        image_home.setSelected(false);
                        tv_home.setSelected(false);

                        image_recommend.setSelected(false);
                        tv_recommend.setSelected(false);

                        image_setting.setSelected(true);
                        image_setting.setImageResource(R.drawable.setting_pressed);
                        tv_setting.setSelected(true);

                        image_share.setSelected(false);
                        tv_share.setSelected(false);

                        break;

                    case 4:

                        image_message.setSelected(false);
                        tv_message.setSelected(false);

                        image_home.setSelected(false);
                        tv_home.setSelected(false);

                        image_recommend.setSelected(false);
                        tv_recommend.setSelected(false);

                        image_setting.setSelected(false);
                        tv_setting.setSelected(false);

                        image_share.setSelected(true);
                        image_share.setImageResource(R.drawable.share_pressed);
                        tv_share.setSelected(true);

                }

            }

            // 当滑动状态改变时被调用，有助于发现当用户开始拖拽，当页面自动的安放在当前页面，或当页面完全停止
            @Override
            public void onPageScrollStateChanged(int state) {

            }

        });


    }


    /**
     * 加载布局资源文件
     */
    private void initView() {

        //在主布局中根据id找到ViewPager
        viewPager = (ViewPager) findViewById(R.id.viewPager);

        //实例化所属五个fragment
        messageFragment = new MessageFragment();
        homeFragment = new HomeFragment();
        recommendFragment = new RecommendFragment();
        settingFragment = new SettingFragment();
        shareFragment = new ShareFragment();
        fragments = new ArrayList<>();

        //添加fragments到集合中
        fragments.add(messageFragment);
        fragments.add(shareFragment);
        fragments.add(homeFragment);
        fragments.add(recommendFragment);
        fragments.add(settingFragment);

        fragmentmanager = getSupportFragmentManager();

        CustomPagerAdapter adapter = new CustomPagerAdapter(fragmentmanager, fragments);

        viewPager.setAdapter(adapter);
        
        ll_message = (LinearLayout) findViewById(R.id.ll_message);
        ll_share = (LinearLayout) findViewById(R.id.ll_share);
        ll_home = (LinearLayout) findViewById(R.id.ll_home);
        ll_recommend = (LinearLayout) findViewById(R.id.ll_recommend);
        ll_setting = (LinearLayout) findViewById(R.id.ll_setting);

        image_message = (ImageView) findViewById(R.id.tab_message_img);
        image_share = (ImageView) findViewById(R.id.tab_share_img);
        image_home = (ImageView) findViewById(R.id.tab_home_img);
        image_recommend = (ImageView) findViewById(R.id.tab_recommend_img);
        image_setting = (ImageView) findViewById(R.id.tab_setting_img);

        tv_message = (TextView) findViewById(R.id.tv_message);
        tv_share = (TextView) findViewById(R.id.tv_share);
        tv_home = (TextView) findViewById(R.id.tv_home);
        tv_recommend = (TextView) findViewById(R.id.tv_recommend);
        tv_setting = (TextView) findViewById(R.id.tv_setting);

    }


    /**
     * 设置导航栏的点击事件并同步更新对应的ViewPager
     * 点击事件其实就是更改导航布局中对应的Text/ImageView的选中状态
     * 与上述的滑动状态同理
     */

    @Override

    public void onClick(View v) {

        switch (v.getId()) {

            case R.id.ll_message:

                viewPager.setCurrentItem(0); // viewpager显示最左边的fragment，例如messagefragment

                image_message.setSelected(true);
                image_message.setImageResource(R.drawable.message_pressed);
                tv_message.setSelected(true);


                image_home.setSelected(false);
                tv_home.setSelected(false);

                image_recommend.setSelected(false);
                tv_recommend.setSelected(false);

                image_setting.setSelected(false);
                tv_setting.setSelected(false);

                image_share.setSelected(false);
                tv_share.setSelected(false);

                break;

            case R.id.ll_share:

                viewPager.setCurrentItem(1);

                image_message.setSelected(false);
                tv_message.setSelected(false);


                image_home.setSelected(false);
                tv_home.setSelected(false);

                image_recommend.setSelected(false);
                tv_recommend.setSelected(false);

                image_setting.setSelected(false);
                tv_setting.setSelected(false);

                image_share.setSelected(true);
                image_share.setImageResource(R.drawable.share_pressed);
                tv_share.setSelected(true);

                break;

            case R.id.ll_home:

                viewPager.setCurrentItem(2);

                image_message.setSelected(false);
                tv_message.setSelected(false);

                image_home.setSelected(true);
                image_home.setImageResource(R.drawable.home_pressed);
                tv_home.setSelected(true);

                image_recommend.setSelected(false);
                tv_recommend.setSelected(false);

                image_setting.setSelected(false);
                tv_setting.setSelected(false);

                image_share.setSelected(false);
                tv_share.setSelected(false);

                break;

            case R.id.ll_recommend:

                viewPager.setCurrentItem(3);

                image_message.setSelected(false);
                tv_message.setSelected(false);

                image_home.setSelected(false);
                tv_home.setSelected(false);

                image_recommend.setSelected(true);
                image_recommend.setImageResource(R.drawable.recommend_pressed);
                tv_recommend.setSelected(true);

                image_setting.setSelected(false);
                tv_setting.setSelected(false);

                image_share.setSelected(false);
                tv_share.setSelected(false);

                break;

            case R.id.ll_setting:

                viewPager.setCurrentItem(4);

                image_message.setSelected(false);
                tv_message.setSelected(false);


                image_home.setSelected(false);
                tv_home.setSelected(false);

                image_recommend.setSelected(false);
                tv_recommend.setSelected(false);

                image_setting.setSelected(true);
                image_setting.setImageResource(R.drawable.setting_pressed);
                tv_setting.setSelected(true);

                image_share.setSelected(false);
                tv_share.setSelected(false);

                break;

        }

    }

    /**
     * 将当前fragment的图标显示不同状态（初始状态）
     * 例如当前fragment为homefragment，则底部图标为白色
     */

    private void resetImg() {
        image_message.setImageResource(R.drawable.message);
        image_home.setImageResource(R.drawable.home);
        image_recommend.setImageResource(R.drawable.recommend);
        image_setting.setImageResource(R.drawable.setting);
        image_share.setImageResource(R.drawable.share);

    }
}

四、 CustomPagerAdapter代码

public class CustomPagerAdapter extends FragmentPagerAdapter {


    //fragment与viewpager结合
    private List<Fragment> fragments;

    // 构造方法
    public CustomPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
        super(fm);  // 调用父类含参构造方法（FragmentPagerAdapter）
        this.fragments = fragments;   // 将fragment传入Adapter中
        fm.beginTransaction().commit();  // 打开事务、提交事务
    }

    // 根据position返回对应位置的fragment,在instantiateItem(实例化元素)方法中调用
    @Override
    public Fragment getItem(int position) {
        return this.fragments.get(position);
    }


    // 首先调用此方法，计算页面个数
    @Override
    public int getCount() {
        return this.fragments.size();
    }

    // 返回当前item位置（position）
    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        //super.destroyItem(container, position, object);
        // 注释此行代码，不删除当前加载完毕的fragment，避免重复加载
    }

}

五、MessageFragment代码，其他四个部分fragment同理

public class MessageFragment extends android.support.v4.app.Fragment {

    private View view;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_message, null);

        return view;
    }
}

六、activity_homepage代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--页面顶部蓝色条纹 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:gravity="center"
        android:orientation="vertical">


        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:background="#367cf6" />

        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_centerInParent="true" />
    </RelativeLayout>
    
    <!--页面中间部分fragment+viewpager -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <FrameLayout
            android:id="@+id/frame_layout"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

        </FrameLayout>

        <android.support.v4.view.ViewPager

            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </RelativeLayout>

    <!--灰色水平线 -->
    <View style="@style/bg_line" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/ll_message"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#367cf6"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/tab_message_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/tv_message"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="消息"
                android:textColor="#ffffff" />

        </LinearLayout>
        
        <!--灰色竖线 -->
        <View style="@style/bg_line_vertical" />

        <LinearLayout
            android:id="@+id/ll_share"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#367cf6"

            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/tab_share_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/tv_share"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="分享"
                android:textColor="#ffffff" />

        </LinearLayout>
        
        <!--灰色竖线 -->
        <View style="@style/bg_line_vertical" />

        <LinearLayout
            android:id="@+id/ll_home"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#367cf6"

            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/tab_home_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/tv_home"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="首页"
                android:textColor="#ffffff" />

        </LinearLayout>

        <!--灰色竖线 -->
        <View style="@style/bg_line_vertical" />

        <LinearLayout
            android:id="@+id/ll_recommend"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#367cf6"

            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/tab_recommend_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/tv_recommend"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="推荐"
                android:textColor="#ffffff" />

        </LinearLayout>

        <!--灰色竖线 -->
        <View style="@style/bg_line_vertical" />

        <LinearLayout
            android:id="@+id/ll_setting"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#367cf6"

            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/tab_setting_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/tv_setting"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="设置"
                android:textColor="#ffffff" />

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

七、fragment_message，其余四个fragment同理

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:text="消息"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

八、styles文件添加view（res文件夹下values文件夹下）

    <!-- view水平分割线样式 -->
    <style name="bg_line">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">1px</item>
        <item name="android:background">#ffffff</item>
    </style>

    <!-- view竖直分割线样式 -->
    <style name="bg_line_vertical">
        <item name="android:layout_width">1px</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:background">#ffffff</item>
    </style>

参考链接
https://www.cnblogs.com/lianghui66/p/3607091.html
https://blog.csdn.net/baidu_26352053/article/details/72457719
https://blog.csdn.net/baidujiangwei18/article/details/51330813
https://blog.csdn.net/noaboutfengyue/article/details/50354592

扑在代码上的高尔基
关注
专栏目录
Fragment+viewPager切换页面
Lucky_7777777的博客
01-02 278
**———–MainActivity代码———–**public class MainActivity extends FragmentActivity { private ViewPager pager; private RadioGroup group; private List list;@Override protected void onCreate(Bundle savedInst
ViewPager实现Fragment切换
Yourgeo的博客
10-25 1072
activity_main.xml： <android.support.v4.view.ViewPager android:id="@+id/myViewPager" android:layout_width="match_parent" android:layout_height="wrap_content" android
基于ViewPagerIndicator的UnderlinePageIndicator，ViewPager选项卡底部滑块衬线滑动控件
Zhang Phil
03-30 4482
《基于ViewPagerIndicator的UnderlinePageIndicator，ViewPager选项卡底部滑块衬线滑动控件》  基于github上的第三方开源的ViewPagerIndicator的UnderlinePageIndicator（ 附：地址 ），自己写的一个在选项卡底部有衬线的滑动控件。  控件效果图如图所示。 有一个特别的效果是：头部的选项卡在View
Android Studio使用ViewPager+Fragment实现仿微信滑动切换界面
12-27
Android Studio使用ViewPager+Fragment实现仿微信滑动切换界面
使用ViewPager+Fragment实现选项卡切换效果
weixin_34150224的博客
06-25 99
实现效果 本实例主要实现用ViewPage和Fragment实现选项卡切换效果，选项卡个数为3个，点击选项卡或滑动屏幕会切换Fragment并实现选项卡下方下边框条跟随移动效果。 本程序用android4.2.2真机调试，为方便部署，我使用adbWireless做为部署工具，电脑和手机接入同一局域网，在PC端输入名称adb connect 手机端ip 默认连接5555端口。之后再Eclipse的D...
【安卓笔记】使用ViewPager+Fragment实现选项卡切换效果
RowandJJ
03-19 7024
显示效果： 实现过程： 1.创建3个选项卡中的内容，即三个Fragment。 这里仅贴出其中一个： Tab2： package com.example.viewpagerdemo3; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.
使用Fragment+ViewPager实现底部导航栏
08-27
同时，需要使用 ViewPager 来管理多个 Fragment 的显示，并使用 RadioGroup 控件来实现底部导航栏的选项卡切换。 七、总结 使用 Fragment + ViewPager 可以轻松实现底部导航栏的设计模式。通过了解 Fragment 和 ...
fragment+viewpager+tablayout实现选项卡，底部选项卡，禁止滑动切换，实现了禁止懒加载判断
04-18
fragment+viewpager+tablayout实现选项卡，底部选项卡，禁止滑动切换，实现了禁止懒加载判断，如果想要滑动的话把自定义viewpager 换成原包的viewpager就可以，代码中判断了fragment的真是过程，亲测好用，直接可以...
Android顶部Fragment+Tab+Viewpager导航栏实现和Fragment-fragment页面刷新不出来解决办法
weixin_43148719的博客
10-11 2583
欢迎大家能够认真阅读这篇实战文章！我上的是最简单的顶部导航栏切换代码！和切换底部Tab 顶部导航栏刷新不出来的问题！虽然耗费时间才找到的问题 ！我直接给大家做全，就不用在去查找了 ！ 以及遇到的问题如何解决！ 这些都是其它博主没给到的！ Android顶部Fragment+Tab+Viewpager导航栏实现（以4个界面为例） 第一步：准备使用的 4个 Fragment + fragment....
通过Fragment+TabHost实现底部选项卡
10-15
下面我们将按照以下步骤来实现`Fragment`和`TabHost`结合的底部选项卡： 1. **设置布局**：在`activity_main.xml`中，我们需要创建一个`TabHost`和一个`FrameLayout`。`TabHost`将包含`TabWidget`（底部的选项卡）...
10-02 Viewpager_Fragment底部选项卡（as）
07-26
10-02 Viewpager_Fragment底部选项卡（as）10-02 Viewpager_Fragment底部选项卡（as）
安卓FragmentTab选项卡相关-Android实现ViewpagerFragment效果.rar
07-29
Android实现Viewpager Fragment效果.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android五分钟让你集成底部菜单栏(fragment与fragment+viewpager)
09-02
让你五分钟就可以集成fragment的底部菜单栏或者fragment+viewpager底部菜单栏
Fragment+ViewPager实现底部导航栏
03-19
Fragment的使用 ViewPager的使用 单选按钮的使用
ViewPager+Fragment实现底部导航栏目（左右滑动/点击切换）的示例Demo
06-05
作为csdn博客（ViewPaager+Fragment实现底部导航栏目（左右滑动/点击切换）的示例代码，如有问题请留言
Android应用源码之Android ViewPager Fragment实现选项卡.zip
10-14
在Android开发中，ViewPager是一个非常重要的组件，常用于创建滑动页面效果，特别是在实现选项卡切换功能时。这个压缩包“Android应用源码之Android ViewPager Fragment实现选项卡”提供了具体的示例代码，帮助...
Android使用ViewPager+Fragment实现定制TabHost选项卡效果
证件同学的博客
03-23 757
Android使用ViewPager+Fragment实现定制TabHost选项卡效果 使用viewpager和fragment实现tabhost效果的步骤如下 创建Activity 创建Fragment 开始定制CustomTabHost类 在Activity中使用 效果图 1、创建Activity public class MainActivity extends...
Fragment + ViewPager 底部菜单 demo
萧_瑟BLOG
07-17 115
   如附件
viewpager+fragment实现底部导航
Nick_Lxz的博客
03-20 529
写作目的：练练手，加深印象，能帮助到其他人当然最好（顶多入门的吧） 实现思路：1，通过点击radiobutton实现fragment的替换，在viewpage中装有fragment。点击哪个就显示对应的fragment。 具体实现： 一，先看mainActivity布局：很简单，一个radiogroup+3个radiobutton+viewpager 布局代码： xml vers
Android实战：Fragment+ViewPager打造九宫格图片展示
同时，如果需要在底部显示选项卡，还可以添加一个`RadioGroup`和多个`RadioButton`，并将它们与ViewPager关联。 ```java ViewPager viewPager = findViewById(R.id.pager); GridPagerAdapter adapter = new ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值