APP门户界面设计（移动开发作业一）

最新推荐文章于 2022-09-30 17:11:24 发布
最新推荐文章于 2022-09-30 17:11:24 发布
阅读量377 收藏 8
点赞数
文章标签： 微信 java 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloplum/article/details/120625243
版权

Android Studio 底部导航栏 布局设计 Fragment 点击事件
关键词由CSDN通过智能技术生成

文章目录

一、任务

用AS实现简单的微信界面

二、步骤

1.新建项目

新建Empty Activity，下一步
在这里插入图片描述
在这里插入图片描述
点击Finish，一个空白项目就建好了

2.开始操作

右键单击新建layout
包括bottom和top，首先建这两个
在这里插入图片描述
在这里插入图片描述

3.bottom

bottom布局如下
在这里插入图片描述
在这里插入图片描述
属性可以在右边框中设置，也可以在代码中添加
部分属性如下图所示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
其余属性设置类推

对于图片的添加，可以在阿里巴巴矢量图库下载之后，先添加到drawable，再在属性栏中添加到布局中。
如果图片添加到drawable报错，可以先把图片放到桌面上再尝试。
在这里插入图片描述

bottom对应代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_weight="1"
    android:layout_gravity="bottom"
    android:background="#AAA8A8">

    <LinearLayout
        android:id="@+id/LinearLayout_weixin"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:src="@drawable/message"
            app:srcCompat="@drawable/message" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="微信"
            android:textColor="@color/black" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_book"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:src="@drawable/book"
            app:srcCompat="@drawable/book" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="通讯录"
            android:textColor="@color/black" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_find"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:src="@drawable/find"
            app:srcCompat="@drawable/find" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="发现"
            android:textColor="@color/black" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_my"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:src="@drawable/my"
            app:srcCompat="@drawable/my" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="我"
            android:textColor="@color/black" />
    </LinearLayout>
</LinearLayout>

对于后续运行图片不能显示的问题
可以把代码中的图像来源改为

android:src="@drawable/message"

4.top

布局如下
在这里插入图片描述
属性如下
在这里插入图片描述
在这里插入图片描述

top对应代码如下：

<?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="110dp">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#AAA8A8"
        android:gravity="center"
        android:text="微信"
        android:textSize="24sp" />
</LinearLayout>

5.activity_main.xml主布局

在这里插入图片描述

属性如下
在这里插入图片描述
在这里插入图片描述

include是通过代码include进去的。之后，再设置属性
在这里插入图片描述
在这里插入图片描述

activity_main对应代码如下：

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

    <include
        layout="@layout/top"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></include>

    <FrameLayout

        android:id="@+id/id_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5">

    </FrameLayout>

    <include
        layout="@layout/bottom"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></include>
</LinearLayout>

如果布局中bottom显示不出，可以将bottom和top中属性设置为

android:layout_height=“0dp”
android:layout_weight=“1”

FrameLayout为

android:layout_height=“0dp”
android:layout_weight=“5”

也就是1:5:1

至此，已经完成了初始的布局
接下来进行点击4个图标切换页面的操作的设置

6.MainActivity.java代码编写

先放上总体代码

package com.example.weixin;

import androidx.appcompat.app.AppCompatActivity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private Fragment weixinFragment=new weixinFragment();
    private Fragment bookFragment=new bookFragment();
    private Fragment findFragment=new findFragment();
    private Fragment myFragment=new myFragment();

    private android.app.FragmentManager fragmentManager;

    private LinearLayout LinearLayout1,LinearLayout2,LinearLayout3,LinearLayout4;

    private ImageView ImageView1,ImageView2,ImageView3,ImageView4;

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

        LinearLayout1=findViewById(R.id.LinearLayout_weixin);
        LinearLayout2=findViewById(R.id.LinearLayout_book);
        LinearLayout3=findViewById(R.id.LinearLayout_find);
        LinearLayout4=findViewById(R.id.LinearLayout_my);

        ImageView1=findViewById(R.id.imageView1);
        ImageView2=findViewById(R.id.imageView2);
        ImageView3=findViewById(R.id.imageView3);
        ImageView4=findViewById(R.id.imageView4);

        LinearLayout1.setOnClickListener(this);
        LinearLayout2.setOnClickListener(this);
        LinearLayout3.setOnClickListener(this);
        LinearLayout4.setOnClickListener(this);
        initFragment();
        showFragment(0);
    }

    private void initFragment(){
        fragmentManager=getFragmentManager();
        FragmentTransaction transaction=fragmentManager.beginTransaction();
        transaction.add(R.id.id_content,weixinFragment);
        transaction.add(R.id.id_content,bookFragment);
        transaction.add(R.id.id_content,findFragment);
        transaction.add(R.id.id_content,myFragment);
        transaction.commit();

    }

    private void hideFragment(FragmentTransaction transaction){
        transaction.hide(weixinFragment);
        transaction.hide(bookFragment);
        transaction.hide(findFragment);
        transaction.hide(myFragment);
    }

    @Override
    public void onClick(View view) {
        switch(view.getId()){
            case R.id.LinearLayout_weixin:
                showFragment(0);
                break;
            case R.id.LinearLayout_book:
                showFragment(1);
                break;
            case R.id.LinearLayout_find:
                showFragment(3);
                break;
            case R.id.LinearLayout_my:
                showFragment(4);
                break;
            default:
                break;
        }
    }

    private void showFragment(int i) {
        FragmentTransaction transaction=fragmentManager.beginTransaction();
        hideFragment(transaction);
        switch(i){
            case 0:
                transaction.show(weixinFragment);
                ImageView1.setImageResource(R.drawable.message1);
                ImageView2.setImageResource(R.drawable.book);
                ImageView3.setImageResource(R.drawable.find);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 1:
                transaction.show(bookFragment);
                ImageView2.setImageResource(R.drawable.book1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView3.setImageResource(R.drawable.find);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 3:
                transaction.show(findFragment);
                ImageView3.setImageResource(R.drawable.find1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView2.setImageResource(R.drawable.book);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 4:
                transaction.show(myFragment);
                ImageView4.setImageResource(R.drawable.my1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView2.setImageResource(R.drawable.book);
                ImageView3.setImageResource(R.drawable.find);
                break;
            default:
                break;
        }
        transaction.commit();
    }
}

右键单击java，直到点击Fragment(Blank)
在这里插入图片描述
在这里插入图片描述
新建完之后可以找到
在这里插入图片描述
在这里插入图片描述

变量声明

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private Fragment weixinFragment=new weixinFragment();
    private Fragment bookFragment=new bookFragment();
    private Fragment findFragment=new findFragment();
    private Fragment myFragment=new myFragment();

    private android.app.FragmentManager fragmentManager;

    private LinearLayout LinearLayout1,LinearLayout2,LinearLayout3,LinearLayout4;

    private ImageView ImageView1,ImageView2,ImageView3,ImageView4;

对每个变量和id进行一一对应，LinearLayout是指bottom.xml中的4个LinearLayout，ImageView是指bottom中的4个图标

LinearLayout1=findViewById(R.id.LinearLayout_weixin);
…
ImageView4=findViewById(R.id.imageView4);

LinearLayout1.setOnClickListener(this);
…

用于监听，如果去掉监听，那么用户的点击操作将没有反应

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

        LinearLayout1=findViewById(R.id.LinearLayout_weixin);
        LinearLayout2=findViewById(R.id.LinearLayout_book);
        LinearLayout3=findViewById(R.id.LinearLayout_find);
        LinearLayout4=findViewById(R.id.LinearLayout_my);

        ImageView1=findViewById(R.id.imageView1);
        ImageView2=findViewById(R.id.imageView2);
        ImageView3=findViewById(R.id.imageView3);
        ImageView4=findViewById(R.id.imageView4);

        LinearLayout1.setOnClickListener(this);
        LinearLayout2.setOnClickListener(this);
        LinearLayout3.setOnClickListener(this);
        LinearLayout4.setOnClickListener(this);
        initFragment();
        showFragment(0);
    }

初始化Fragment

private void initFragment(){
        fragmentManager=getFragmentManager();
        FragmentTransaction transaction=fragmentManager.beginTransaction();
        transaction.add(R.id.id_content,weixinFragment);
        transaction.add(R.id.id_content,bookFragment);
        transaction.add(R.id.id_content,findFragment);
        transaction.add(R.id.id_content,myFragment);
        transaction.commit();

    }

用于隐藏Fragment，方便在4个页面之间切换

private void hideFragment(FragmentTransaction transaction){
        transaction.hide(weixinFragment);
        transaction.hide(bookFragment);
        transaction.hide(findFragment);
        transaction.hide(myFragment);
    }

点击操作，点击将切换页面

@Override
    public void onClick(View view) {
        switch(view.getId()){
            case R.id.LinearLayout_weixin:
                showFragment(0);
                break;
            case R.id.LinearLayout_book:
                showFragment(1);
                break;
            case R.id.LinearLayout_find:
                showFragment(3);
                break;
            case R.id.LinearLayout_my:
                showFragment(4);
                break;
            default:
                break;
        }
    }

点击之后，先隐藏所有界面，然后显示该显示的页面

ImageView1.setImageResource(R.drawable.message1);
使用另外添加的绿色图标，目的是使点击的图标变色

ImageView2.setImageResource(R.drawable.book);
ImageView3.setImageResource(R.drawable.find);
ImageView4.setImageResource(R.drawable.my);
而其他的不变色

private void showFragment(int i) {
        FragmentTransaction transaction=fragmentManager.beginTransaction();
        hideFragment(transaction);
        switch(i){
            case 0:
                transaction.show(weixinFragment);
                ImageView1.setImageResource(R.drawable.message1);
                ImageView2.setImageResource(R.drawable.book);
                ImageView3.setImageResource(R.drawable.find);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 1:
                transaction.show(bookFragment);
                ImageView2.setImageResource(R.drawable.book1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView3.setImageResource(R.drawable.find);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 3:
                transaction.show(findFragment);
                ImageView3.setImageResource(R.drawable.find1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView2.setImageResource(R.drawable.book);
                ImageView4.setImageResource(R.drawable.my);
                break;
            case 4:
                transaction.show(myFragment);
                ImageView4.setImageResource(R.drawable.my1);
                ImageView1.setImageResource(R.drawable.message);
                ImageView2.setImageResource(R.drawable.book);
                ImageView3.setImageResource(R.drawable.find);
                break;
            default:
                break;
        }
        transaction.commit();
    }
}

一定要加这行代码，否则页面无法切换

transaction.commit();

对于函数import，删除androidx后的x和.后面的一个单词

package com.example.weixin;

import androidx.appcompat.app.AppCompatActivity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.LinearLayout;

7.Fragment代码编写

对于bookFragment.java

package com.example.weixin;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class bookFragment extends Fragment {
    public bookFragment() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_book, container, false);
    }
}

其余3个类似

对于fragment_book.xml
布局如下
在这里插入图片描述
属性如下
在这里插入图片描述
代码如下

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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=".bookFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="这是通讯录界面"
        android:textSize="30dp"
        android:gravity="center" />

</FrameLayout>

其余3个类似

三、运行截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、总结

1.以老师课堂上讲的内容为依据，在自己的电脑上完成相应操作，比自己设计要轻松一点。
2.尽管如此，还是会出现一些错误，比如图片不显示和bottom显示不出的问题，在正文中已经写下了解决方案。
3.粗心会漏掉代码，比如transaction.commit();
没有加这句页面就会重叠。
4.AS虚拟机有时候运行会显示上一次的结果，大概率是代码有问题，否则去运行一下HelloWorld程序，然后再运行一次，或许会出来结果。

五、Gitee链接

Gitee

A plum in fall
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动开发第一次作业：界面设计
wzk020326的博客
01-06 1287
作业为类微信界面布局，由四个fragment跳转和作为底界面的layout为 layout布局： top： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/top" android:layout_width="match_parent" android:lay
移动开发——app门户设计
Goblin147的博客
10-09 322
（1）顶部界面设计（top.xml） ①layout下新建top.xml文件和拖入Linear Layout和TextView组件 ②效果图： ③对应代码： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_h
移动开发作业1——APP门户界面设计
m0_50925472的博客
10-08 1271
一、项目 目录 一、项目总体介绍 二、关键步骤与核心技术 2.1 制作顶部页面 2.2 制作底部页面 2.3 制作主页面 2.4创建FrameLayout 2.5被选中的fragment显示 三、结果展示 四、源码地址 https://github.com/zljdgit/MyApplication-test1.git 一、总体介绍 内容：根据课程实操实现APP门户界面框架设计，包含4个table页，能实现table页之间的点击切换； 技术：使用布局（layouts）和分段（f.
移动开发作业一 微信首页门户界面设计与基本功能实现
Leslieliujiahao的博客
10-07 700
一、UI布局 1.1 设置基本的项目结构 1.2 activity_main.xml 结构详解 组件树 xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_widt
Android Studio第一次作业：APP门户界面设计
yxf43的博客
10-06 2401
目录 最终APP界面效果展示： 实现过程 一、界面框架设计思路 1.top.xml ​ 2.bottom.xml 3.整体框架activity_main.xml ​ 二、交互设计思路 1.FragmentManager的创建 2.创建不同的Fragment.java及layout 3.实现Fragment的隐藏和显示 4.完善底部导航 5.对控件进行监听实现交互 总结 项目源代码地址： 本次作业的内容为：根据课程实操实现APP门户界面框架设计，至少包含4个tab..
移动app开发，可当移动开发大作业
最新发布
06-16
在移动开发中，理解Android系统架构是至关重要的。Android是一个开源的操作系统，由Linux内核驱动，上面运行着一个应用程序框架，该框架包含了各种服务、库和API，用于支持开发者创建功能丰富的应用程序。例如，...
移动开发大作业（代码+ppt+word）
11-12
首先，我们可以从“课程设计”这一标签入手，了解移动开发的基本流程。课程设计通常涵盖了项目规划、需求分析、界面设计、功能实现、测试调试以及最终的展示与答辩。在进行移动应用开发时，开发者需要对目标用户的...
安卓作业—-慕课移动应用开发作业15之模仿实现微信界面效果(一)
01-20
同时这也是中国大学慕课移动终端应用开发的网课作业15，我会持续更新我的作业 说明 说明1 这个说小不小的作品花了我两天的时间，时间花费的颇多。如果我的作品对您有所帮助的话，您的关注或是赞，都是对我的莫大支持...
安卓期末作业-仿外卖app-简单app
10-19
安卓期末作业-仿外卖app-简单app（附一份安卓导入Word） 详情请看我的文章介绍 https://blog.csdn.net/weixin_43474701/article/details/127416076
安卓期末课程设计、一款大学生今日校园App 包含源代码、使用手册和心得体会
05-14
在本项目中，我们关注的是一个安卓应用的期末课程设计，该设计仿制了一款名为“今日校园”的App。...通过深入研究这个项目，学生可以掌握从设计到实现一个完整App的流程，并对Android开发有更全面的理解。
手机移动开发技术大作业
06-28
手机移动开发（Android）课程设计报告
移动web网页设计大作业.zip
12-25
使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。使用html5，css3，jsp等技术编写的移动web网页，其中包含多个页面跳转，可注册登录。
UI期末大作业(手机页面一套).rar
10-15
以前做的UI期末大作业，页面为ai。按照抖音做的一整套页面，弄了挺久，分享给大家。
移动开发课程——作业一
m0_63653687的博客
09-30 711
安卓类微信界面设计
安卓作业----慕课移动应用开发作业15之模仿实现微信界面效果(一)
baidu_41860619的博客
04-26 2195
此篇综合运用自定义ActionBar、OptionsMenu、SubMenu、Fragment、ViewPager 以及RecyclerView等实现微信页面效果。 同时这也是中国大学慕课移动终端应用开发的网课作业15，我会持续更新我的作业 说明 说明1 这个说小不小的作品花了我两天的时间，时间花费的颇多。如果我的作品对您有所帮助的话，您的关注或是赞，都是对我的莫大支持。如果引用我的作品，请注明出...
移动开发技术作业1-类微信界面
weixin_50425831的博客
09-29 1292
移动开发技术课程作业1
移动开发作业4——百度地图定位APP
m0_50925472的博客
12-04 3432
一、百度SDK使用流程详解 二、在Android studio中显示地图 三、显示当前定位 四、结果展示 五、源码地址
移动开发技术1 app门户界面设计
Aedelas的博客
10-09 271
要求 1、内容：请根据课程实操实现APP门户界面框架设计，至少包含4个tab页，能实现tab页之间的点击切换； 2、技术：使用布局（layouts）和分段（fragment），对控件进行点击监听； （没有做出点击图标改变颜色的效果） 此界面分为三个部分 top：界面最上方的wechat，可在layout使用textview部件居中展示该文字效果。 content：下面四个标签，能够根据底部功能栏的切换而随之切换。可以使用FrameLayout实现该功能，在FrameLayout中包含四个frag
移动技术开发 APP门户界面设计
peanutaasdzz的博客
10-09 435
一、APP门户设计要求 1、内容：请根据课程实操实现APP门户界面框架设计，至少包含4个tab页，能实现tab页之间的点击切换； 2、技术：使用布局（layouts）和分段（fragment），对控件进行点击监听； 二、UI界面设计 1.制作顶部文件top.xml ...
.net 移动app开发大作业
11-23
.NET 移动App开发大作业是一个很有挑战性的项目，它需要学生将所学的.NET移动开发技术应用到实际项目中。学生需要思考和设计一个具有一定复杂性的移动应用，并利用C#语言和.NET平台进行开发。在进行项目开发的过程中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值