第5章-1 用户界面.ppt

用户界面 3G智能手机开发 User Interface用户界面 说明布局Layout 创建菜单Menus 创建对话Dialogs 处理用户UI事件 用户提示 确定风格 定制组件 数据与界面绑定 模拟器屏幕 HVGA-L：480x320横屏 HVGA-P：320x480竖屏（默认） QVGA-L：320x240横屏 QVGA-P：240x320竖屏 WVGA-L：800x480横屏 UI用户界面设计：Icon设计 应用程序需要各种各样的图标尺寸和定位 Launcher icons要有多样化的形状和样式，但又要形成统一的视觉风格，其尺寸和定位也用统一： 红色边框为图标尺寸 蓝色边框是图形尺寸，比图标尺寸稍小，图形之外的空间用于显示阴影和特殊效果。 橙色边框是另外一种图形尺寸。两种类型的图形尺寸可以达到统一的视觉权重。 Icon的风格 符合当下的流行趋势，避免过度使用隐喻。 高度简化和夸张，小尺寸图标也能易于识别，不宜太复杂。 尝试抓住程序的主要特征，比如音像作为音乐的icon。 使用自然的轮廓和形状，看起来几何化和有机化，不失真实感。 采用前视角，几乎没有透视，光源在顶部。 不光滑但富有质感。 UI用户界面设计：Widget设计 Widget是Android 1.5的一个新特性，允许程序显示一些常用而又重要的信息在用户的桌面主屏上 标准的Android系统映像包含了一些示例widgets包括指针时钟、音乐播放器和其他工具如Google搜索栏。 Widget即是可由用户自己编写的功能控件。 典型的Android Widget有三个主要组件： 边框 框架 图形控件以及其他元素 注意widgets的开状尺寸以便在主屏上显示 User Interface Guidelines Activity and Task Design 活动是应用程序的基础，是构建应用程序的独立模块。在设计应用程序界面时，可以自由的复用其他应用程序的活动，从而丰富和扩展自己的应用程序。 UI用户界面设计：Menu设计 选项菜单Options Menu：活动的主菜单。通过按下设备菜单键来显示它。选项菜单包含两组菜单项： 图标菜单Icon Menu 这个是当用户按下菜单键时最初出现屏幕下方的item集合。它支持最多6个菜单项。只有这些菜单支持图标而且这些菜单并不支持checkboxes或者radio buttons。 扩展菜单Expanded Menu 这是通过按“更多”菜单显现出来的一个竖向的项目列表。它仅当图标菜单过多时存在而且是由6个以及其它选项菜单组成。 上下文菜单Context Menu：浮动菜单列表，通常在你长时间按在一个视图上时出现（比如一个列表项） 子菜单Submenu：浮动菜单列表，通过在选项菜单或上下文菜单选择菜单项显露出来。不支持嵌套子菜单。 Android UI布局 ViewGroup通过各种Layout，控制所属View的显示位置。 Layout AbsoluteLayout-绝对布局 FrameLayout-帧布局 GridView-网格视图 LinearLayout-线性布局 ListLayout-列表布局 RadioGroup-单选组 TableLayout-表格布局 RelativeLayout-相对布局 显示图像 增加ImageView 与原先的TextView，按垂直线性布局。 布局 线性布局LinearLayout 垂直：android:orientation=vertical“ 水平：android:orientation=horizontal FrameLayout帧布局 从屏幕的左上角（0,0）坐标开始布局，多个组件层叠排序，后面的组件覆盖前面的组件 所有子元素都钉到屏幕的左上角 不能为子元素指定位置 TableLayout 子元素放入到行与列中 不显示行、列或是单元格边界线 单元格不能横跨行，如HTML 中一样 AbsoluteLayout绝对布局 指明子元素确切的屏幕(X,Y)坐标 (0,0)是左上角，下移或右移时，坐标值增加 允许元素重叠(但是不推荐) 注意： 一般建议不使用AbsoluteLayout 除非你有很好的理由来使用它 因为它相当严格并且在不同的设备显示中不能很好地工作 Android 2.0 API文档中标示该类已过期，可以使用帧布局或者相对布局代替 RelativeLayout相对布局 让子元素指定它们相对于其他元素的位置(通过ID 来指定)或相对于父布局对象，跟AbsoluteLayout这个绝对坐标布局是个相反。 在RelativeLayout布局里的控件包含丰富的排列属性： Layout above：控件在指定控件的上方 Layout below：控件在指定控件的下方 Layout tole