1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/> 这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的 restrict="0-9/."  输入框可以输入0到9之间的数字,以及输入'.' restrict="0-…

Flex TextInput 动态推断输入内容 <? 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.com/flex…

Flex的 Event中属性currentTarget与target的区别 1.区别 (1)currentTarget是事件的处理对象(event processor) (2)target是事件的调用对象(event dispatcher) 2.实例说明 (1)设计源码 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/m…

Flex的 Event中属性currentTarget与target的差别 1.差别 (1)currentTarget是事件的处理对象(event processor) (2)target是事件的调用对象(event dispatcher) 2.实例说明 (1)设计源代码 <? xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com…

今天在群里聊天有人说 flex的那几个居中属性好难记,时不时都要尝试一下,或者查看一下文档,现在我把我自己的记忆方式分享一下... 1. flex的居中主要是通过这三个属性来实现的: justify-content: flex-start | flex-end | center | space-between | space-around; align-items: flex-start | flex-end | center | baseline | stretch; align-conten…

一.Flex布局介绍 伸缩盒模型(flexbox)是一个新的盒子模型,意为"弹性布局",用来为盒状模型提供最大的灵活性,主要优化了UI布局.Flexbox的功能主要包手:简单使用一个元素居中(包括水平垂直居中),可以让扩大和收缩元素来填充容器的可利用空间,可以改变源码顺序独立布局,以及还有其他的一些功能. 注意,设为Flex布局以后,子元素的float.clear和vertical-align属性将失效. 二.基本概念 采用Flex布局的元素,称为Flex容器(flex contain…

[CSS3动画的使用] 1.声明一个关键帧(动画): @keynames name{ from{} to{} } 每个阶段的写法: ①可以直接使用from-to的写法 ②可以设置0%-100%的写法,但开头和结尾必须是0%和100% 2.在CSS选择器中使用animation属性调用声明好的动画: [animation的缩写形式] 顺序如下: Animation-name:动画名称,就是我们声明的关键帧name. Animation-duration:动画持续时间. Animation-timi…

Flex项目有以下6个属性: order flex-grow flex-shrink flex-basis flex align-self order属性定义项目的排列顺序.数值越小,排列越靠前,默认为0. dom结构如下: <div class="flexBox box"> <div style="order:1">1</div> <div style="order:0">0</div>…

本文部分内容参考阮一峰大神博客,原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex布局即弹性布局,使用起来十分方便灵活. 一.开始使用 任何容器都可以指定为Flex布局. .flexBox{display:flex;} css代码如下: .box{width: 600px;height: 300px;border:1px solid #888;margin-bottom: 10px;} .flexBox{displ…

restrcit属性说明 restrict: EACM中的任意一个之母.它是用来限制指令的声明格式的. E - 元素名称:<my-directive></my-directive> A - 属性: <div my-directive="exp"> </div> C - 类名:<div class="my-directive: exp;"></div> M - 注释: <!-- direct…