Fluttee框架介绍 Flutter基础

最新推荐文章于 2024-07-26 18:11:47 发布
最新推荐文章于 2024-07-26 18:11:47 发布
阅读量2.3k 收藏
点赞数
分类专栏： 移动开发 文章标签： flutter ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27942511/article/details/121699642
版权

Widget 概念

在Flutter中几乎所有的对象都是一个 widget 。与原生开发中“控件”不同的是，Flutter 中的 widget 的概念更广泛，它不仅可以表示UI元素，也可以表示一些功能性的组件如：用于手势检测的 GestureDetector 、用于APP主题数据传递的 Theme 等等，而原生开发中的控件通常只是指UI元素。在后面的内容中，我们在描述UI元素时可能会用到“控件”、“组件”这样的概念，读者心里需要知道他们就是 widget ，只是在不同场景的不同表述而已。由于 Flutter 主要就是用于构建用户界面的，所以，在大多数时候，读者可以认为 widget 就是一个控件，不必纠结于概念。

Flutter 中是通过 Widget 嵌套 Widget 的方式来构建UI和进行实践处理的，所以记住，Flutter 中万物皆为Widget。

Flutter中的四棵树

Widget 只是描述一个UI元素的配置信息，那么真正的布局、绘制是由谁来完成的呢？Flutter 框架的的处理流程是这样的：

  1. 根据 Widget 树生成一个 Element 树，Element 树中的节点都继承自 Element 类。
  2. 根据 Element 树生成 Render 树（渲染树），渲染树中的节点都继承自RenderObject 类。
  3. 根据渲染树生成 Layer 树，然后上屏显示，Layer 树中的节点都继承自 Layer 类。

真正的布局和渲染逻辑在 Render 树中，Element 是 Widget 和 RenderObject 的粘合剂，可以理解为一个中间代理。
flutter 的demo中的Widget树

在这里插入图片描述

  1. 创建widget树。调用runApp(rootWidget)，将rootWidget传给rootElement，做为rootElement的子节点，生成Element树，由Element树生成Render树，Render树的根是一个RenderView。
  2. Widget:存放渲染内容、视图布局信息,widget的属性最好都是immutable(如何更新数据呢？后续会讲到)。
  3. Element:存放上下文，通过Element遍历视图树，Element同时持有Widget和RenderObject。
  4. RenderObject：根据Widget的布局属性进行layout，对widget传入的内容进行渲染绘制。
  5. 渲染树在上屏前会生成一棵 Layer 树，这里不做过多解释。

树更新

  • 全局更新：调用runApp(rootWidget)，一般flutter启动时调用后不会再调用
  • 局部子树更新：将子树作StatefulWidget的一个子Widget，并创建对应的State类实例，通过调用State.setState()触发子树的刷新

StatelessWidget

StatelessWidget相对比较简单，它继承自widget类，重写了createElement()方法：

@override
StatelessElement createElement() => StatelessElement(this);
  • StatelessWidget：无中间状态变化的widget，初始状态设置以后就不可再变化
  • StatelessWidget用于不需要维护组件状态的场景
  • createElement()创建StatelessElement对象
  • 一个StatelessWidget对应一个StatelessElement

StatefulWidget

和StatelessWidget一样，StatefulWidget也是继承自widget类，并重写了createElement()方法，不同的是返回的Element 对象并不相同；另外StatefulWidget类中添加了一个新的接口createState()。

abstract class StatefulWidget extends Widget {
  const StatefulWidget({ Key key }) : super(key: key);
    
  @override
  StatefulElement createElement() => StatefulElement(this);
    
  @protected
  State createState();
}

  • StatefulWidget：存在中间状态变化的widget

  • createElement()创建StatelfulElement对象

  • createState()创建State对象(可能调用多次)

  • 一个StatefulElement对应一个State实例

当一个StatefulWidget同时插入到widget树的多个位置时，Flutter framework就会调用createState方法为每一个位置生成一个独立的State实例。

State

一个 StatefulWidget 类会对应一个 State 类，State表示与其对应的 StatefulWidget 要维护的状态，State 中的保存的状态信息可以：

  1. 在 widget 构建时可以被同步读取。
  2. 在 widget 生命周期中可以被改变，当State被改变时，可以手动调用其setState()方法通知Flutter框架状态发生改变，Flutter 框架在收到消息后，会重新调用其build方法重新构建 widget 树，从而达到更新UI的目的。

State 中有两个常用属性：

  1. widget，它表示与该 State 实例关联的 widget 实例，由Flutter
    框架动态设置。
  2. context。StatefulWidget对应的 BuildContext，作用同StatelessWidget
    的BuildContext。

  • 可以手动调用其setState()方法通知Flutter framework状态发生改变，Flutter framework在收到消息后，会重新调用其build方法重新构建widget树，从而达到更新UI的目的。

  • Widget与State的关联不是永久的。UI树上的某一个节点的widget实例在重新构建时可能会变化，但State实例只会在第一次插入到树中时被创建，当在重新构建时，如果widget被修改了，Flutter framework会动态设置State.widget为新的widget实例。

  • BuildContext表示构建widget的上下文，它是操作widget在树中位置的一个句柄，它包含了一些查找、遍历当前Widget树的一些方法。每一个widget都有一个自己的context对象。

State生命周期

StatefulWidget插入到widget树：
在这里插入图片描述

点击⚡️按钮热重载：
在这里插入图片描述
从widget中移除StatefulWidget
在这里插入图片描述

  1. initState：当Widget第一次插入到Widget树时会被调用，对于每一个State对象，Flutter
    framework只会调用一次该回调，所以，通常在该回调中做一些一次性的操作，如状态初始化、订阅子树的事件通知等。
  2. didChangeDependencies：initState后立刻调用，state依赖的对象发生变化时调用。
  3. build：构建Widget时调用，调用后控件会显示。
  4. reassemble：此回调是专门为了开发调试而提供的，在热重载时会被调用，此回调在Release模式下永远不会被调用。
  5. didUpdateWidget：组件状态改变时候调用，可能会调用多次。
  6. deactive：当State对象从树中被移除时，会调用此回调。
  7. dispose：当State对象从树中被永久移除时调用，通常在此回调中释放资源。

在这里插入图片描述

在 widget 树中获取State对象

由于 StatefulWidget 的的具体逻辑都在其 State 中，所以很多时候，我们需要获取 StatefulWidget 对应的State 对象来调用一些方法，比如Scaffold组件对应的状态类ScaffoldState中就定义了打开 SnackBar（路由页底部提示条）的方法。我们有两种方法在子 widget 树中获取父级 StatefulWidget 的State 对象。

通过Context获取

context对象有一个findAncestorStateOfType()方法，该方法可以从当前节点沿着 widget 树向上查找指定类型的 StatefulWidget 对应的 State 对象。下面是实现打开 SnackBar 的示例：

class GetStateObjectRoute extends StatefulWidget {
  const GetStateObjectRoute({Key? key}) : super(key: key);

  @override
  State<GetStateObjectRoute> createState() => _GetStateObjectRouteState();
}

class _GetStateObjectRouteState extends State<GetStateObjectRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("子树中获取State对象"),
      ),
      body: Center(
        child: Column(
          children: [
            Builder(builder: (context) {
              return ElevatedButton(
                onPressed: () {
                  // 查找父级最近的Scaffold对应的ScaffoldState对象
                  ScaffoldState _state = context.findAncestorStateOfType<ScaffoldState>()!;
                  // 打开抽屉菜单
                  _state.openDrawer();
                },
                child: Text('打开抽屉菜单1'),
              );
            }),
          ],
        ),
      ),
      drawer: Drawer(),
    );
  }
}

一般来说，如果 StatefulWidget 的状态是私有的（不应该向外部暴露），那么我们代码中就不应该去直接获取其 State 对象；如果StatefulWidget的状态是希望暴露出的（通常还有一些组件的操作方法），我们则可以去直接获取其State对象。但是通过 context.findAncestorStateOfType 获取 StatefulWidget 的状态的方法是通用的，我们并不能在语法层面指定 StatefulWidget 的状态是否私有，所以在 Flutter 开发中便有了一个默认的约定：如果 StatefulWidget 的状态是希望暴露出的，应当在 StatefulWidget 中提供一个of 静态方法来获取其 State 对象，开发者便可直接通过该方法来获取；如果 State不希望暴露，则不提供of方法。这个约定在 Flutter SDK 里随处可见。所以，上面示例中的Scaffold也提供了一个of方法，我们其实是可以直接调用它的：

Builder(builder: (context) {
  return ElevatedButton(
    onPressed: () {
      // 直接通过of静态方法来获取ScaffoldState
      ScaffoldState _state=Scaffold.of(context);
      // 打开抽屉菜单
      _state.openDrawer();
    },
    child: Text('打开抽屉菜单2'),
  );
}),

又比如我们想显示 snack bar 的话可以通过下面代码调用：

Builder(builder: (context) {
  return ElevatedButton(
    onPressed: () {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("我是SnackBar")),
      );
    },
    child: Text('显示SnackBar'),
  );
}),

通过GlobalKey

Flutter还有一种通用的获取State对象的方法——通过GlobalKey来获取！ 步骤分两步：

  1. 给目标StatefulWidget添加GlobalKey。
//定义一个globalKey, 由于GlobalKey要保持全局唯一性，我们使用静态变量存储
static GlobalKey<ScaffoldState> _globalKey= GlobalKey();
...
Scaffold(
    key: _globalKey , //设置key
    ...  
)
  1. 通过GlobalKey来获取State对象
_globalKey.currentState.openDrawer()

GlobalKey 是 Flutter 提供的一种在整个 App 中引用 element 的机制。如果一个 widget 设置了GlobalKey，那么我们便可以通过globalKey.currentWidget获得该 widget 对象、globalKey.currentElement来获得 widget 对应的element对象，如果当前 widget 是StatefulWidget，则可以通过globalKey.currentState来获得该 widget 对应的state对象。

注意：使用 GlobalKey 开销较大，如果有其他可选方案，应尽量避免使用它。另外，同一个 GlobalKey 在整个 widget树中必须是唯一的，不能重复。

通过 RenderObject 自定义 Widget

StatelessWidget 和 StatefulWidget 都是用于组合其它组件的，它们本身没有对应的 RenderObject。Flutter 组件库中的很多基础组件都不是通过StatelessWidget 和 StatefulWidget 来实现的，比如 Text 、Column、Align等，就好比搭积木，StatelessWidget 和 StatefulWidget 可以将积木搭成不同的样子，但前提是得有积木，而这些积木都是通过自定义 RenderObject 来实现的。实际上Flutter 最原始的定义组件的方式就是通过定义RenderObject 来实现，而StatelessWidget 和 StatefulWidget 只是提供的两个帮助类。下面我们简单演示一下通过RenderObject定义组件的方式：

class CustomWidget extends LeafRenderObjectWidget{
  @override
  RenderObject createRenderObject(BuildContext context) {
    // 创建 RenderObject
    return RenderCustomObject();
  }
  @override
  void updateRenderObject(BuildContext context, RenderCustomObject  renderObject) {
    // 更新 RenderObject
    super.updateRenderObject(context, renderObject);
  }
}

class RenderCustomObject extends RenderBox{

  @override
  void performLayout() {
    // 实现布局逻辑
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    // 实现绘制
  }
}

如果组件不会包含子组件，则我们可以直接继承自 LeafRenderObjectWidget ，它是 RenderObjectWidget 的子类，而 RenderObjectWidget 继承自 Widget ，我们可以看一下它的实现：

abstract class LeafRenderObjectWidget extends RenderObjectWidget {
  const LeafRenderObjectWidget({ Key? key }) : super(key: key);

  @override
  LeafRenderObjectElement createElement() => LeafRenderObjectElement(this);
}

很简单，就是帮 widget 实现了createElement 方法，它会为组件创建一个 类型为 LeafRenderObjectElement 的 Element对象。如果自定义的 widget 可以包含子组件，则可以根据子组件的数量来选择继承SingleChildRenderObjectWidget 或 MultiChildRenderObjectWidget，它们也实现了createElement() 方法，返回不同类型的 Element 对象。

然后我们重写了 createRenderObject 方法，它是 RenderObjectWidget 中定义方法，该方法被组件对应的 Element 调用（构建渲染树时）用于生成渲染对象。我们的主要任务就是来实现 createRenderObject 返回的渲染对象类，本例中是 RenderCustomObject 。updateRenderObject 方法是用于在组件树状态发生变化但不需要重新创建 RenderObject 时用于更新组件渲染对象的回调。

RenderCustomObject 类是继承自 RenderBox，而 RenderBox 继承自 RenderObject，我们需要在 RenderCustomObject 中实现布局、绘制、事件响应等逻辑。

Flutter SDK内置组件库介绍

Flutter 提供了一套丰富、强大的基础组件，在基础组件库之上 Flutter 又提供了一套 Material 风格（ Android 默认的视觉风格）和一套 Cupertino 风格（iOS视觉风格）的组件库。要使用基础组件库，需要先导入：

import 'package:flutter/widgets.dart';

常用的组件

基础组件

  • Text (opens new window)：该组件可让您创建一个带格式的文本。
  • Row (opens new window)、 Column (opens new window)： 这些具有弹性空间的布局类 widget 可让您在水平（Row）和垂直（Column）方向上创建灵活的布局。其设计是基于 Web 开发中的 Flexbox 布局模型。
  • Stack (opens new window)： 取代线性布局 (译者语：和 Android 中的FrameLayout相似)，允许子 widget 堆叠， 你可以使用 Positioned (opens new window)来定位他们相对于Stack的上下左右四条边的位置。Stacks是基于Web开发中的绝对定位（absolute positioning )布局模型设计的。
    -Container (opens new window)： Container (opens new window)可让您创建矩形视觉元素。Container 可以装饰一个BoxDecoration (opens new window), 如 background、一个边框、或者一个阴影。 Container (opens new window)也可以具有边距（margins）、填充(padding)和应用于其大小的约束(constraints)。另外， Container (opens new window)可以使用矩阵在三维空间中对其进行变换。

Material组件
Flutter 提供了一套丰富 的Material 组件，它可以帮助我们构建遵循 Material Design 设计规范的应用程序。Material 应用程序以MaterialApp (opens new window) 组件开始， 该组件在应用程序的根部创建了一些必要的组件，比如Theme组件，它用于配置应用的主题。 是否使用MaterialApp (opens new window)完全是可选的，但是使用它是一个很好的做法。在之前的示例中，我们已经使用过多个 Material 组件了，如：Scaffold、AppBar、TextButton等。要使用 Material 组件，需要先引入它：

import 'package:flutter/material.dart';

Cupertino组件
Flutter 也提供了一套丰富的 Cupertino 风格的组件，尽管目前还没有 Material 组件那么丰富，但是它仍在不断的完善中。值得一提的是在 Material 组件库中有一些组件可以根据实际运行平台来切换表现风格，比如MaterialPageRoute，在路由切换时，如果是 Android 系统，它将会使用 Android 系统默认的页面切换动画(从底向上)；如果是 iOS 系统，它会使用 iOS 系统默认的页面切换动画（从右向左）。由于在前面的示例中还没有Cupertino组件的示例，下面我们实现一个简单的 Cupertino 组件风格的页面：

//导入cupertino  widget 库
import 'package:flutter/cupertino.dart';

class CupertinoTestRoute extends StatelessWidget  {
  @override
  widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text("Cupertino Demo"),
      ),
      child: Center(
        child: CupertinoButton(
            color: CupertinoColors.activeBlue,
            child: Text("Press"),
            onPressed: () {}
        ),
      ),
    );
  }
}

Flutter 提供了丰富的组件，在实际的开发中我们可以根据需要随意使用它们，而不必担心引入过多组件库会让你的应用安装包变大，这不是 web
开发，dart 在编译时只会编译你使用了的代码。由于 Material 和Cupertino
都是在基础组件库之上的，所以如果我们的应用中引入了这两者之一，则不需要再引入flutter/
widgets.dart了，因为它们内部已经引入过了。

NicholasYzd
关注
专栏目录
Flutter：架构概览
weixin_51109304的博客
07-11 2761
Flutter本质上是一个跨平台的UI工具集，允许在各自操作系统上复用同样的代码。尽可能提供原生体验的高性能和复用代码。开发中，Flutter应用在一个VM上运行，使得可在保留状态且无需重新编译情况下，进行热加载。发行时，Flutter应用会直接通过AOT编译为机器码或者是JS。
Flutter框架
咖啡花园
05-07 4127
在Flutter框架出现之前，主要有以下几个移动App跨平台开发框架：Cordova、Ionic、AppCan、Dcloud、APICloud、React Native。虽然有那么多框架，但是它们的原理都是使用HTML、CSS和JavaScript进行移动App开发，多平台共用一套代码，提供了丰富的主流UI库、用来调用原生API的JavaScript API包装器，同时还提供App打包、发布的工具...
flutter架构什么的,看完这篇文章就全懂了
最新发布
KQe397773106的博客
07-26 1895
Widget和Layout是我们实际在做flutter开发的时候，经常需要使用到的部分，大家需要深入了解和熟练掌握。
flutter笔记3 基础语法、框架、控件
weixin_34249367的博客
03-06 131
flutter环境和运行环境搭建好之后，可以开始撸码了，然而当你打开VScode，在打开项目文件夹后，摆在你面前的是main.dart被打开的样子，里面七七八八的已经写好了一堆代码，是不是很懵逼？ 不要紧，人家官方文档上说了，flutter的玩家不需要Dart和移动端语言开发经验，只需要熟悉面向对象编程即可。 神马？面向对象也不懂？还是百度打打基础去吧。。。 ##先来点下酒菜 简单了解下上图中的...
# Flutter从入门到奔溃（三）：撸一个App基础框架
凌宇的博客
08-19 3098
Flutter从入门到奔溃（二）：撸一个App基础框架 前记 Stateless widgets和Stateful widgets的粗浅介绍 Stateless widgets StateFlu widgets 效果展示 MaterialApp 的粗浅介绍 Scaffold 的粗浅介绍 IndexedStack的粗浅介绍 页面搭建 白话文 总结： Flutter从入门到...
Flutter 框架、基础介绍
图你怀中安稳的博客
04-20 1129
Flutter 是由零散的组件组成的，组件就和平时Android开发中看见的控件是一样的，相当于ImageView\TextView 等，在使用Flutter 之前，有必要了解Flutter的组件， 上一篇Mac pro 搭建Flutter 开发环境和第一个Flutter程序 在项目路径下的lib文件夹下的main.dart文件 就是我们要写Flutter代码文件， import ...
Flutter基础框架_插件式_架构篇
06-15
在本文中，我们将深入探讨Flutter基础框架，特别是其插件式架构的特点，以及它如何影响移动应用开发。Flutter是由Google开发的一款开源UI工具包，专为构建高性能、高保真度的原生移动应用程序而设计，支持iOS和...
flutter后台管理框架
06-02
Flutter 后台管理框架是一款基于谷歌的 Flutter 技术构建的高效、易用的后台管理系统开发框架。这个框架的主要目标是让开发者能够更专注于业务逻辑的实现，而不是基础架构的搭建，从而提升开发效率，缩短项目周期。...
开源移动应用软件开发框架flutter介绍文档
07-04
Flutter 是由谷歌开发的开源移动应用软件开发框架，用于为 Android 和 iOS 开发高质量的原生用户界面。它具有以下几个主要特点和优势： 1. **单一代码库**：Flutter 允许开发者使用单一代码库构建同时运行在 ...
基于Flutter的移动跨平台动态UI框架-Flutter开发
05-27
Thresh提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在前端开发中具有原生 APP 体验的服务，是满帮集团开源的一套稳定、高性能的跨端动态化方案。 一、Thresh特性与整体架构 Thresh项目推出...
flutter学习，基础框架搭建
06-27
本教程将引导你进行Flutter的基础框架搭建，帮助你开启自学Flutter的旅程。 首先，你需要在你的计算机上安装Flutter SDK。你可以从Flutter官网（https://flutter.dev/docs/get-started/install）下载适合你操作系统...
Flutter框架简单介绍
04-19
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。 Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter会对比之前的描述， 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。
Carson带你学Android：手把手带你入门跨平台UI开发框架Flutter
Carson带你学Android
07-25 4455
今天，我将献上一份 《全面 & 详细的Flutter学习指南》，希望你们会喜欢。
Flutter 学习- 基础框架
迷途小顽童
03-30 315
关于Flutter的安装以及完成helloword的开发大家可以参考 Flutter 起步 Flutter 配置编辑器 Flutter 起步: 体验 前言 在实际的项目开发中，我们目前市面上所看到的项目，如抖音、微信、淘宝 分析上图其基本框架大致如下 正文 -- 效果图 下面我们就来实现上面图中内容的实现方式，先来看下效果图 正...
Flutter框架详解
小猿
10-17 6316
flutter入门,基础知识，进阶知识
Flutter框架简述
热门推荐
学无止境
01-05 1万+
概念Flutter是一个移动应用程序的软件开发工具包（SDK），具有以下特征： 跨平台应用的框架， 没有使用WebView或者系统平台自带的控件，使用自身的高性能渲染引擎自绘 简化版的浏览器，最大限度在android和ios上统一UI，包括业务逻辑和用户体验 开发语言使用dart，结合C, C++, 和Skia（2D渲染引擎）构建 支持hot reload，包含着完整的控件和工具链 一切皆控件，控件...
Flutter框架：从入门到实战，构建跨平台移动应用的全流程解析
baidu_38876334的博客
05-09 2573
Flutter框架是由Google推出的一款跨平台移动应用开发框架。相比其他跨平台框架，Flutter具有更高的性能和更好的用户体验。本章将介绍Flutter框架的概念、特点以及与其他跨平台框架的比较，以及Flutter开发环境的搭建和第一个Flutter应用程序的创建。Flutter的特点：极致性能：Flutter采用Skia图形引擎进行渲染，可以实现60帧的流畅动画。热重载：Flutter具有热重载功能，可以快速查看应用程序的更改。
Flutter从入门到奔溃（三）：撸一个App基础框架
飞翔的熊blabla
08-26 426
前记 上一篇撸的个人中心界面，可以看到是一个基础的APP框架（上有ViewPagere&或者可供Hide Or Show的View,下有标签栏），而我们现在好像还没有搭建出来，所以很有朋友就会问了（其实没人问，只是我突然想起来）：这个框架要怎么搭呢？gayhub地址 Stateless widgets和Stateful widgets的粗浅介绍 页面搭建必不可少要用到两个部件：Stateless widgets和Stateful widgets，由名字可以知道，他们的区别在于less以及ful
Flutter 架构
ghroosk的博客
11-17 4316
该文章旨在提供更深入的 Flutter 架构概览，包含其设计层面的核心原则及概念。​ 在开发中，Flutter 应用会在一个 VM（程序虚拟机）中运行，从而可以在保留状态且无需重新编译的情况下，热重载相关的更新。对于发行版 (release) ，Flutter 应用程序会直接编译为机器代码（Intel x64 或 ARM 指令集），或者针对 Web 平台的 JavaScript。 Flutter 的框架代码是开源的，遵循 BSD 开源协议，并拥有蓬勃发展的第三方库生态来补充核心库功能。​ 接下来我们主要分为
Flutter入门：Dart语言基础与框架发展历程
Flutter作为Google推出的移动UI框架，以其高效的跨平台开发能力在iOS和Android平台上备受关注。Flutter的核心特点包括其丰富的widget库、高性能的渲染引擎以及简单易用的开发工具，使得开发者能够快速构建出高质量的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值