方便管理plugin或rcp的icons

本文介绍了一种在Eclipse插件中使用ImageRegistry管理图标的方法,适用于小型插件或应用程序。通过将图标放置在/icons文件夹并使用特定名称作为键值,可以方便地获取Image和ImageDescriptor。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 From: http://blog.youkuaiyun.com/moneyice/archive/2006/04/25/677423.aspx
        每个UI程序都离不开图片,一般的Eclipse插件,在一个类中定义了若干静态常量,每一个常量指定一个icon的名字,在程序中用到图片的 时候,通过这个常量计算得到图片。Eclipse的插件一般规模较大,图片很多,而且分不同的像素,彩色,灰白等。这样有利于统一的管理和开发人员的沟 通。
       但并不是每个plugin或者rcp都要用到这么多图片,如果只有很少的图片的话,可以用图片的名字作为key,来存取图片。程序例子如下:
java 代码
  1. public class ImageShop {   
  2.        private static ImageRegistry register = new ImageRegistry();   
  3.     
  4.        private static Set keys = new HashSet();   
  5.        static {   
  6.               initial();   
  7.        }   
  8.        public static ImageDescriptor getDescriptor(String key) {   
  9.               ImageDescriptor image = register.getDescriptor(key);   
  10.               if (image == null) {   
  11.                      image = ImageDescriptor.getMissingImageDescriptor();   
  12.               }   
  13.               return image;   
  14.        }   
  15.        public static Image get(String key) {   
  16.               Image image = register.get(key);   
  17.               if (image == null) {   
  18.                      image = ImageDescriptor.getMissingImageDescriptor().createImage();   
  19.               }   
  20.               return image;   
  21.        }   
  22.        public static String[] getImageKey() {   
  23.               return (String[]) keys.toArray(new String[keys.size()]);   
  24.        }   
  25.        private static void initial() {   
  26.               Bundle bundle = Platform.getBundle(PwdgatePlugin.ID);   
  27.               URL url = bundle.getEntry("icons");   
  28.               try {   
  29.                      url = Platform.asLocalURL(url);   
  30.               } catch (Exception e) {   
  31.                      PwdgatePlugin.log("get root path", e);   
  32.               }   
  33.               File file = new File(url.getPath());   
  34.               File[] images = file.listFiles();   
  35.               for (int i = 0; i < images.length; i++) {   
  36.                      File f = images[i];   
  37.                      if (!f.isFile()) {   
  38.                             continue;   
  39.                      }   
  40.                      String name = f.getName();   
  41.                      if (!name.endsWith(".gif")) {   
  42.                             continue;   
  43.                      }   
  44.                      String key = name.substring(0, name.indexOf('.'));   
  45.                      URL fullPathString = bundle.getEntry("icons/" + name);   
  46.                      ImageDescriptor des = ImageDescriptor.createFromURL(fullPathString);   
  47.                      register.put(key, des);   
  48.                      keys.add(key);   
  49.               }   
  50.        }   
  51. }   
  52.    
所有的图片都放在根目录/icons目录下,在系统中如果用到名字为default.gif的图片,只要调用ImageShop.get (“default”)即可;有时在Action中需要用到ImageDescriptor,调用ImageShop. getDescriptor(“default”)就可以取到。
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化和响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”和“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距和填充,对 html 和 body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
资源下载链接为: https://pan.quark.cn/s/9e7ef05254f8 以下是简化后的内容: 程序集变量 计数器:整数型 文本发送计次:整数型 子程序 __启动窗口_创建完毕 _手动发送数据_被单击 停止发送 发送预处理 判断端口是否启动成功,失败则提示并返回 根据组合框选择的进制类型,将编辑框内容转换后发送 发送失败则提示并返回 进制转换(被转换文本,被转换进制,转换的进制) 检查进制范围,错误则返回提示 规范参数,逐字符检查是否符合进制要求,不符合则返回错误提示 若进制相同直接返回原文本 否则进行进制转换并返回结果 _退出_被单击销毁 _组合框_端口号_列表项被选择 停止发送 设置端口号 _组合框_波特率_列表项被选择 停止发送 设置波特率 _组合框_数据位_列表项被选择 停止发送 设置数据位数 _组合框_校验_列表项被选择 停止发送 设置奇偶校验方案 _组合框_停止位_列表项被选择 停止发送 设置停止位数 发送预处理 停止发送 设置波特率、端口号、数据位数、奇偶校验方案、停止位数 根据奇偶校验方案设置校验标志 _选择框_DTR_被单击 根据选中状态设置信号操作 _选择框_RTS_被单击 根据选中状态设置信号操作 _选择框_Break_被单击 根据选中状态设置信号操作 _编辑框_发送周期_内容被改变 若时钟标志选中,设置时钟周期 _选择框_时钟标志_被单击 若选中,设置发送方式为时钟模式,启动发送并设置时钟周期 否则,停止发送,设置时钟周期为0 _组合框_发送方式_列表项被选择 根据选择设置时钟标志和时钟周期 _端口_发送数据_收到信号 _端口_接收数据_收到信号 _端口_接收数据_数据到达 根据接收数据的进制选择,将数据转换后显示在编辑框中 _时钟1_周期事件 根据发送方式和进制选择,周期性发送数据 打开并读入文件 打开文件,读取内容到编辑框 _打开
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值