cosmos控件的设计与android差别.docVIP

Cosmos 控件设计与Android的比较 cosmos概要介绍 Cosmos是MTK平台的一个MMI package，不同的package为不同的平台提供有差异的UI风格。比如pluto package适用于key 或者 key加触笔的低端平台。Cosmos 致力于Finger Touch的平台(比如Iphone和Android平台手机的风格)，采用cosmos开发的应用UI风格精美（fancy）。按照MTK文档，Cosmos的定义为：FTO（Finger Touch Optimized）style，用VenusUI和 VenusFW重写的MMI Package。 与MTK平台的其他feature phone相比较，cosmos平台对硬件的性能要求比较高： 1，为了满足finger touch，屏幕尺寸和分辨率要足够大。推荐屏幕最低配置2.6inches，分辨率240*320； 2，芯片要提供优异的图形加速效果； 3，支持重力感应； cosmos平台按键设计要求底部按键必须支持下面四个按键，与android的常见按键风格相比较，少了“menu”按键（图1）。 图1 cosmos底部按键 本文主要关注的是Cosmos的控件方面的设计，并与Android中的设计做对比。 2 cosmos的控件以及与android的比较 在Cosmos中控件被称之为CP(Component),分为以下几个系列：menu，bar，buttons，text，popup，others。 2.1?Menu Cosmos的menu包括List menu，Group List menu，Form，Picker，Base menu和Wheel menu。 2.2.1 List menu List menu是最为常见的表达列表的一种控件（图2.2.1.1）： 图2.2.1.1 支持动态列表； 列表中的每一个Cell是固定的高度； 当列表内容发生变化时随之更新； 通过不同的设置来实现不同风格的Cell，如cell layout风格（图2.2.1.2），editing mode（图2.2.1.3），control mode（图2.2.1.4）； 支持用户定制，比如添加search bar，seek bar，cell style等。 图2.2.1.2 图2.2.1.3 图2.2.1.4 在android平台的开发中，可采用listview和adapter实现listmenu的功能。对于不同的cell风格，用户可以在cell的layout文件中根据需要自定义。 2.2.2 Group List menu Group List menu 与list menu功能类似，不同是添加了index bar把列表区分为不同的群组。常用于联系人列表界面（图2.2.2.1）。 图2.2.2.1 2.2.3 Form 这里的form是表单的意思，与menu的形式类似（图2.2.3.1）。其特点为： 每个Cell的高度和布局可能是不同的，menu的Cell高度和布局都是相同的； 每个Cell都是预先定义好的，且Cell的数量是预先确定的； 支持删除和插入Cell； 前三种在android的开发中都没有类似封装好的控件，需要用户根据需要自定义开发。建议UI能提供比较美观的layout定义，统一整体的菜单风格。 图2.2.3.1 2.2.4 Picker 用于设置日期或者时间（图2.2.4.1）。Android类似控件有Datepicker和Timepicker。 图2.2.4.1 2.2.5 Base menu Base Menu用于在屏幕上滚动的显示大量的menu item，在用户上下滚动菜单时，menu item会动态的创建或者关闭，大大节省了资源。用户可以拖拽和点击menu item。效果类似与android新浪微博的查看微博的菜单风格。Base Menu只是提供了一个用于创建menu UI的框架，实现一个这样的菜单还需要实现大量的代码。 Base Menu这种风格的菜单目前比较受欢迎，在android的应用中也很常见，建议封装。 图2.2.5.1 2.2.6 Wheel menu Wheel menu提供一个用于动画显示大量菜单的框架。在任何时候只有一个item处于焦点位置，并且焦点位置是固定的，点击其他非焦点的item，会自动切换焦点到这个item。Menu item的移动具有动画效果，且支持非线性的动画效果。每个Item自身也支持动画。图2.2.6.1是一个效果截图。图2.2.6.2-图2.2.6.5是几个应用场景的示意图。 图2.2.6.1 图2.2