ConstraintLayout布局进阶

最新推荐文章于 2024-05-08 07:18:02 发布
最新推荐文章于 2024-05-08 07:18:02 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： Android学习笔记 文章标签： constraint
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITzhongzi/article/details/88999789
版权

写在前面： ConstraintLayout 的基本应用本文就不做介绍了，已经有很多不错的文章供大家可以参考，这里只介绍相对高级的使用。

参考文章
bias (来对当前控件定位置比例的)

假如我们当前控件是 横向约束（即左边和右边都有约束），我们想让当前控件 在 横坐标 的 中间位置开始显示，我们就可以设置 app:layout_constraintHorizontal_bias="0.75",这样控件两边的空间 比例 为 3：1
在这里插入图片描述

<Button
        android:id="@+id/button9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="96dp"
        android:layout_marginEnd="8dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.75"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
圆形定位

layout_constraintCircle : references another widget id (参考的控件)
layout_constraintCircleRadius : the distance to the other widget center （圆的半径）
layout_constraintCircleAngle : which angle the widget should be at (in degrees, from 0 to 360) （圆的旋转角度）

在这里插入图片描述

<TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView5"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView6"
        app:layout_constraintCircle="@id/textView5"
        app:layout_constraintCircleAngle="60"
        app:layout_constraintCircleRadius="100dp"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteX="246dp"
        tools:layout_editor_absoluteY="205dp" />
设置当前控件宽高占父控件的百分比

假设要设置一个控件，其高度是父布局的1/2，那么首先要做的是：
1 将其高度设置为 match_constraint
2 设置自身高度是占父布局高度的百分比。
3 指定自己的百分比。
依次设置

  • android:layout_height=“0dp”
  • app:layout_constraintHeight_default=“percent”
  • app:layout_constraintHeight_percent=“0.5”
    这样就可以了
    在这里插入图片描述
 <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="TextView6"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintHeight_default="percent"
        app:layout_constraintWidth_default="percent"
        app:layout_constraintHeight_percent="0.5"
        app:layout_constraintWidth_percent="0.5"
        />
Ratio 设置当前控件的宽高比率
  • 我们可以设置当前控件的宽高比例。但是有个前提，就是宽和高的指定至少有一方是0dp。
  • 第二个按钮，用“H”表示以高度为约束，高度的最大尺寸就是父控件的高度，“2:1”表示高：宽 = 2 : 1.
    则宽度为高度的一半。
  • 第三个按钮，用“W”表示以高度为约束，宽度的最大尺寸就是父控件的高度，“2:1”表示宽：高 = 2 : 1.
    则高度为宽度的一半。

在这里插入图片描述

<TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_marginStart="68dp"
        android:layout_marginTop="8dp"
        android:text="TextView6"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button11"
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_marginStart="84dp"
        android:layout_marginTop="52dp"
        android:text="TextView6"
        app:layout_constraintDimensionRatio="H,2:1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <Button
        android:id="@+id/button10"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="132dp"
        android:layout_marginEnd="8dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintDimensionRatio="W,2:1"
        app:layout_constraintTop_toBottomOf="@+id/button11" />
链条（Chains）
  • 类似于 H5 中的 flex伸缩布局
  • 设置 width=0，且控件之间两两互相约束，即可实现水平方向等分。此时还可以给控件设置 layout_constraintHorizontal_weight 属性，该属性与 LinearLayout 中的 weight 类似。
链条头部的属性

水平链的最左边，垂直链的最上边称之为头部，链的头部可以设置链的属性：

 		app:layout_constraintHorizontal_chainStyle="spread"
 		
        app:layout_constraintVertical_chainStyle="packed"

在这里插入图片描述

  • spread 默认属性，平均分布
  • spread_inside 首尾无间距
  • packed 控件间无间距，可以同时搭配 layout_constraintHorizontal_bias 属性控制与父容器的间距
应用1 同一行 等间分布

在这里插入图片描述

 <Button
        android:id="@+id/button12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="88dp"
        android:text="Button"
        app:layout_constraintEnd_toStartOf="@+id/button13"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button12"
        app:layout_constraintEnd_toStartOf="@+id/button14"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button12"
        app:layout_constraintTop_toTopOf="@+id/button12" />

    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button13"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button13"
        app:layout_constraintTop_toTopOf="@+id/button13" />
chain style packed

在这里插入图片描述

<Button
        android:id="@+id/button12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="68dp"
        android:text="Button"
        app:layout_constraintEnd_toStartOf="@+id/button13"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button12"
        app:layout_constraintEnd_toStartOf="@+id/button14"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button12"
        app:layout_constraintTop_toTopOf="@+id/button12"
        app:layout_constraintVertical_bias="0.0" />

    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button13"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button13"
        app:layout_constraintTop_toTopOf="@+id/button13"
        app:layout_constraintVertical_bias="1.0" />
chain style spread_inside

在这里插入图片描述

<Button
        android:id="@+id/button12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="68dp"
        android:text="Button"
        app:layout_constraintEnd_toStartOf="@+id/button13"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="spread_inside"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button12"
        app:layout_constraintEnd_toStartOf="@+id/button14"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button12"
        app:layout_constraintTop_toTopOf="@+id/button12"
        app:layout_constraintVertical_bias="0.0" />

    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button13"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button13"
        app:layout_constraintTop_toTopOf="@+id/button13"
        app:layout_constraintVertical_bias="1.0" />
加权链（Weighted chains）
  • 注意 要加权时， width 必须为 “0dp”; 否则无效
    在这里插入图片描述
 <Button
        android:id="@+id/button12"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="68dp"
        android:text="Button"
        app:layout_constraintEnd_toStartOf="@+id/button13"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_weight="3"/>

    <Button
        android:id="@+id/button13"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button12"
        app:layout_constraintEnd_toStartOf="@+id/button14"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button12"
        app:layout_constraintTop_toTopOf="@+id/button12"
        app:layout_constraintVertical_bias="0.0"
        app:layout_constraintHorizontal_weight="2"/>

    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button13"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button13"
        app:layout_constraintTop_toTopOf="@+id/button13"
        app:layout_constraintVertical_bias="1.0" />
指示线 Guideline

不会被显示，仅仅用于辅助布局

  • guideLine可以使控件之间对称

定位Guideline有三种方式：

  • 指定距离左侧或顶部的固定距离（layout_constraintGuide_begin）
  • 指定距离右侧或底部的固定距离（layout_constraintGuide_end）
  • 指定在父控件中的宽度或高度的百分比（layout_constraintGuide_percent）
    在这里插入图片描述
<android.support.constraint.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5" />

    <Button
        android:id="@+id/button15"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="52dp"
        android:layout_marginEnd="40dp"
        android:text="Button"
        app:layout_constraintEnd_toStartOf="@+id/guideline"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button16"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="40dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toTopOf="@+id/button15" />
目标控件是gone的时候，怎么margin？

正常情况下是这样,当地一个 button 设置为 gone时，宽高都会变为0，但是根据他限制的元素依然会根据它限制，所以出现了这样的情况。
在这里插入图片描述

<Button
        android:id="@+id/button17"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="128dp"
        android:text="Button"
        android:visibility="gone"
        app:layout_constraintEnd_toStartOf="@+id/button18"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button18"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button17"
        app:layout_constraintEnd_toStartOf="@+id/button19"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button17"
        app:layout_constraintTop_toTopOf="@+id/button17" />

    <Button
        android:id="@+id/button19"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/button18"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button18"
        app:layout_constraintTop_toTopOf="@+id/button18" />

解决方案
使用 goneMargin,
当前View与另一个View绑定后，另一个View的属性设置为了Gone，则以下属性会生效

  layout_goneMarginStart
  layout_goneMarginEnd
  layout_goneMarginLeft
  layout_goneMarginTop
  layout_goneMarginRight
  layout_goneMarginBottom

在这里插入图片描述

 <TextView
        android:id="@+id/textView3"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="140dp"
        android:layout_marginTop="16dp"
        android:text="TextView3"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="50dp"
        android:layout_marginTop="16dp"
        android:text="TextView4"
        app:layout_constraintStart_toEndOf="@+id/textView3"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_goneMarginLeft="290dp" />
ITzhongzi
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ConstraintLayout 水平比例布局 1:1:1
旧时光っ
11-30 2911
<androidx.constraintlayout.widget.ConstraintLayout 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_pa..
性能优化之布局优化(ConstraintLayout)
wenyingzhi的博客
06-06 1744
遇到的问题面试的时候,面试官总问我做过性能优化吗?我这种低级程序员当然会说一些基本的防止给自己的挖坑,例如布局优化啊,减少覆盖渲染呀啥的,我经常说不要包裹过多的布局,因为在xml生成view对象的也是需要解析xml解析效率降低,渲染view的层级过多都会导致性能降低,都是屁话,总之就是降低xml布局的层级关系,怎么降低呢?今天我学习了下ConstraintLayout,发现他很强大,他几乎可以包裹...
ConstraintLayout 平分布局
NewActivity的博客
10-10 2959
原文链接：https://juejin.im/post/5a31ee3af265da43294e0fe1 添加依赖 compile 'com.android.support.constraint:constraint-layout:1.0.2' 创建布局 <?xml version="1.0" encoding="utf-8"?> <android...
Android开发 ConstraintLayout布局的详解
Dream It Possible
10-28 3906
这里的定位属性指的是 layout_constraintTop_toTopOf 、layout_constraintTop_toBottomOf 、 layout_constraintStart_toEndOf 等等此类属性。 为了方便后续理解，这里说明下此类定位属性的意思。此类定位属性在文本上想表达的是 当前View 在 定位View 什么位置上。 这里举几个例子，例如： layout_constraintTop_toBottomOf 这个属性的意思是 当前View的上边（Top）在 目标Vi
约束布局ConstraintLayout总结
最新发布
2301_77595001的博客
05-08 925
现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。
轻松玩转ConstraintLayout（二）示例篇
移动端开发干货分享
06-13 572
上一篇介绍了ConstraintLayout的基础知识，本篇会尝试使用ConstraintLayout实现一些常用布局效果。我会根据子View的个数来举例各种常见的场景 单一控件 居中 上下左右全部居中，通过基础篇介绍的位置属性实现 <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/ap
ConstraintLayout系列：ConstraintLayout会自动均分布局(一）
知道这个有什么用？
03-19 2922
设计稿如下： 这个布局，在不同宽度的屏幕上，都需要左右均分，用LinearLayout写，需要两层LinearLayout，外层水平从左到右排列，内层垂直从上到下。如果用RelativeLayout很难实现这种均分的效果。用ConstraintLayout，就比较方便了，而且只有一层布局。 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:an.
约束布局ConstraintLayout
hy3098626581的博客
05-07 986
一、介绍 约束布局ConstraintLayout 是一个ViewGroup，可以在Api9以上的Android系统使用它，它的出现主要是为了解决布局嵌套过多的问题，以灵活的方式定位和调整小部件。从 Android Studio 2.3 起，官方的模板默认使用 ConstraintLayout。 二、使用背景 在开发中经常会遇到复杂的UI，会出现嵌套过多的问题，嵌套越多，设备绘制...
Android从入门到高手进阶(长青说安卓系列)
12-15
3. **UI组件**：学习TextView、Button、EditText等基本控件的使用，以及如何在布局文件中进行布局管理，如LinearLayout、RelativeLayout和ConstraintLayout。 4. **事件处理**：理解点击事件、滑动事件等，学习如何...
Android高手进阶教程
06-25
自定义View允许开发者根据需求创建独特的用户界面，而熟练运用各种布局管理器如LinearLayout、RelativeLayout和ConstraintLayout能实现更灵活的界面设计。 Android的多线程处理和异步编程是性能优化的关键。使用...
Android代码-基于百分比的水平或垂直布局
08-08
[DEPRECATED in support lib v26] you should now use ConstraintLayout widget https://developer.android.com/training/constraint-layout/index.html Android Percent Support Lib Sample :triangular_ruler::triangular_ruler::triangular_ruler: I made a sample of the new percent support library. You can check official docs reference here and here. This library provide percentage based layouts, horizontal and vertical at the same time. simple result complex result How to use : just add percent support li
Android开发进阶从小工到专家
09-17
在Android UI设计部分，读者会接触到各种布局管理器，如LinearLayout、RelativeLayout和ConstraintLayout，以及如何使用Adapter来绑定数据和视图。此外，自定义View和动画的制作也是进阶开发者必须掌握的技术，它们...
Android应用开发进阶工程
07-07
理解并熟练运用各种布局容器（如LinearLayout、RelativeLayout、ConstraintLayout等）可以提高UI的灵活性和响应性。 4. **异步处理**：Android应用需要处理大量I/O操作和网络请求，这通常涉及异步编程。理解...
ConstraintLayout 水平比例布局 1：1：2
热门推荐
Imeng的专栏
06-21 2万+
ConstraintLayout 水平比例布局 1：1：2
Android ConstraintLayout 详解及示例
klylove的博客
12-16 1万+
前言 ConstraintLayout 可让您使用扁平视图层次结构（无嵌套视图组）创建复杂的大型布局。它与 RelativeLayout 相似，其中所有的视图均根据同级视图与父布局之间的关系进行布局，但其灵活性要高于 RelativeLayout，并且更易于与 Android Studio 的布局编辑器配合使用。 ConstraintLayout 的所有功能均可直接通过布局编辑器的可视化工具来使用，因为布局 API 和布局编辑器是专为彼此构建的。 因此，您完全可以使用 ConstraintLayout 通过
ConstraintLayout-那些很有用但是你可能不知道的用法
NYC的博客
05-19 6130
ConstraintLayout-那些很有用但是你可能不知道的用法 前沿 本篇不讲ConstraintLayout的常规用法，会讲一些约束布局很用的，但是可能你并不知道的用法 一、B相对于A底部居中对齐 如上图所示：需要B布局相对于A布局的底部垂直居中对齐，水平居中对齐 方案1 使用LinearLayout为外层布局 需要指定B一个固定高度 给定B一个负的向上的margin，值为B高度的一半 代码和效果如下所示： 缺陷：很明显，如果只是使用XML布局的形式（不通过代码动态计算），B布局需要固定一个高
ConstraintLayout的一些黑科技
朱豪凯的博客
07-15 1100
角度 constraintCircleAngle="45" constraintCircleRadius="150dp" constraintCircle="@id/sun" 约束宽度 constrainedWidth="true" constraintedHeight="true" constraintHorizontal_bias="0.0" bias: 范围 0.0-1.0 g...
ConstraintLayout布局
06-08
ConstraintLayout是Android中的一种布局，它可以让开发者通过添加约束条件来确定控件之间的位置和大小关系。相比其他布局，ConstraintLayout可以更灵活地适应不同屏幕尺寸和方向，同时也可以减少布局嵌套，提高布局性能。 在ConstraintLayout中，每个控件都要设置至少两个约束条件来确定其位置和大小。约束条件可以是与父容器的边距、与其他控件的位置关系、与父容器或其他控件的宽高比等。通过这些约束条件的组合，可以实现复杂的布局效果。 与其他布局相比，ConstraintLayout的学习曲线可能会稍微陡峭一些，但一旦掌握了其使用方法，就可以轻松实现各种复杂的布局效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ITzhongzi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值