`
yr512656630
  • 浏览: 320373 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

flex <mx:Image>图片自适应

    博客分类:
  • flex
阅读更多
让图片始终保持在100%显示效果


最初代码为
<mx:Image  id="mySelf"  width="46" height="44" y="6" left="7" source="@Embed('images/14.gif')" toolTip="用户头像"  autoLoad="true"  />




修改后
<mx:Canvas width="46" height="44" y="6" left="7">
<mx:Image  id="mySelf" width="100%" height="100%" source="@Embed('images/14.gif')" toolTip="用户头像"  autoLoad="true"  maintainAspectRatio="false"/>
</mx:Canvas>


图片必须有Canvas 设置自适应100%必须加上
autoLoad="true"  maintainAspectRatio="false"
分享到:
评论

相关推荐

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    本文将详细讲解如何在Flex中使用`&lt;mx:Tree&gt;`控件来创建可动态添加和删除节点的树形结构,以及相关的源码和工具应用。 `&lt;mx:Tree&gt;`控件是Flex MX组件库中的一个关键组件,它允许开发者展示层次化的数据,用户可以...

    flex开发对时间控制

    flex 对时间的关注&lt;mx:Script&gt; &lt;![CDATA[ // Event handler for the DateField change event. private function dateChanged(date:Date):void { if (date == null) selection.text = "Date selected: "; ...

    Flex itemRenderer的详细教程

    `&lt;mx:Image&gt;` 和 `&lt;mx:VBox&gt;` 控件分别显示书籍的封面图片和标题作者信息。 #### 三、使用 MXML 和 ActionScript 定义 ItemRenderer 当需要更复杂的逻辑或交互时,仅依靠 MXML 来定义 ItemRenderer 可能不够。这时...

    Flex与.NET互操作

    Flex提供了多种方式来访问远程数据源,包括`&lt;mx:WebService&gt;`、`&lt;mx:HTTPService&gt;`和`&lt;mx:RemoteObject&gt;`标签。这些标签简化了与各种远程服务(如Web Service)进行数据交换的过程。 - **`&lt;mx:WebService&gt;`**:专门...

    01 FLEX从浅入深简单教程.docx

    &lt;mx:Circle id="circle" x="50" y="50" radius="50" fillAlpha="0.5" fill="#FF0000"/&gt; &lt;/mx:Canvas&gt; ``` #### 五、Flex简易控件的使用 Flex提供了丰富的控件库,包括按钮、文本框、列表等。 - **控件使用示例...

    Flex:事件的流转控制.doc

    ### Flex:事件的流转控制 #### 一、事件机制概览 在Flex中,事件机制是一种非常核心且灵活的功能,它允许开发人员有效地管理和响应应用程序内的各种交互行为。Flex的应用程序是基于事件驱动架构的,这意味着大...

    FLEX _HTTPService的调用方法

    &lt;mx:HTTPService id="chk" url="http://localhost/flex_web/WebSite/ExecutSq.aspx" showBusyCursor="true" method="GET"&gt; &lt;mx:request&gt; &lt;s&gt;Insert into TClass (ClassName) values ({aaa.text})&lt;/s&gt; &lt;/mx:...

    Flex中的CSS样式

    本地样式是在MXML文件中直接定义的样式,使用`&lt;mx:Style&gt;`标签进行创建。这种样式遵循CSS2.0的语法规范,可以作用于当前文档及其子文档中的元素。例如: ```xml &lt;mx:Style&gt; .solidBorder { // 类选择器样式 ...

    FLEX数据绑定四种方式

    本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`&lt;mx:Binding&gt;`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...

    Flex股票分析图

    &lt;mx:LineChart id="stockChart" dataProvider="{stockData}"&gt; &lt;mx:horizontalAxis&gt; &lt;mx:DateTimeAxis dataUnits="days"/&gt; &lt;/mx:horizontalAxis&gt; &lt;mx:series&gt; &lt;mx:LineSeries yField="close" displayName=...

    Flex 3 发现之旅

    &lt;mx:AdvancedDataGridColumn dataField="Artist" headerText="Artist"/&gt; &lt;mx:AdvancedDataGridColumn dataField="Album" headerText="Album"/&gt; &lt;mx:AdvancedDataGridColumn dataField="Price" headerText="Price...

    Flex 选项卡的实现

    我们可以直接在`TabNavigator`中定义这些子组件,每个子组件前加上`&lt;mx:Tab&gt;`标签,例如: ```xml &lt;mx:TabNavigator&gt; &lt;mx:Tab label="选项卡1"&gt; &lt;mx:Canvas&gt; &lt;!-- 选项卡1的内容 --&gt; &lt;/mx:Canvas&gt; &lt;/mx:Tab&gt; ...

    Flex与.NET互操作基于WebService的数据访问

    首先,我们需要在Flex中定义一个`&lt;mx:WebService&gt;`标签,并设置`wsdl`属性为.NET WebService的WSDL(Web Service Description Language)地址。例如: ```xml &lt;mx:WebService id="dataService" wsdl=...

    FLEX操作XML&JSON

    3. **动态数据处理**:Flex允许根据JSON数据动态创建UI组件,如通过遍历JSON对象并创建相应的`&lt;mx:Label&gt;`或`&lt;mx:TextInput&gt;`。 【结合Java服务器】 1. **服务器端通信**:Flex应用程序可以使用HTTPService或...

    Flex与JSON及XML的互操作

    &lt;mx:DataGridColumn headerText="Company A" dataField="compa"/&gt; &lt;mx:DataGridColumn headerText="Company B" dataField="compb"/&gt; &lt;/mx:columns&gt; &lt;/mx:DataGrid&gt; &lt;/mx:VBox&gt; &lt;/mx:Application&gt; ``` 这里...

    flex 拖拽功能 中文文档

    &lt;mx:List id="srcList" allowMultipleSelection="true" dragEnabled="true" dragMoveEnabled="true"/&gt; &lt;/mx:VBox&gt; &lt;mx:VBox&gt; &lt;mx:Label text="Selected Activities"/&gt; &lt;mx:List id="destList" ...

    Flex垂直button

    &lt;mx:VGroup width="100%" height="100%"&gt; &lt;mx:Button label="按钮1" /&gt; &lt;mx:Button label="按钮2" /&gt; &lt;mx:Button label="按钮3" /&gt; &lt;/mx:VGroup&gt; ``` 接下来,我们讨论在Flex中创建带有垂直标签的TabNavigator。...

    Flex使用视图状态(View States)笔记

    &lt;mx:LinkButton id="returnToLogin" label="Return to Login" click="currentState='Login'"/&gt; &lt;/mx:AddChild&gt; &lt;/mx:State&gt; &lt;/mx:states&gt; &lt;!-- ... (rest of the application code) --&gt; &lt;/mx:Application&gt; ``` ...

    flex特效鼠标放上去字体变大的特效

    2. `&lt;mx:Image&gt;`:用于展示图片,并设置初始缩放比例为0.5,同时为`rollOver`和`rollOut`事件绑定了`doZoom`函数。 综上所述,本示例通过结合`&lt;mx:Zoom&gt;`组件、`&lt;mx:Panel&gt;`容器以及自定义的`doZoom`函数,成功实现...

Global site tag (gtag.js) - Google Analytics