六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 28|回复: 0

Widget应用的基本组成

[复制链接]

升级  40%

28

主题

28

主题

28

主题

秀才

Rank: 2

积分
110
 楼主| 发表于 2013-2-7 16:25:05 | 显示全部楼层 |阅读模式
      widget开发在最近变得十分火热,基于移动终端的widget的各种小应用也不断涌现。在接触widget开发之余,将widget开发中所要注意的一些细节进行整理。首先来看一个widget应用的基本结构。
     一个widget开发项目应该包含两大部分内容:组成应用的必须部分与可选部分。下面做详细介绍.
     1.必需部分。对于一个widget应用而言,我们通常将其中的必需部分放到整个应用的根目录之下。主要包括一个html文件与一个plist配置说明文件。

  • html 文件:一个标准的包括整个Widget应用的结构框架信息的HTML文件。它的名称必须与我们在info.plist中定义的属性一致(如下)。
  • info.plist文件: 一个标准的包括整个widget应用的属性与配置信息的XML格式文档,它主要是与html文档配合来完成整个应用的基本界面及简单功能的实现。
     2.可选部分。对于一个widget应用而言,我们可以将它们放到整个应用的根目录下,也可以放到子目录文件夹中去。这主要由可选部分的文件多少来确定,如果文件比较多,我们将其分类放到子目录文件夹中。主要包括icon图像文件,CSS
层叠样式表文件,JavaScript文件与一些可能用到的其它图片文件。

  • icon文件:一个用来在移动终端上标识整个widget应用程序的图片。必须是PNG格式的文件 ,且大小为88x88像素。Icon文件会在widget程序安装的时候自动被终端识别与安装。如果没有提供这个文件,移动终端将会提供整个系统默认的应用程序图标。
  • CSS文件:用来定义整个widget应用的样式与外观等的文件。一个widget应用可以包括多个CSS文件。当然我们也可以将CSS文件嵌入到html文件中去,因此CSS文件可以不提供。但强烈建议在开发时将CSS文件与HTML文件分开,即将CSS文件所设定的样式与标签分开。
  • JavaScript文件:用来处理整个widget应用的逻辑处理。如实现用户的UI交互,用户UI元素的处理等。一个Widget应用也可以包含多个JavaScript文件。与CSS一样也可以嵌入到HTML中去使用。
  • 图片等多媒体文件:用来实现一些用户界面的优化及widget应用中可能用到的一些功能效果等的实现。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表