积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引

简介:
[源码下载]


积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引


作者: webabcd


Flash 之 ActionScript 3.0 
1、 积少成多Flash(1) - ActionScript 3.0 基础之数据类型、操作符和流程控制语句
介绍
Flash ActionScript 3.0 中所有的数据类型都是对象,操作符和流程控制语句的语法与C#类似 


2、 积少成多Flash(2) - ActionScript 3.0 基础之包、类、包外类、命名空间、属性、方法、接口和继承
介绍
Flash ActionScript 3.0 是一种面向对象的语言,包、类、包外类、命名空间、属性、方法、接口和继承 


3、 积少成多Flash(3) - ActionScript 3.0 基础之以文本形式、XML形式和JSON形式与ASP.NET通信
介绍
Flash ActionScript 3.0 以文本形式与ASP.NET通信、以XML形式与ASP.NET通信和以JSON形式与ASP.NET通信 


4、 积少成多Flash(4) - ActionScript 3.0 实例之Hello World, 时钟, 计时器
介绍
通过3个简单的示例,对使用 Flash ActionScript 3.0  开发程序有个感性的认识
  • Hello World - 演示最基本的交互。即按个按钮,就会在 UI 上显示对应的信息
  • 时钟 - 演示如何做最基本的动画处理。即对时钟的时,分,秒针做旋转动画
  • 计时器 - 演示稍微复杂一点的交互。即一个计时器,可以对其做启动,暂停,停止的操作


5、 积少成多Flash(5) - ActionScript 3.0 实例之闹钟(自定义事件, 画图, 动画)
介绍
通过一个经典示例,即闹钟,对使用 Flash ActionScript 3.0  画图、做动画有一个大概的了解,并通过此示例学习自定义事件的开发
  • 自定义事件 - 继承自 Event ,一个 public static const 定义事件类型,其他 public 变量定义事件属性
  • 画图 - 通过 Shape 对象的 graphics 属性来执行矢量绘图命令 
  • 动画 - 通过 Timer 对象或监听 Event.ENTER_FRAME 事件 


6、 积少成多Flash(6) - ActionScript 3.0 绘图之图形和转换
介绍
演示使用  Flash ActionScript 3.0 画一些基本的图形,以及对绘制的图形或其他可视对象做一些基本的转换
  • 画图 - 通过 Shape 对象的 graphics 属性来执行矢量绘图命令
    • 1、使用 lineStyle() 定义画图的线条样式
    • 2、moveTo() - 设置当前绘画点;lineTo() - 以当前绘画点为起点,用当前定义的线条样式,画一条直线到目标点;curveTo() - 指定二次贝塞尔曲线的控制点和终点,从而完成曲线的绘制;drawRect() - 绘制矩形;drawCircle() - 绘制圆形;drawEllipse() - 绘制椭圆;
    • 3、beginFill() 和 endFill() 用于填充他们之间所绘制的图形。如果是渐变填充则对应的方法是 beginGradientFill 和 endFill()
  • 转换 - 通过设置对象的 transform.matrix 属性,对其做相应的转换
    • Matrix.rotate() - 旋转的角度
    • Matrix.translate() - 平移的距离
    • Matrix.scale() - 缩放的比例
    • Matrix.b - 将矩阵垂直倾斜
    • Matrix.c - 将矩阵水平倾斜


7、 积少成多Flash(7) - ActionScript 3.0 交互之鼠标事件和键盘事件
介绍
演示使用  Flash ActionScript 3.0 来监听用户的键盘事件和鼠标事件,并对其作相应的处理
  • 键盘事件 - 在 flash.events.KeyboardEvent 类下。只有两个事件类型 KeyboardEvent.KEY_DOWN 和 KeyboardEvent.KEY_UP 。
  • 鼠标事件 - 在 flash.events.MouseEvent 类下。常用的事件类型有 MouseEvent.MOUSE_DOWN, MouseEvent.DOUBLE_CLICK, MouseEvent.MOUSE_UP, MouseEvent.MOUSE_OVER, MouseEvent.MOUSE_MOVE 和 MouseEvent.MOUSE_OUT 等。


8、 积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用
介绍
演示使用  Flash ActionScript 3.0 获取配置参数,页面参数,以及 js 与 as 间的交互  
  • 参数获取 - 通过 Application.application.stage.loaderInfo.parameters[param] 获取配置参数(flashVars);通过 JavaScript 获取 url 参数
  • 与JavaScript交互 - 利用 ExternalInterface 实现 ActionScript 和 JavaScript 间的相互调用



Flash 之 Flex 3.0     Flex 3.0 在线 Demo
1、 积少成多Flash(9) - Flex 3.0 布局控件, 样式(css), 皮肤(skin)
介绍
演示 Flex 3.0 中的布局控件的应用,样式和皮肤的应用 
  • 布局控件 - Flex 中常用的布局控件一览
  • 样式 - 通过 css 控制 Flex 中各个控件的样式
  • 皮肤 - 使用 Flash 开发的 swf 做控件的皮肤


2、 积少成多Flash(10) - Flex 3.0 状态转换(State), 状态转换的过渡效果(State Transition), 自定义鼠标指针
介绍
演示 Flex 3.0 中的转换状态及转换状态中的过度效果,自定义鼠标指针 
  • 状态转换(State) - 对 UI 状态,以某一种编程模型做转换 
  • 状态转换的过渡效果(State Transition) - 设置 UI 状态的转换过程中的过渡效果 
  • 自定义鼠标指针 - 对鼠标指针的样式做自定义设置


3、 积少成多Flash(11) - Flex 3.0 动画效果(effect)
介绍
演示 Flex 3.0 中的各种动画效果(effect)的应用 
  • Zoom - 放大/缩小
  • Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示
  • Rotate - 旋转
  • Resize - 调整控件大小
  • Fade - 淡入/淡出
  • Move - 改变控件位置
  • Iris - 显示/消失(放射性渐变)
  • Blur - 模糊
  • Dissolve - 对控件做alpha修改
  • Glow - 对控件做周边发光
  • SoundEffect - 播放一段音频
  • Parallel - 对各种 effect 做并行展示
  • Sequence - 对各种 effect 做串行展示
  • TweenEffect - 此类是大部分 effect 的基类


4、 积少成多Flash(12) - Flex 3.0 验证控件(Validator), 缓动效果(easing) 
介绍
演示 Flex 3.0 中的验证控件的应用,以及各种缓动效果(easing)的应用
  • Validator - 各种验证控件的基类,其可用于必填验证
  • DateValidator - 日期验证控件
  • EmailValidator - Email 验证控件
  • RegExpValidator - 正则表达式验证控件
  • 缓动(easing) - 系统自带的动画缓动效果,以及自定义缓动效果
  • 加密/解密 - 常用加密算法的 AS3 库的应用
  • 其他 - 其他一些常用的东西


OK

[源码下载]





     本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/342175,如需转载请自行联系原作者

相关文章
|
2月前
|
开发者 容器
鸿蒙开发:弹性布局Flex
在实际的开发中,需要掌握主轴与交叉轴的关系、换行规则及子元素属性,同时注意性能与兼容性问题,还有一点,Flex组件在渲染时存在二次布局过程,因此在对性能有严格要求的场景下建议使用Column、Row代替。
96 10
鸿蒙开发:弹性布局Flex
|
8月前
|
开发者 容器
flex 布局属性在实际项目中的应用场景有哪些?
flex 布局属性在实际项目中的应用场景有哪些?
|
7月前
|
前端开发 UED 容器
使用 Flex 布局实现垂直居中效果
【10月更文挑战第7天】
781 57
|
6月前
|
容器
Bootstrap5 Flex(弹性)布局4
排序:.order 类可设置弹性子元素的排序,范围从 .order-1 至 .order-12,数字越小优先级越高。外边距:.ms-auto 和 .me-auto 分别用于设置子元素的右侧和左侧外边距为 auto。包裹:.flex-nowrap(默认)、.flex-wrap 和 .flex-wrap-reverse 用于控制弹性容器中的子元素是否换行及换行方向。
|
6月前
|
前端开发 UED 容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么?
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时,需要对其基本原理和特性有深入的理解,同时结合具体的布局需求和场景,进行细致的调整和优化。通过合理的设置和注意事项的把握,才能实现理想的自适应效果,提升用户体验。还可以根据实际情况进行更深入的探索和实践,以不断提升 Flex 布局的应用能力。
Bootstrap5 Flex(弹性)布局2
介绍Flex布局的水平和垂直方向控制。`.flex-row`使子元素水平排列,默认左对齐;`.flex-row-reverse`则右对齐。`.flex-column`让子元素垂直排列;`.flex-column-reverse`则反向排列。示例展示了不同类的效果,通过改变类名实现布局调整。
|
5月前
|
容器
Bootstrap5 Flex(弹性)布局6
使用 `.align-self-*` 类可控制指定子元素的对齐方式,包括 `.align-self-start`, `.align-self-end`, `.align-self-center`, `.align-self-baseline`, 和 `.align-self-stretch`。示例代码展示了如何在一个弹性布局中应用这些类,以实现不同设备上的响应式设计。
Bootstrap5 Flex(弹性)布局5
使用 .align-content-* 控制多行子元素在垂直方向上的堆叠方式,如 .align-content-start、.align-content-center 等。对于单行子元素,使用 .align-items-* 控制对齐,例如 .align-items-start、.align-items-center 等。示例代码展示了不同对齐效果的应用。
Bootstrap5 Flex(弹性)布局3
`.justify-content-*` 类用于调整弹性子元素的对齐方式,支持 start、end、center、between、around 等值。`.flex-fill` 类使所有子元素等宽,而 `.flex-grow-1` 则让指定子元素占据剩余空间。这些类在布局设计中非常实用。