Flex 3.0 动画效果(effect)

最新推荐文章于 2017-11-09 00:44:00 发布
最新推荐文章于 2017-11-09 00:44:00 发布
阅读量529 收藏
点赞数
分类专栏： actonscript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cruelchen/article/details/9308089
版权
 
介绍
演示 Flex 3.0 中的各种动画效果(effect)的应用 
  • Zoom - 放大/缩小
  • Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示
  • Rotate - 旋转
  • Resize - 调整控件大小
  • Fade - 淡入/淡出
  • Move - 改变控件位置
  • Iris - 显示/消失（放射性渐变）
  • Blur - 模糊
  • Dissolve - 对控件做alpha修改
  • Glow - 对控件做周边发光
  • SoundEffect - 播放一段音频
  • Parallel - 对各种 effect 做并行展示
  • Sequence - 对各种 effect 做串行展示
  • TweenEffect - 此类是大部分 effect 的基类

1、Zoom.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 放大/缩小 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Zoom (放大/缩小)" >

     < mx:Script >
         <![CDATA[
            
            private function doZoom(e:MouseEvent):void
            {
                if (zoom.isPlaying)
                {
                    zoom.reverse();
                }
                else
                {
                    zoom.play([e.target], e.type == MouseEvent.ROLL_OUT ? true : false);
                }
            }        
            
         ]]>
     </ mx:Script >
        
     < mx:Zoom  id ="zoom"  originX ="24"  originY ="24"  
        zoomWidthFrom ="1"  zoomWidthTo ="2"  zoomHeightFrom ="1"  zoomHeightTo ="2"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"  
        scaleX ="1"  scaleY ="1"  
        rollOver ="doZoom(event)"  rollOut ="doZoom(event)"
      />
    
 </ mx:Panel >

2、Wipe.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - WipeUp, WipeDown, WipeLeft, WipeRight (擦除)" >
    
     < mx:Script >
         <![CDATA[
            
            private function effectEndHandler():void
            {
                mx.controls.Alert.show("WipeLeft 效果结束");
            }        
            
         ]]>
     </ mx:Script >
    
     < mx:WipeLeft  id ="wipeLeft"  duration ="1000"  effectEnd ="effectEndHandler()"   />
     < mx:WipeUp  id ="wipeUp"  duration ="1000"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"   
        visible ="{chk.selected}"  hideEffect ="{wipeLeft}"  showEffect ="{wipeUp}"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:CheckBox  id ="chk"  label ="显示"  selected ="true"  
             textRollOverColor ="blue"
             textSelectedColor ="red"
          />
      </ mx:ControlBar >
     
 </ mx:Panel >

3、Rotate.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 旋转 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Rotate (旋转)" >
    
     < mx:Script >
         <![CDATA[
        
            [Bindable]
            private var angle:int = 0;
            
            private function rotateImage():void
            {
                rotate.end();
                angle +=45;
                rotate.play();
            }
            
         ]]>
     </ mx:Script >
    
     < mx:Rotate  id ="rotate"  angleFrom ="{angle-45}"  angleTo ="{angle}"  target ="{image}"  duration ="100"   />
    
     < mx:Image  id ="image"  source ="@Embed('images/logo.png')"  
        x ="24"  y ="24"  width ="48"  height ="48"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:Button  label ="旋转 45 度"  click ="rotateImage();"   />
      </ mx:ControlBar >
     
 </ mx:Panel >

4、Resize.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 调整控件大小 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Resize (重设大小)" >
    
     < mx:Script >
         <![CDATA[
            
            private function smoothImage(e:Event):void
            {
                var bmp:Bitmap = e.target.content as Bitmap;
                bmp.smoothing = true;
            }
            
         ]]>
     </ mx:Script >
    
     < mx:Resize  id ="resizeUp"  target ="{image}"  widthTo ="180"  heightTo ="180"   />
     < mx:Resize  id ="resizeDown"  target ="{image}"  widthTo ="48"  heightTo ="48"   />
    
     < mx:Image  id ="image"  source ="@Embed('images/logo.png')"  
        x ="24"  y ="24"  width ="48"  height ="48"
        creationComplete ="smoothImage(event)"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:Button  label ="放大"  click ="resizeUp.end(); resizeUp.play();"   />
          < mx:Button  label ="缩小"  click ="resizeDown.end(); resizeDown.play();"   />
      </ mx:ControlBar >
          
 </ mx:Panel >

5、Fade.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 淡入/淡出 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Fade (淡入/淡出)" >
    
     < mx:Fade  id ="fadeOut"  duration ="1000"  alphaFrom ="1"  alphaTo ="0"   />
     < mx:Fade  id ="fadeIn"  duration ="1000"  alphaFrom ="0"  alphaTo ="1"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"   
        visible ="{chk.selected}"  hideEffect ="{fadeOut}"  showEffect ="{fadeIn}"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:CheckBox  id ="chk"  label ="显示"  selected ="true"  
             textRollOverColor ="blue"
             textSelectedColor ="red"
          />
      </ mx:ControlBar >
     
 </ mx:Panel >

6、Move.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 改变控件位置 的动画效果（移动控件）
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Move (移动)" >
    
     < mx:Script >
         <![CDATA[
            
            private function moveImage(e:MouseEvent):void
            {
                var position:Point = new Point(stage.mouseX, stage.mouseY);
                var localPosition:Point = canvas.globalToLocal(position);
            
                effectMove.end();    
                effectMove.xTo = localPosition.x - (image.width / 2)
                effectMove.yTo = localPosition.y - (image.height / 2)
                effectMove.play();
            }
            
         ]]>
     </ mx:Script >
    
     < mx:Move  id ="effectMove"  target ="{image}"   />
    
     < mx:Canvas  id ="canvas"  width ="100%"  height ="100%"  mouseDown ="moveImage(event)" >
    
         < mx:Image  id ="image"  source ="@Embed('images/logo.png')"
            x ="24"  y ="24"  width ="48"  height ="48"  
          />
         
     </ mx:Canvas >
     
 </ mx:Panel >

7、Iris.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 显示/消失（放射性渐变） 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Iris (遮罩 - 用于消失/显示对象)" >
    
     < mx:Iris  id ="irisOut"  duration ="1000"  showTarget ="true"   />
     < mx:Iris  id ="irisIn"  duration ="1000"  showTarget ="false"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"   
        visible ="{chk.selected}"  hideEffect ="{irisOut}"  showEffect ="{irisIn}"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:CheckBox  id ="chk"  label ="显示"  selected ="true"  
             textRollOverColor ="blue"
             textSelectedColor ="red"
          />
      </ mx:ControlBar >
     
 </ mx:Panel >

8、Blur.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 模糊 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Blur (模糊)" >
    
     < mx:Blur  id ="blurImage"  duration ="1000"
        blurXFrom ="0"  blurXTo ="10"  blurYFrom ="0"  blurYTo ="10"
     />
     < mx:Blur  id ="unblurImage"  duration ="1000"
        blurXFrom ="10"  blurXTo ="0"  blurYFrom ="10"  blurYTo ="0"
     />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"
        rollOverEffect ="{blurImage}"  rollOutEffect ="{unblurImage}"
      />

</ mx:Panel >

9、Dissolve.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 对控件做alpha修改 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Dissolve (溶解, 变换 alpha 的效果)" >
    
     < mx:Dissolve  id ="dissolveOut"  duration ="1000"  alphaFrom ="1"  alphaTo ="0"   />
     < mx:Dissolve  id ="dissolveIn"  duration ="1000"  alphaFrom ="0"  alphaTo ="1"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"   
        visible ="{chk.selected}"  hideEffect ="{dissolveOut}"  showEffect ="{dissolveIn}"
      />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:CheckBox  id ="chk"  label ="显示"  selected ="true"  
             textRollOverColor ="blue"
             textSelectedColor ="red"
          />
      </ mx:ControlBar >
     
 </ mx:Panel >

10、Glow.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 对控件做周边发光 的动画效果
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Glow (发光)" >
    
     < mx:Glow  id ="glowImage"  duration ="1000"
        alphaFrom ="1"  alphaTo ="0.3"
        blurXFrom ="0"  blurXTo ="50"  blurYFrom ="0"  blurYTo ="50"
        color ="0x22aa55"
     />
     < mx:Glow  id ="unglowImage"  duration ="1000"
        alphaFrom ="0.3"  alphaTo ="1"
        blurXFrom ="50"  blurXTo ="0"  blurYFrom ="50"  blurYTo ="0"
        color ="0x3388dd"
     />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"
        rollOverEffect ="{glowImage}"  rollOutEffect ="{unglowImage}"
      />
     
 </ mx:Panel >

11、SoundEffect.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    播放一段音频
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - SoundEffect (音效)" >
    
     < mx:SoundEffect  id ="soundEffect"  source ="@Embed('assets/bomb.mp3')"   />
    
     < mx:Image  source ="@Embed('images/logo.png')"
        x ="24"  y ="24"  width ="48"  height ="48"   
          mouseDownEffect ="{soundEffect}"
      />
    
 </ mx:Panel >

12、Parallel.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    对各种 effect 做并行展示
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="Effect - Parallel (效果并行), AddItemAction, RemoveItemAction" >
    
     < mx:Script >
         <![CDATA[
        
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var dp:ArrayCollection = new ArrayCollection(["webabcd", "webabcd", "webabcd"])
            
            private function addItem():void
            {
                dp.addItemAt("webabcd", dp.length);
            }
            
            private function removeItem():void
            {
                dp.removeItemAt(dp.length - 1);
            }
            
         ]]>
     </ mx:Script >
    
     < mx:Parallel  id ="parallel" >
         < mx:AddItemAction  filter ="addItem"  startDelay ="500"   />
         < mx:RemoveItemAction  filter ="removeItem"  startDelay ="500"   />
         < mx:Blur  startDelay ="500"  duration ="1000"  blurXFrom ="0"  blurXTo ="10"  blurYFrom ="0"  blurYTo ="10"  filter ="addItem"   />
     </ mx:Parallel >
    
     < mx:Label  text ="顺便说明 AddItemAction, RemoveItemAction"   x ="10"  y ="10" />
    
     < mx:List  id ="list"  dataProvider ="{dp}"  fontSize ="16"   y ="36"  x ="10"  height ="178"  width ="360"
        itemsChangeEffect ="{parallel}" />
     
      < mx:ControlBar  horizontalAlign ="center" >
          < mx:Button  label ="增加一项"  click ="addItem();"   />
          < mx:Button  label ="删除一项"  click ="removeItem();"   />
      </ mx:ControlBar >
     
 </ mx:Panel >

13、Sequence.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    对各种 effect 做串行展示
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="vertical"  horizontalAlign ="center"  width ="400"  height ="300"
    title ="Effect - Sequence (效果串行), AnimateProperty, Pause" >
    
     < mx:Label  text ="顺便说明 AnimateProperty, Pause" />
    
     < mx:Sequence  id ="sequence" >
          < mx:AnimateProperty  property ="scaleX"  fromValue ="1"  toValue ="3"  duration ="300"   />
          < mx:Pause  duration ="2000" />
         < mx:AnimateProperty  property ="scaleX"  fromValue ="3"  toValue ="1"  duration ="1000"   />   
     </ mx:Sequence >
    
     < mx:Image  source ="@Embed('images/logo.png')"
        width ="48"  height ="48"
        scaleX ="1"  scaleY ="1"
        mouseDownEffect ="{sequence}"
      />
     
 </ mx:Panel >

14、TweenEffect.mxml
<? xml version="1.0" encoding="utf-8" ?>

<!--
    演示 TweenEffect （此类是大部分 effect 的基类） 
 -->

< mx:Panel  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="400"  height ="300"
    title ="TweenEffect 的介绍（它是部分 effect 的基类）" >
    
     < mx:Script >
         <![CDATA[
        
            import mx.events.TweenEvent;
            
            private function tweenStartHandler(e:TweenEvent):void
            {
                txtMsg.text += "补间效果开始\r";
            }
            
            private function tweenEndHandler(e:TweenEvent):void
            {
                txtMsg.text += "补间效果结束\r";
                lblUpdate.text = "宽度: " + image.width;
            }
            
            private function tweenUpdateHandler(e:TweenEvent):void
            {
                lblUpdate.text = "宽度: " + image.width;
            }
            
         ]]>
     </ mx:Script >
    
     < mx:Resize  id ="resizeUp"  target ="{image}"  widthTo ="180"  heightTo ="180"  duration ="5000"
        tweenStart ="tweenStartHandler(event)"
        tweenEnd ="tweenEndHandler(event)"
        tweenUpdate ="tweenUpdateHandler(event)"
     />
     < mx:Resize  id ="resizeDown"  target ="{image}"  widthTo ="48"  heightTo ="48"   />
    
     < mx:Image  id ="image"  source ="@Embed('images/logo.png')"  
        x ="24"  y ="24"  width ="48"  height ="48"
      />
     < mx:Text  x ="264"  y ="36"  width ="106"  height ="178"  id ="txtMsg" />
     < mx:Label  x ="264"  y ="10"  id ="lblUpdate" />
     
     < mx:ControlBar  horizontalAlign ="center" >
         < mx:Button  label ="放大"  click ="resizeUp.end(); resizeUp.play();"   />
         < mx:Button  label ="缩小"  click ="resizeDown.end(); resizeDown.play();"   />
     </ mx:ControlBar >

</ mx:Panel >


OK
[源码下载]




 
六毛饭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flex中动画效果
03-07
在 Flex 中，动画效果主要通过 `Effect` 类来实现，它们可以应用于组件或容器，以实现各种动态行为。以下是一些主要的 Flex 动画效果及其详细解释： 1. **Zoom**：缩放效果，可以将组件放大或缩小。在示例中，`Zoom...
flex3.0 Vista风格界面实例
07-13
Flex 3.0提供了强大的动画工具，如Tween类和Effect类，可以创建平滑的过渡和动画，使用户界面更加生动。 5. **9切片缩放**：为了保持图形在不同尺寸下的比例和质量，Vista风格的按钮和其他图标通常使用9切片技术。...
Flex动画效果（Effect）
泛中游
12-05 2422
Flex里面不像在Flash里面随意制作动画了，麻烦！ 如何想要动画，1，通过FLASH做好自定义动画组件，调入。                          2.FLEX供了Effect，操作动画。 Effect参数： 触发器名称 对应事件名称 事件描述 addedEffect                          added                   当
积少成多Flash(11) - Flex 3.0 动画效果(effect)
weixin_34249678的博客
11-03 88
[索引页] [源码下载]积少成多Flash(11) - Flex 3.0 动画效果(effect) 作者：webabcd介绍演示 Flex 3.0中的各种动画效果(effect)的应用 Zoom - 放大/缩小 Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示 Rotate - 旋转 Resize - 调整控件大小 F...
谈谈scriptaculous动画效果库effect.js(原理和使用)
yanick技术博客
05-01 3530
scriptaculous 包含以下几个部分： builder.js ：提供了一种方便的建立html元素的方法 controls.js ：包含自动提示和动态编辑两个控件 dragdrop.js ： 提供元素拖放的功能 effects.js   ： 设计优良的ajax效果库，这篇文章要讲的就是这个 slider.js   ： 一个滑动条控件 关于每个部分的使用方法建议查看scriptaculous 
Flex效果
张晨光老师的播客
03-17 1822
本章简介通过前面章节的学习，我们已经可以开发FLex应用了，本章的任务是对Flex应用进行美化以提高用户的感受度。在Flex中依然可以使用CSS来设置组件的样式，但是和Html中相比，在flex中的CSS功能受到了限制和削弱，在flex的默认主题下只支持有闲的CSS属性，在Flex4中是提倡使用皮肤来进行外观控制的。Flex的行为机制便于开发者为应用程序添加动画效果，使用户界面更加丰富多彩。借助于
积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引
weixin_33901926的博客
11-09 95
[源码下载]积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引 作者：webabcdFlash 之 ActionScript 3.01、积少成多Flash(1) - ActionScript 3.0 基础之数据类型、操作符和流程控制语句介绍Flash ActionScript 3.0 中所有的数据类型都...
(ActionScript 3.0 & Flex 3.0 系列文章索引
passport_daizi的博客
12-20 908
积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引 源文章地址： http://www.cnblogs.com/webabcd/archive/2009/11/30/1613772.html 作者：webabcd Flash 之 ActionScript 3.0  1、积少成多Flash(1) - ActionSc
Flex4.0与其Flex3.0相比新增了哪些功能
aspnetandjava的专栏
11-19 2341
Flex4 新特性概述 Adobe Flex 最初是由 Macromedia 公司发布的，自 2005 年 10 月 Flex 被 Adobe 以 Flex SDK 2.0 发布之后，Flex SDK 已是一个开源的框架，用于构建富客户端应用程序。开发语言也由 Action Script 2.0 升级为 ActionScript3.0,，并需要 Flash Player 9 以上做为运行时环境。
积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引
webabcd的专栏
11-30 852
[源码下载]积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引作者：webabcdFlash 之 ActionScript 3.0 1、积少成多Flash(1) - ActionScript 3.0 基础之数据类型、操作符和流程控制语句介绍Flash ActionScript 3.0 中所有的数据类型都是对象，操作符和流程控制语句的语法与C#类似 2、
Felx3.0的效果
03-12
3. **Transitions和Effects**：Flex 3.0提供了TransitionManager和Effect类，用于管理组件状态之间的转换和执行效果。开发者可以通过简单的API调用来创建复杂的动画序列。 4. **3D效果**：Flex 3.0支持基本的3D转换...
Flex 3高级动画编程
07-18
本主题聚焦于Flex 3中的高级动画编程，这是一门深入研究如何通过ActionScript在Flex环境中创建复杂、动态和交互性高的视觉效果的技术。 在Flex 3中，动画主要通过ActionScript实现，而不是使用图形设计工具。...
Flex 特殊效果
08-21
Flex是一种基于ActionScript 3.0的开源框架，主要用于创建富互联网应用程序（RIA，Rich Internet Applications）。这个压缩包集合了Flex中实现特殊效果的SWC文件，这些文件是Flex库的一部分，可以方便开发者在项目中...
集团信息化顶层规划.pdf
08-17
集团信息化顶层规划.pdf
敏捷制造与卓越服务业务模型设计（交付版）.pdf
最新发布
08-17
敏捷制造与卓越服务业务模型设计（交付版）.pdf
大学生电子设计大赛-AVR单片机Atmega128在FPGA配置中的运用.rar
08-17
大学生电子设计大赛-AVR单片机Atmega128在FPGA配置中的运用.rar
大学生电子设计大赛-AVR单片机的SPI串行通信的应用.rar
08-17
大学生电子设计大赛-AVR单片机的SPI串行通信的应用.rar
sql规范讲解.zip
08-17
sql规范讲解.zip
Flex3.0入门与面向对象实战指南
"Flex3.0学习手册"是一份全面的教程，专为深入理解Adobe Flex 3.0开发环境和ActionScript 3.0编程语言而设计。该手册由Bēniaǒ在个人成长笔记中整理，旨在帮助程序员们提升技能，通过分享作者严谨的学习态度和实践...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值