基于SVG的手机软件可视开发研究

阅读: 评论:0

2024年2月6日发(作者:)

基于SVG的手机软件可视开发研究

第5期 微处理机 NO.5 2010年10月 MICROPR0CESSORS Oct.,2010 基于SVG的手机软件可视开发研究 李维勇 (南京信息职业技术学院软件学院,南京210046) 摘 要:探讨了W3C组织提出的Mobile SVG规范及其在图像设计上所表现出来的优点,并给 出了与Java ME平台结合的框架体系,阐述了可视Mobile开发工具提供的移动应用软件开发包, 通过重构一个基于SVG的Java ME手机软件项目,论证了Mobile SVG技术在移动应用开发中的优 越性。 一 关键词:移动可缩放矢量图形规范;Java 2平台微型版;可视Mobile设计器;移动应用开发 DOI编码:10.3969/j.issn.1002—2279.2010.05.027 中图分类号:TP311 文献标识码:A 文章编号:1002—2279(2010)05—0093—03 Visual Design of Mobile Software Based on SVG LI Wei—yong (Department ofSoftware,Nanifng College ofInformation Technology,Nanifng 210046,China) Abstract:In this paper the anthor has discussed the nOITU of Mobile SVG put forward by W3 C and its s ̄ong points in graphic design.The ̄amework system integrated wiht Java ME is given.The author has elaborated the mobile package provided by Visual Mobile Designer exploration tools.Through refactoring a Java ME mobile software project based on SVG the essay has demonstrated hte superiority of Mobile SVG in mobile application development. Key words:Mobile SVG;Java ME;Visual Mobile Designer;Mobile Development 1 引 言 2 Mobile SVG 近年来,伴随着移动应用开发技术的飞速发展, 2.1 Mobile SVG概述 手机软件开发逐渐成为热门研发领域而广受人们的 可缩放矢量图形(Scalable Vector Graphics, 追捧。然而,由于手机在运算能力、内存、屏幕尺寸 SVG)是JSR一226 3 中定义的一种W3C标准,它使 及颜色支持等方面存在很大的差异,单一的专业标 用XML代码来显示Java ME CLDC/MIDP应用程序 准很难满足所有移动设备的要求。矢量图形在对动 中的二维图像、动画和文本。 画、地图和互动图形等方面进行编码和显示所表现 Mobile SVG 是W3C推出的两种SVG移动版 出来的优势,在把无线技术的潜力变为日常实际应 本:SVG Tiny(SVGT,适用于资源高度受限的移动设 用的过程中,发挥着关键性的作用。 备)和SVG Basic(SVGB,适用于高端的移动设备) 目前在手机中可以使用矢量图形的技术主要有 的统称。相对于SVG,Mobile SVG在支持的内容、 Mobile SVG 和FlashLite 。本文主要讨论Mobile 属性、功能等方面作了限制。 SVG在Java ME手机中的应用,为解决手机的图形 2.2 Mobile SVG的优点 用户界面设计提出一种新的解决思路。 与PNG以及其他光栅格式图像文件类型相比, 作者简介:李维勇(1976一),男,安徽滁州人,高级工程师,讲师,硕士研究生,主研方向:移动应用开发。 收稿日期:2010—03—08 

・94・ 微处理机 2010正 SVG具有以下优点:①可缩放性。SVG能够在不同 的像素分辨率、颜色深度、CPU功率和内存下以最 佳质量呈现图像。它还可以在不降低图像质量的情 况下对其进行缩放。②较小文件尺寸。SVG文件 可以比具有类似质量效果的PNG文件小几倍,从而 使开发者能够在硬件资源有限的平台上创建图形丰 富的应用程序。③灵活易用的文件格式。SVG文 件是以文本的形式(XML)存放的,编辑简单,易于 Visual MIDlet是采用VMD开发的MIDP应用 程序,除了具有传统MIDlet的程序结构和生命周期 外,还工程化的提供了switchDisplayable()等方法。 VMD在包iavax.mieroedition.1cdui中提供了标 准User Interface(UI)组件,如List、Form和Image 等,在包org.netbeans.microedition.1cdui中提供了用 于创建专用屏幕的定制组件,在包org.netbeans.mi— croedition.svg中提供了自定义的SVG组件。 复用。④可搜索性。开发者可以搜索在图像文件中 嵌入的文本。例如,可以在地图图像上查找街道或 城镇的名称。⑤超强色彩控制。SVG图像具有一 个1600万色彩的调色板,支持ICC标准、RGB、线性 填充和遮罩。⑥超强交互性。由于SVG是基于 XML的,因而能制作出强大的动态交互,SVG图像 能对用户动作做出不同响应。 目前,Mobile SVG已被3GPP组织采纳,用于移 动设备的多媒体短信服务(MMS)。 2.3 Mobile SVG与Java ME的结合 JSR一226是W3C定义的实现Mobile SVG规范 的SVG Tiny解决方案。JSR一226 API包括了1个 核心应用包和3个高级应用包。其中核心应用包为 javax.microedition.m2g,用于SVG图形的装载、绑定 以及渲染等处理,而高级包包括了org.w3c.dora、 org.w3c.dom.svg以及org.w3c.dora.events,它们用 于处理SVG交互操作。图1显示了Java ME平台 中SVG API 的架构设计。 日M3G1 0图1 Java ME CLDC图形APIs 3 Visual Mobile Designer Visual Mobile Designer(VMD)是Oracle Net— Beans IDE为用户开发Java ME应用程序而设计的 图形界面Mobility包。 VMD提供了可视化用户界面设计器,开发者可 以用鼠标拖拽的方式设计应用程序的用户界面,通 过流程控制器实现界面之间的跳转,系统自动生成 高质量的代码,并使GUI本地化变得更加轻松。 4基于SVG的Visual MIDlet应用 为了介绍基于SVG的手机软件在可视化开发 方面所具有的优越性,本文使用VMD对NetBeans IDE样板程序SVG联系人列表项目进行了重构,并 对重构后的项目进行了性能测试分析。 4.1项目介绍 SVGContactI ist项目是一个基于SVG的手机通 讯录软件,用于完成手机通讯录的基本功能,如添 加、查找、删除及修改联系人资料等。运行界面如图 2所示 图2手机通讯录 4.2界面流设计 在NetBeans的流设计器中设计手机界面控件 及流程如图3所示。 图3项目流设计效果 其中,svgSplashScreen为程序启动动画闪屏, svgMenu为程序主菜单,svgForm为通讯录信息显示 

5期 李维勇等:基于SVG的手机软件可视开发研究 ・95・ 窗体。重构项目时最重要的设计在于:这些手机界 面不同于标准uI,其中的图像元素也不是png格 式,而是基于SVG元素构建的。 4.3类结构设计 SVGImage svgImage=(SVGImage) SVGImage.createlmage(imageStream,nul1); }catch(Exception e){ e.printStackTrace(); 图4显示了项目的类结构设计的简图。Con. tactListMidlet是程序的主Midlet类,ContactList— Screen是通讯录列表界面,ContactDetailsForm是联 } (2)SVG动画设计 JSR一226的SVGAnimator类为SVG设计了动 系人详情显示窗口,ContactDetails是联系人信息编 辑界面,ContactListSource是联系人信息存储处理 画渲染效果。通过SVGAnimator可以创建和控制一 个Canvas对象,这个对象自动处理屏幕更新,以播 类。 放动画事件和士目应用户的操作。初始化代码如下: public static SVGAnimator createAnimator( SVGImage svgImage){ SVGAnimator innerAnimator= SVGAnimator.createAnimator(svgImage); SVGAnimator outerAnimator= new DefaultSVGAnimator(innerAnimator,svglm— age); retum outerAnimator; } 4.5性能测试 (1)移植性测试 为了测试基于SVG的移动应用设备用户界面 设计的良好的可移植性,首先使用GNU GZIP对 SVG文件进行了1:8的压缩,并分别在Nokia¥60 和Java ME SDK 3.0 Device上进行了模拟运行。实 验结果表明,基于SVG的uI设计具有良好的设备 图4项目类结构图 自适应性和色彩控制。 4.4 SVG主要处理方法 (2)运行性能分析 (1)SVG图像读取 实验中,首先将项目中基于SVG的多媒体元 通过createImage()方法获取SVG图像的实例: 素,如程序载人动画、图像控件等替换为数字视频资 try{ 源文件和png图片,然后使用NetBeans的Profiler性 InputStream imageStream= 能分析工具分别对置换前后的项目进行了性能分 getClass().getResourceAsStream(”/loadScreen. 析。分析结果如图5所示。 svg”); 21 5.2o (a)基于SVG的内存损耗 (b)基于SVG的活动线程数量 (c)基于png的内存损耗 (d)基于png的活动线程数量 图5 Profiler性能分析 图5中的(a)和(c)分别表示基于SVG和基于 伸缩性。(b)和(d)分别表示两种情况下活动线程 png等格式的项目运行时内存耗用情况,说明了基 的数量分析,说明了基于SVG的MIDlet程序在性能 于SVG的多媒体元素具有较小的尺寸和良好的可 稳定性方面具有明显的优势。 (下转第99页) 

5期 张俊溪等 基于主成分聚类算法的陕西省环境协调性分析 ‘99・ 与环境污染程度的协调性较好,而汉中市由于是南 水北调中线工程的关键地带,因此治理力度仍然需 要加强,以确保“一江清水送北京”。 实际,通过环境污染与治理现状的对比分析可以有 效地挖掘各地市环境污染和环境治理力度之间的协 调关系,有效衡量各地区环境污染与环境治理协调 发展的程度,为相关管理和职能部门提供决策支持。 参考文献: [1]Sheng—Tun Lia,Li—Yen Shue.Data mining to aid policy making in air pollution management[J].Expert Systems with Applications,2004(27):331—340. (4)榆林、延安、铜川、商洛和安康这几个城市 的环境状况一直没有得到足够的重视,污染状况一 直存在,而治理力度却远远不够,因此应该进一步加 强这几个城市的环境治理和保护力度。值得一提的 是榆林所在地为陕北,近年来随着开采力度的增加, 对生态环境的破坏非常严重。但仅仅就本文的指标 体系而言只能涵盖环境污染状况,无法衡量整个生 态环境的破坏程度,因此,这方面也是需要进一步研 [2] Vladan Babovic,Jean—Philippe Dreeourt,Maarten Keijzer,Peter Friss Hansen.A data mining approach to modelling of water supply assets[J].Urban Water,2002 (4):401—414. 究的切人点。 表3陕西省11地市(区)污染与治理协调状况 [3] 劳期团.环境污染区划的一种新方法——环境污染灰 色聚类法[J].环境科学研究,1990(1):1—7. [4] 黄彩霞.宽域灰色聚类法在土壤环境质量评价中的应 用[J].环境科学导刊,2009,28(4):61—64. [5] 汪涛.基于改进灰色聚类法的城市道路环境空气质量 弱榆林、延安、铜川、商洛、安康 综合评价[J].环境工程,2009,27(2):38—41. [6]姜园,张朝阳,仇佩亮,等.用于数据挖掘的聚类算法 [J].电子与信息学报,2005(4):655—660. [7]MacQueen J.Some methods for classiifcation and analysis 中 强 成阳、西安 宝鸡 汉中、杨陵 渭南 5 结束语 随着我国经济的发展,环保问题也越来越突出, f omulti—variate observations[J].In:Proceedings of the 5th Berkeley Symposium on Mathematics Statistic Prob— 经济发展与环境保护如何协调,已经成为各地必须 面对的一个重大课题。将数据挖掘技术用于对环境 问题的研究极大地促进了环境问题中定性研究与定 量研究的结合。本文在充分调研分析的基础上选取 了衡量陕西省1 1地市环境污染与治理状况的两套 lem,1967(1):281—2973. [8] Vance Faber.Clustering and the Continuous k—Mearls Algoirthm.Los Alamos Science Number 22.1994[EB/ OL].http://www.c3.1ard.gov/~kelly/ml/pubs/1994一 concept/sidebar.pdf. [9] Mali U,Bandyopadhyay S.Genetic algorihm—basted c]us. 指标体系,首选用主成分分析法对指标体系进行降 维处理;其次采用聚类方法将其分为三类,结合当地 (上接第95页) tering technique[J].Pattem Recognition,2000,33(9): 1455一】465. com/produets/flshlaite/,2002. 5结束语 Mobile SVG技术是一种非常具有潜力的移动 应用开发技术,已经在移动GIS地图、手机游戏设计 [3]JSR一226 Expert Group.Scalable 2D vector rgaphics API ofr J2ME speciifcation(version 1.0)[EB/OL].http:// jcp.org/en/jsr/detail?id=226,2002. [4]W3C.Mobile SVG profiles:SVG tiny and SVG basic 等方面体现出其所具有的优势。随着3G技术的不 断发展,以及运营商、终端制造商、内容提供商等的 共同努力,Mobile SVG的无限魅力在资源受限的移 [EB/OL].http://www.w3.org/TR/SVG Mobile/. 20o3. [5] Oracle.The Java ME GUI APIs at a Glance[EB/OL]. http://developers.sun.eom/mobility/midp/artic1es/ guiapis/,2007. 动设备上必将大放异彩。 参考文献: [1]W3C.Scalable vector graphics(SVG):XML graphics for 。[6]SUN.Java ME Technology:Everything a Developer Needs the web[EB/OL].http://www.w3.org/Graphics/ SVG/,2002. f0r te Mobihle Market[EB/OL].http://java.San.c developer/techniealArticles/javame/mobilemarket/。 2OO8. 【2]Adobe.Adobe flsh laite[EB/OL].http://www.adobe. 

基于SVG的手机软件可视开发研究

本文发布于:2024-02-06 00:59:55,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170715239559049.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:设计   移动   图像
留言与评论(共有 0 条评论)
   
验证码:
排行榜

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23