flex 动画笔记

1.不涉及到组件宽度和高度变化的如果类似showEffect等属性不好使的,直接使用hideEffect.end(); showEffect.play();等这样的用法. 2.涉及到组件宽度和高度变化的在执行动画期间,需要把显示区域的visible设置成false. <s:Parallel duration="500" id="showEffect" target="{window}" effectEnd="sEffectEn…

Flex 动画效果

1.使用自带效果在Flex里面不像在Flash里面随意制作动画了,Flex更趋向于应用程序,而不是动画制作了,所以没有了时间轴的概念.在Flex中使用动画效果,可以用Flex自带的Effect,或者自已定制Effect,因为很多人都想借Flash里面的一样操作Flex,比如在Flash里面做一个动态按钮很容易,当鼠标移动到上面时,会有很多发光的点跑出来(荧火虫效果),这种效果在Flash十分容易实现,但在Flex里面要实现这种效果就不是那么简单的了,下面说说在Flex里的的动务效果的使用与自定…

Flex动画效果的用法--Resize

Flex动画效果的用法--Resize FlexAdobeXML <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe…

8 Explicit Animations 指明的动画笔记

8 Explicit Animations 指明的动画笔记 If you want something done right, do it yourself. 如果你想让事情做好,那就自动来. Charles-Guillaume Etienne The previous chapter introduced the concept of implicit animations. Implicit animations are a straightforward way to cre…

flex布局笔记整理

flex布局笔记整理了解-webkit-box 利用postcss进行css代码的向后兼容时,display:flex兼容后的代码常会带有display:-webkit-box. 部分移动端内核较低,只支持老版本的box布局,不支持flex布局. box布局是flex布局的前身,与float不同,float超出边界时会自动换行,box和flex不会. box与flex区别容器部分子元素总宽度超过父元素时: box => 子元素溢出父元素边界 flex => 子元素被挤压查看对比修改排…

# Android动画笔记

标签: Android开发艺术探索笔记 View动画帧动画属性动画 View动画 View动画的作用对象时View,有4种动画效果,分别是平移动画.缩放动画.旋转动画.和透明度动画. 此类动画通常使用`XML`来定义. 动画的定义方式如下: <set android:interpolatoer="@[package:]anim/interpolator_resource" android:shareInterpolator=["true"|"fa…

iOS 动画笔记 (二）

有它们俩你就够了! 说明:下面有些概念我说的不怎么详细,网上实在是太多了,说了我觉得也意义不大了!但链接都给大家了,可以自己去看,重点梳理学习写动画的一个过程和一些好的博客! 一:说说这两个三方库,Canvas 和 POP 这里有详细的说明了它们俩的优缺点,我们就不在粘贴复制浪费时间了,链接在下面! iOS动画库Pop和Canvas各自的优势和劣势是什么? 下面先说说这两库的基本情况完了再说说他们的使用! Canvas -- iOS 动画库 :安装就在git上看就行,点前面的就能到git链接了,…

flex 布局笔记

1,今天遇到一个问题,就是当元素布局设置为了flex后,里面的内容只有文字,但是对text-align 属性设置无效,仔细想了下,是因为把display 设置为了flex后,flex将里面的文字也认为是一个子元素(其实就是子元素..只不过是文字节点而已),子元素布局可以通过align-items 设置Y轴,justify-content 设置X轴的对齐方式(假如flex-flow 设置为了row wrap后). 那么在这种情况下,元素设置为flex后,文字节点是不能通过设置text-align居…

CSS3伸缩布局Flex学习笔记

如果需要使用伸缩布局首先得把display:flex;对于兼容还得加前缀display:-webkit-display:flex;等其他浏览器前缀,但我本机Chrome测试已经不需要加前缀了,其实这些还好,关键移动端竟然不支持这个属性,移动端支持的还是老版本的display:-webki-box;不过对于学习来说,也不管它支持不支持了,学了再说吧,更何况Chrome已经把flex的前缀去了,说明flex多少还是有些稳定的. 下面列出了关于CSS与flex一起使用的一些属性 display 显示方…

Flex入门笔记

Test_01.mxml <?xml version="1.0" encoding="utf-8"?> <viewer:BaseWidget xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/m…

css3动画笔记

------------------------------------------------------------------------------------ @keyframes animation 所有动画属性的简写属性,除了 animation-play-state 属性. animation-name 规定 @keyframes 动画的名称. animation-duration 规定动…

Android补间动画笔记

布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_my_anim" android:layout_width="match_parent" android:layou…

Android帧动画笔记

创建drawable资源文件,选择animation-list<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/progress_1" android:d…

1.display:flex布局笔记

/*display:flex布局方式主要运用于垂直居中的效果*/ 一.Flex译为Flexible Box(弹性盒子),任何一个容器都可以指定为Flex布局注:设置为Flex布局之后,子元素的float,clear,vertical-align属性都失效 .box1 { display : flex } .box2 { display : inline-flex } .box3 { display : -webkit-flex; display : flex } 二.基本 1.采用Flex布局…

Flex学习笔记-皮肤

1文件结构 MXML应用程序 index.mxml 皮肤文件 components.button.skin.btnSkin1.mxml 皮肤文件的组件随便引用了spark.components.Button 2 index.mxml代码 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" x…