２０１２年７月 计算机工程与设计 ＣＯＭＰＵＴＥＲ ＥＮＧＩＮＥＥＲＩＮＧ ＡＮＤ ＤＥＳＩＧＮ Ｊｕｌｙ ２０１２ Ｖｏｌ＿３３ ＮＯ．７ 第３３卷第７期 面向ＢＲＥＷ平台的可视化ＵＩ设计工具开发 董宗然，孙斌，张盈谦，杨 光，陈秀寓，董悦丽 （大连东软信息学院计算机科学与技术系，辽宁大连１１６０２３） 摘要：为了解决ＢＲＥＷ移动平台下应用界面（ＵＩ）开发缺乏可视化设计工具，ＵＩ开发效率低下的问题，类比其它 平台的ＵＩ设计现状，开发了一款面向ＢＲＥＷ平台的新型可视化ＵＩ设计工具。分析了软件的工作流程，针对软件实 现过程中的ＵＩ保存、界面可视化设计、界面代码自动化生成等几个重点环节进行了论述。测试结果表明，该工具软 件为开发人员提供了所见即所得的ＵＩ设计效果，且方便调整，代码自动生成功能也极大地减轻了程序员的编码 工作量。 关键词：博路；可视化；界面设计；代码自动生成；可扩展标记语言 中图法分类号：ＴＰ３１１．５２ 文献标识号：Ａ 文章编号：１０００—７０２４（２０１２）０７—２８７９—０５ Ｄｅｖｅｌｏｐｍｅｎｔ ｏｆ ｖｉｓｕａｌ ＵＩ ｄｅｓｉｇｎ ｔｏｏｌ ｆｏｒ ＢＲＥＷ ｐｌａｔｆｏｒｍ ＤＯＮＧ Ｚｏｎｇ—ｒａｎ，ＳＵＮ Ｂｉｎ，ＺＨＡＮＧ Ｙｉｎｇ－ｑｉａｎ，ＹＡＮＧ Ｇｕａｎｇ，ＣＨＥＮ Ｘｉｕ—ｙｕ，ＤｏＮＧ Ｙｕｅ—ｌｉ （Ｄｅｐａｒｔｍｅｎｔ ｏｆ Ｃｏｍｐｕｔｅｒ Ｓｃｉｅｎｃｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ，Ｄａｌｉａｎ Ｎｅｕｓｏｆｔ Ｉｎｓｔｉｔｕｔｅ ｏｆ Ｉｎｆｏｒｍａｔｉｏｎ，Ｄａｌｉａｎ １１６０２３，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ：Ｔｏ ｓｏｌｖｅ ｔｈｅ ｐｒｏｂｌｅｍ ｏｆ ｌｏｗ ＵＩ ｄｅｖｅｌｏｐｉｎｇ ｅｆｆｉｃｉｅｎｃｙ ｕｎｄｅｒ ＢＲＥＷ ｐｌａｔｆｏｒｍ ｆｏｒ ｌａｃｋｉｎｇ ｏｆ ｖｉｓｕａｌ ＵＩ ｄｅｓｉｇｎ ｔｏｏｌｓ，ａｎ ｉｎｎｏｖａｔｉｖｅ ｖｉｓｕａｌ ＵＩ ｄｅｓｉｇｎ ｔｏｏｌ ｉｓ ｄｅｖｅｌｏｐｅｄ ａｃｃｏｒｄｉｎｇ ｔｏ ＵＩ ｄｅｓｉｇｎ ｔｏｏｌ ｓｔａｔｕｓ ｕｎｄｅｒ ｏｔｈｅｒ ｐｌａｔｆｏｒｍｓ．Ｆｉｒｓｔｌｙ，ｔｈｅ ｗｏｒｋｆｌｏｗ ｏｆ ｔｈｅ ｔｏｏｌ ｉｓ ａｎａｌｙｚｅｄ．Ｔｈｅｎ，ｔｈｅ ｋｅｙ ａｓｐｅｃｔｓ ｏｆ ＵＩ ｓａｖｉｎｇ，ｖｉｓｕａｌ ｉｎｔｅｒｆａｃｅ ｄｅｓｉｇｎｉｎｇ ａｎｄ ｃｏｄｅ ａｕｔｏ－ｇｅｎｅｒａｔｉｎｇ ａｒｅ ｄｉｓｃｕｓｓｅｄ．Ｔｅｓ— ｔｉｎｇ ｒｅｓｕｌｔｓ ｓｈｏｗ ｔｈａｔ ｔｈｅ ｔｏｏｌ ｃｏｕｌｄ ｇｉｖｅ ｔｈｅ ｄｅｖｅｌｏｐｅｒｓ ａ ｔｒｕｅ ＵＩ ｄｅｓｉｇｎ ｅｆｆｅｃｔ ｗｈｉｃｈ ｆａｃｉｌｉｔａｔｉｎｇ ａｄｊｕｓｔｍｅｎｔ．Ａｎｄ ｔｈｅ ｃｏｄｅ ｇｅｎｅｒａｔｉｎｇ ｆｕｎｃｔｉｏｎ ａｌｓｏ ｇｒｅａｔｌｙ ｄｅｃｒｅａｓｅｓ ｔｈｅ ｐｒｏｇｒａｍｍｅｒ’Ｓ ｗｏｒｋｌｏａｄ． Ｋｅｙ ｗｏｒｄｓ：ＢＲＥＷ；ｖｉｓｕａｌｉｚａｔｉｏｎ；ＵＩ ｄｅｓｉｇｎ；ｃｏｄｅ ａｕｔｏ－ｇｅｎｅｒａｔｉｎｇ；ＸＭＬ ０引 言 ＢＲＥＷ（ｂｉｎａｒｙ ｒｕｎｔｉｍｅ ｅｎｖｉｒｏｎｍｅｎｔ ｆｏｒ ｗｉｒｅｌｅｓｓ）技术 了开发的效率。虽然近年来高通先后推出了功能更强大的 ＵＩ工具包ＢＵＩＷ（ＢＲＥＷ Ｕ１ ｗｉｄｇｅｔ）和新一代移动操作系 统Ｂｒｅｗ ＭＰ（ｂｒｅｗ ｍｏｂｉｌｅ ｐｌａｔｆｏｒｍ），但是在ＵＩ设计方面 却一直没有先进的可视化设计工具出现。与此同时其它智 能手机系统，如ＩＯＳ，Ａｎｄｒｏｉｄ，Ｓｙｍｂｉａｎ，ＭｅｅＧｏ等平台 上的应用开发却有着方便易用的可视化ＵＩ设计工具 辅助 ］。 是美国高通（ＱＵＡＬＣＯＭＭ）公司为ＣＤＭＡ业务提供的一 种无线移动网络中的端到端的解决方案。ＢＲＥＷ主要应用 在移动通信领域，类似一个开放免费的ＰＣ操作系统，其它 厂商和个人开发者可以在这个平台上设计各项应用［１ ］。应 用的数目和质量决定了平台受欢迎的程度，而应用开发工 本文将探讨ＢＲＥＷ界面设计工具的设计流程，针对重 具链中ＵＩ设计工具的品质直接影响了应用开发的难度 和效率。 ＢＲＥＷ应用主要基于Ｃ语言进行开发，深受广大应用 要的技术点给出分析或实现方法，并开发一款软件原型， 通过操作实验说明工具在快速构建ＢＲＥＷ应用ＵＩ过程中 可行性和高效性。为了更好的满足开发者设计复杂ＵＩ的需 求，也为了更好的适应Ｂｒｅｗ ＭＰ新平台，本方案的ＵＩ控 件（Ｗｉｄｇｅｔ）将以ＢＵＩＷ为参考标准Ｉ６］。 开发者的喜爱。但应用界面（ｕｓｅｒ ｉｎｔｅｒｆａｃｅ，ＵＩ）主要依 赖程序员直接编写程序代码来创建和设置属性，大大降低 收稿日期：２０１１－０８—１５；修订日期：２０１１－１０—２０ 基金项目：大连市科技创新基金项目（２００９２０４） 作者简介：董宗然（１９８１一），男，辽宁沈阳人，博士研究生，副教授，ＣＣＦ会员，研究方向为嵌入式软件开发、优化算法；孙斌 （１９７１一），男，吉林白城人，硕士，教授，研究方向为嵌入式及软件开发；张盈谦（１９７９一），男，黑龙江齐齐哈尔人，硕士，副教授，研 究方向为软件工程、多核计算；杨光（１９７８一），男，河北丰润人，硕士，讲师，研究方向为嵌入式系统软件；陈秀寓（１９７７一），女，广西 宾阳人，硕士，副教授，研究方向为嵌入式软件开发；董悦丽（１９７３一），女，辽宁大连人，硕士，副教授，研究方向为数据库系统及其应 用。Ｅ－ｍａｉｌ：ｄｏｎｇｚｏｎｇｒａｎ＠１６３．ｔｏｍ 第３３卷第７期 王秀敏，张燕，毛兴鹏：基于ＶＢ．ＮＥＴ的无线电设备综合测试平台 ・２８８９・ （上接第２８８３页） ［７］Ｗ３￣ｈｍ１．ＸＭＬ Ｔｕｔｏｒｉａｌｓ［ＥＢ／ＯＬ］．［２０１１—０８—１３．］ｈｔｔｐ：／／ ｖｎⅣ ｗ３ｓｃｈｏｏ１．ｃｏｍ．ｃｎ／ｘｍｌ／ｉｎｄｅｘ．ａｓｐ． ［３］ＬＩ Ｈｅ，ＹＩＮ Ｑｉａｎｇ－ｇｕｏ，ＪＩＡＮＧ Ｌｉａｎｇ．Ｄｅｖｅｌｏｐｍｅｎｔ ａｎｄ ａｐｐｌｉｃａ— ｔｉｏｎ ０ｆ ＢＲＥＷ ｔｅｃｈｎｏｌｏｇｙ［Ｍ］．Ｂｅｉｊｉｎｇ：Ｍｅｃｈａｎｉｃａｌ Ｉｎｄｕｓｔｒｙ Ｐｒｅｓｓ，２００６：６－１１（ｉｎ Ｃｈｉｎｅｓｅ）．［李贺，尹强国，蒋亮．ＢＲＥＷ 技术开发与应用［ＭＪ．北京：机械工业出版社，２００６：６－１１．］ ［８］ＦＥＮＧ Ｊｉｎ，ＤＩＮＧ Ｂｏ，ＳＨＩ Ｄｉａｎ－ｘｉ．Ｒｅｓｅａｒｃｈ ｏｎ ｔｈｅ ＸＭＬ ｐａｒ— ｓｉｎｇ ｔｅｃｈｎｏｌｏｇｙ［Ｊ］．Ｃｏｍｐｕｔｅｒ Ｅｎｇｉｎｅｅｒｉｎｇ ａｎｄ Ｓｃｉｅｎｃｅ， ［４］Ｂｒｅｎｄａｎ Ｄ Ｂｕｒｎｓ．Ａｂｏｕｔ ＤｒｏｉｄＤｒａｗ［ＥＢ／ＯＬ］． ［２０１１—０８— １２］．ｈｔｔｐ ｔ“ ．ｄｒｏｉｄｄｒａｗ．ｏｒｇ／． ｒ５］ＣＡＩ Ｚｈｉ－ｍｉｎｇ，ＬＵ Ｃｈｕａｎ－ｆｕ，ＬＩ Ｌｉ－ｘｉａ，ｅｔ ａ１．Ｐｒｏｆｉｃｉｅｎｔ ｉｎ ２００９，３１（２）：１２０—１２４（ｉｎ Ｃｈｉｎｅｓｅ）．［冯进，丁博，史殿习， 等．ＸＭＬ解析技术研究［Ｊ］．计算机工程与科学，２００９，３１ （２）：１２０—１２４．］ ［９］Ｆｒｅｅ Ｓｏｆｔｗａｒｅ ＦｏｕｎｄａｔｉｏｒＬ ＧＮＵ ＯｐｅｒａｆｉｔｇａＳｙｓｔｅｍ［口／０ｌＬ］． Ｑｔ４ ｐｒｏｇｒａｍｍｉｎｇ［Ｍ］．Ｂｅｉｊｉｎｇ：Ｅｌｅｃｔｒｏｎｉｃ Ｉｎｄｕｓｔｒｙ Ｐｒｅｓｓ， ２００８：３５—４５（ｉｎ Ｃｈｉｎｅｓｅ）． ［蔡志明，卢传富，李立夏，等． ［２０１１—０８－１１］．ｈｔｔｐ：／／ｗｗｗ．ｇｎｕ．ｏｒｇ／ｌｉｃｅｎｓｅｓ／ｇｐｌ ２．０．ｈｍａ１． ［１Ｏ］Ｐｅｄｅｓｔｒｉａｒ￣ＳＡＸ ｐａｒｓｉｎｇ ＸＭＬ ｉｎｓｔｒｕｃｔｉｏｎ［ＥＢ／ＯＬ］．［２０１１—０８— １３］．ｈｔｔｐｔ｝ｆ ．ｉｔｅｙ￣ｃｏｍ／ｗｉｋｉ／ｔｏｐｉｃ／４０１３７７ Ｌｉｎ Ｃｈｉｎｅｓｅ）． 精通Ｑｔ４编程［Ｍ］．北京：电子工业出版社，２００８：３５—４５．］ ［６］Ｑｕａｌｃｏｍｍ．Ｈｏｗ ｔｏ ｇｅｔ ＢＵＩＷ［ＥＢ／ＯＬ］．［２０１１—０８—１２．］ｈｔ— ｔｐｓ：／／ｂｒｅｗｘ．ｑｕａｌｃｏｍｍ．ｃｏｍ／ｂｒｅｗ／ｓｄｋ／ｄｏｗｎｌｏａｄ．ｊｓｐ？ｐａｇｅ— ｄｘ／ｅｎ／ｂｒｅｗ３１／ｅｘ／ｔｌ／ｕｉｗｉｄｇｅｔｓ． ［Ｐｅｄｅｓｔｒｉａｎ．ＳＡＸ解析ＸＭＬ详解［ＥＢ／ＯＬ］．［２０１１—０８—１３］． ｈｔｔｐ ｛ｆ ．ｉｔｅｙ￣ｃｏｍ／ｗｉｋｉ／ｔｏｐｉｃ／４０１３７７．、
