在按钮中嵌入icon图标有两种方法。第一种是在Flex应用中创建一个变量,利用[Bindable]和[Embed] ,在代码中以参数形式传入制定图标(icon)的路径,然后利用类似icon="{Icon}"的代码嵌入到按钮中。第二种是利用@Embed()和参数中指定图标的路径。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
backgroundColor="white">
<mx:Script>
<![CDATA[
[Bindable]
[Embed(source="assets/bug.png")]
private var Icon:Class;
]]>
</mx:Script>
<mx:Button label="[Embed(source='assets/bug.png')]"
icon="{Icon}" />
<mx:Button label="@Embed('assets/bug.png')"
icon="@Embed('assets/bug.png')" />
</mx:Application>
这么简单的我都忘了,哎。。。。
分享到:
相关推荐
### Alert消息框中设置icon图标的例子 #### 知识点概述 在Flex开发中,Alert消息框是一种常用的用户交互方式,它可以帮助开发者快速展示重要的信息或者请求用户的确认操作。在实际的应用场景中,为了让Alert消息框...
在这里,`@Embed`指令用于将`logo.gif`图片直接嵌入到按钮的图标中。 **例子2**: 通过变量引用嵌入的资源,可以实现数据绑定: ```xml <![CDATA[ [Embed(source="logo.gif")] [Bindable] public var imgCls:...
在这个例子中,`<movable-view>`是可拖动的悬浮按钮,它定义了初始位置(通过`x`和`y`属性),动画效果(`animation`属性),允许拖动的方向(`direction`属性)以及点击事件(`catchtap`属性)。 ```html ...
7. **自定义字体和图标**:使用`@font-face`引入自定义字体,或者`font-icon`技术添加图标,提升计算器的个性化程度。 8. **响应式设计**:使用媒体查询(`media queries`)确保计算器在不同设备和屏幕尺寸上都能正常...
在设置过程中可能会遇到一些常见的问题,例如环境变量配置错误、依赖包版本冲突等。解决这些问题通常涉及检查系统的 PATH 变量、更新 IDE 插件或重新安装特定的软件包。 #### Dart语言简介 Flutter 采用 Dart 语言...
这个例子中,目标是创建一个具有固定头部和底部,中间内容可滚动的下拉菜单。 代码中的 CSS 风格主要分为三个部分: 1. `.choice_top`: 这是顶部固定的部分,包含“请选择”文本和一个关闭按钮(`.over`)。通过...
它通常由一个触发按钮(通常是三线图标)和一个可展开/收起的菜单列表组成。菜单列表可以包含链接或子菜单。在HTML中,我们可能这样构建基本结构: ```html <div class="hamburger-icon"> <li><a href="#">...
在这个例子中,`scroll-view`开启了水平滚动,`white-space`设为`nowrap`防止内容自动换行,`display: flex`使子元素水平排列,通过设置`display: inline-block`让它们并排显示。如果内容宽度超过容器,用户可以左右...