在项目中遇到了修改进度条(Progressbar)颜色的需求,smartgwt中,并非简单使用setBackgroundColor("...")方式即可实现,所以在此留一文,供大家及自己日后参考。
1. 首先,创建一个Progressbar对象,将其放置在HLayout容器中(为了有效控制Progressbar的宽度,需要在HLayout容器外再套一个VLayout容器,原因不详。)
// 创建VLayout容器 VLayout vlayout = new VLayout(4); vlayout.setWidth(300); vlayout.setHeight(24); // 创建HLayout容器 HLayout hlayout = new HLayout(); // 创建Progressbar对象 final Progressbar hBar = new Progressbar(); // 进度条的方向为横向 hBar.setVertical(false); // 设置进度条完成情况为40% hBar.setPercentDone(40); // 设置进度条状态为"Error" // 该步骤关键,依据需要,我们为进度条添加了一个新的状态"Error" hBar.setState("Error"); // 如果进度条已经被绘制(drawn)/初始化(initialized),则调用redraw()方法 hBar.redraw(); // 放置Progressbar对象 hlayout .addMember(hBar); vlayout.addMember(hlayout);
2. 如今,我们已经为Progressbar对象添置了新的状态"Error",接下来需要在工程的images文件夹下新增几个图片。在此之前,我们先来看下images文件夹及子文件夹 目录结构。那目录在哪儿?我们启动刚才编写的项目(用Firefox浏览),点击浏览器的“工具” -> “页面信息” -> "媒体”,
从上述截图,我们可以看到页面使用到的图片资源,目录在“工程目录/sc/skins/Enterprise/images/”,由于当前对象为Progressbar,所以对应图片目录也在Progressbar/下。当前Progressbar对象为水平方向,所以图片命名为:progressbar_h[_状态_]_部分[_empty].gif 。 其中,
> 状态部分为可选,表示当前进度条状态
> "部分":start/stretch/end,分别表示:图片头部/图片中断/图片尾部。
> [_empty]为可选,当有'_empty'时,表示进度条未填充部分。
由此,我们可以了解到,现在我们需要添加的图片依次为:
progressbar_Error_h_start.gif
progressbar_Error_h_stretch.gif
progressbar_Error_h_end.gif
progressbar_Error_h_empty_start.gif
progressbar_Error_h_empty_stretch.gif
progressbar_Error_h_empty_end.gif
3.当步骤2中提到的几个图片文件已添加,恭喜你!你已经实现了修改进度条颜色的功能。
相关推荐
smartgwt-1.3smartgwt-1.3smartgwt-1.3smartgwt-1.3smartgwt-1.3
SmartGWT 入门SmartGWT 入门SmartGWT 入门SmartGWT 入门SmartGWT 入门
这是smartgwt官方的实例 对自学的人非常有帮助
SmartGWT 是封装了 SmartClient 的 GWT API。SmartGWT 有如下特色: 丰富的控件。很多较为复杂的常用界面都被包装成简单易用的控件。比如可 编辑的树形表格、查询常用的过滤器创建器和类似 Google Calendar 的日历...
SmartGWT 是封装了 SmartClient 的 GWT API。而 SmartClient 是一个开源的企业级 Ajax 开发框架。 Google Web Toolkit 的发布,大大降低了 Java 开发人员进行 Web 开发的门槛。然而 GWT 本身提供的控件及功能相对...
SmartGwt client RIA
SmartGWT最新的免费包,版本是12.0。里面包含的smartgwt.jar就是可以在项目中使用的jar包,smartgwt-skins.jar就是主题包。
从研发经验总结的smartGwt的开发与实现
在Google发布GWT2.0不久,SmartGWT 2.0也发布了,功能更强大,界面效果一流,个人感觉比GXT好用多了,尤其在大量数据处理方面有很多优势!
基于Maven的SmartGWT项目示例,另见教程:http://blog.csdn.net/wang465745776/article/details/52583964
是那个smartgwt2.4的doc文档
smartgwt-2.0API.CHM 2009年12月18日 ... SmartGWT 2.0发布下载了
有关于smartgwt 开发的ppt,高级开发的应用。
smartgwt2.4开发包 由于限制20m 小弟把doc单独分出来了
一个简单的maven项目,演示 smartgwt + spring + hibernate 整合框架
用Maven创建GWT_SmartGWT项目,从而可利用Maven进行管理,以及持续集成。
SmartGwt 4.0 的开发jar包,希望对大家有帮助,有额外需要的可以联系我
2010年8月3日制作,SmartGWT 2.2 API DOC chm版 方便的检索功能,支持全文检索
SmartGWT_Quick_Start_Guide【6.1中文版】 : 官方译文,,,用于学习smartgwt的基础。 中文译文 非google译文 比google译文准确度更高 收费翻译版本 给入门的朋友学习
代码实例,演示 smartgwt 项目如何实现国际化(测试语种:英文,中文,德文),可直接导入至 MyEclipse. Maven 版链接:http://download.csdn.net/source/3036062