<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       xmlns:ns="http://www.taxinfo.com" 
                       height="600"
                       width ="800"
                       creationComplete="init()"
                       >  
    <fx:Script>
        <![CDATA[
            import mx.events.ItemClickEvent; 
            [Embed(source='xmbz.png')]
            private var imgs:Class;
            private var arr:Array = [{name:"1. LinkBar常用属性、方法和事件",value:"1"},{name:"2.通用例子",value:"2"},{name:"3.Flex中如何通过iconField样式,给LinkBar添加Icon图标",value:"3"},{name:"参考文献:",value:"4"}]
            private function init():void
                this.myLink.dataProvider = arr; 
                
            }
            protected function linkbar1_itemClickHandler(event:ItemClickEvent):void
            {
                
                trace( JSON.stringify(arr[event.target.selectedIndex])+"----------------")
                trace( event.target.selectedIndex+"----------------")  
                for(var i:int = 0;i<arr.length;i++){
                    if(i==event.target.selectedIndex){
                        arr[event.target.selectedIndex].ico = imgs; 
                    }
                    else{
                        arr[i].ico = null;
                    }
                }
                 
                this.myLink.dataProvider = arr;
                
            } 
        ]]>
    </fx:Script>
     
    <mx:LinkBar id="myLink"    direction="vertical" labelField="name" iconField="ico"
                itemClick="linkbar1_itemClickHandler(event)" > 
    </mx:LinkBar>
    
</s:WindowedApplication>

转载于:https://www.cnblogs.com/Frankiln/p/3716703.html

实现flex LinkBar 组件 动态切换ico图标相关推荐

  1. uniapp 动态切换应用图标、名称插件(如新年、国庆等) Ba-ChangeIcon

    动态切换应用图标.名称(如新年.国庆等) Ba-ChangeIcon 简介(下载地址) Ba-ChangeIcon 是一款uniapp动态切换应用图标.名称的插件.可实现过年.过节动态切换应用图标的效 ...

  2. Android 动态切换应用图标方案

    经常听到大家讨论类似的需求,怀疑大厂是不是用了此方案,据我个人了解,多数头部 app 其实都是发版来更新节假日的 icon.当然本方案也是一种可选的方案,以前我也调研过,存在问题和作者所述差不多,此外 ...

  3. uniapp 使用map组件 动态自定义标记点图标及内容文字

    先看效果 地图中的标记点 可以动态变化自定义的图片与内容 原理 通过map组件中的 markers 属性 设置标记点 用于在地图上显示标记的位置 map组件所在uniapp官网位置:map-uni-a ...

  4. Unity3D实现通用的Image动态切换显示图标

    一.先在项目中创建一个Resources文件夹(然后将需要切换的图片放在该文件下面),我们这里给Resources文件夹新建一个子文件夹比如取名Textures,最后给Textures文件夹创建一个子 ...

  5. Naive 组件库 动态渲染icon图标

    使用Naive组件库默认你已经安装了对应的icon图标库 没有安装的参考链接安装 点击传送 Naive组件动态渲染Icon图标 主要是使用 component Vue内置组件来渲染对应的icon组件, ...

  6. Vue3使用element-plus1.3.0版本的el-menu菜单组件引入动态渲染icon图标时,图标组件刚好是Menu时报错,菜单不显示的解决方法

    目前在升级前端框架,UI组件element-plus升级到了目前最新的1.3.0beta8版本,图标也换成了官方提供的SvgIcon图标,官方提供了组件导入的方式使用图标.而我的图标是全局导入的,默认 ...

  7. Vue3 + TS 使用 element-plus 的Icon组件(包括动态路由菜单图标)

    1.安装包 # NPM npm install @element-plus/icons-vue # Yarn yarn add @element-plus/icons-vue 2.全局注册 impor ...

  8. QML进阶--Loader实现组件的动态切换

    在QML学习和开发过程中,看到Loader的官方介绍之后,发现Loader就是用来动态加载一个qml或者component的容器. 有一个问题在我脑海里冒了出来:loader加载一个qml或者一个组件 ...

  9. Android动态图标包制作教程,安卓手机ico图标制作美化图文教程

    如何让手机更加与众不同?今天我们就来学习如何利用出色的ico图标制作软件--Axialis IconWorkshop制作出美化手机屏幕的个性图标! 如今,每个人都有属于自己的手机,每天使用手机聊QQ. ...

最新文章

  1. Python官方最后通牒:Python 2传奇20年将落幕,Python 3接力!
  2. 【渝粤教育】 国家开放大学2020年春季 1303护理伦理学 参考试题
  3. Centos7 安装Docker(v2021 version 20.10.5) 并通过docker-compose运行TiDB集群
  4. FastReport 数据区二级显示
  5. Andoid Activity.getWindowManager().getDefaultDisplay().getWidth()已被废弃
  6. BW Delta (增量)更新方法 .
  7. 11. 数值的整数次方
  8. 25个jQuery的编程小抄
  9. WindowsEclipseQt2010.02编译错误的处理
  10. win10远程桌面Android软件,Android端Win10远程桌面更新:支持Windows虚拟桌面
  11. CC2540和CC2541蓝牙芯片将升级为蓝牙5.0
  12. 转载 Ubuntu系统安装Java JDK和HDFView
  13. 让 Chrome 57 支持迅雷精简版
  14. Python爬取必应图片2
  15. 「python爬虫之路day9」:实战之使用正则表达式爬取抓狂网,古诗文网信息
  16. oracle px execute reply,关于昨天的PX Deq: Execute Reply重新开贴请教
  17. 惊喜,Windows 11 竟然支持运行安卓应用,而且开发者收益 0 抽成,PC 端摸鱼不是梦...
  18. Oracle 11g用exp无法导出空表的处理方法
  19. 一图解说JAVA的项目结构
  20. Mybatis报错:Could not resolve type alias

热门文章

  1. Node.js express 入门示例1
  2. WMI使用的WIN32_类库名
  3. uml -- unified modeling language 同一建模语言
  4. mysqldumper 与 Innobackupex的备份和恢复操作实验过程
  5. Android studio无法连接识别检测各种模拟器和手机的问题 (万能方案)。
  6. Android 开发之多线程处理、Handler 详解
  7. OAuth(开放授权):(第三方)通过(授权)令牌(Access Token)访问用户数据
  8. java线程池(ThreadPool)
  9. OpenCV android sdk配置OpenCV android NDK开发实例
  10. kotlin学习笔记——内联函数