Android 3.0交互设计.ppt

你需要做的 应用导航 ? 如果你有一个带多层级结构的应用, 那么应该在Action Bar中支持UP导航 ? 如果你的应用程序支持系统的深链接进入你的深层页面, 那么在堆栈中，将当前屏幕置于目标程序之上 – E.g. Widget中的深链接 – E.g. 通知中的深链接 64 介绍 超越传统列表 ? 富媒体应用视图 ? “Hero moments” 打破了单调的列表视图 ? 鼓励像翻阅一本杂志一样进行更深入的探索 65 实例 超越传统列表 66 实现 超越传统列表 ? CarouselView – 脚本渲染 – 用于定制服务 ? FragmentPager, Workspace 用于同时展示一个内容或者一页内容 ? 不要使用Gallery widget 67 http://j.mp/io2011-carousel-sample 个案研究— Google I/O 2011 App 下载这个应用. 我们等你. 69 http://goo.gl/UhnLT 基础 原理 ? 单一的 .APK包，同时支持平板和手机 ? 给-xlarge-v11定制 的布局, 绘制, 风格, 和尺寸资源 –Gingerbread（Android OS 2.3及之前版本）平板电脑将只能使用普通的手机布局 ? Fragment 兼容库 73 原理 活动 – 通用: – 手机专属: – 平板专属: ? 不同类型的Activities: – HomeActivity – SessionsActivity (single fragment) – SessionsMultiPaneActivity ? Activity helpers – ActivityHelper – ActivityHelperHoneycomb – BaseSinglePaneActivity – BaseMultiPaneActivity 工具栏 原理 ? 为手机定制Action Bar(ActionBarCompat) – 使用res/menu/ – Action Bar和按钮只是体现风格的区别 75 public void onPostCreate(Bundle savedInstanceState) { SimpleMenu menu = new SimpleMenu(mActivity); onCreatePanelMenu(Window.FEATURE_OPTIONS_PANEL, menu); for (int i = 0; i menu.size(); i++) { MenuItem item = menu.getItem(i); addActionButtonCompatFromMenuItem(item); } } 绘制标签 — 手机和平板, .9.png ? drawable-hdpi ? drawable-xlarge-mdpi-v11 76 主体内容尺寸— 手机和平板 dimen name=body_padding_large 20dp /dimen dimen name=text_size_xlarge 32sp /dimen dimen name=speaker_image_size 64dp /dimen 77 values/dimens.xml dimen name=body_padding_large 10dp /dimen dimen name=text_size_xlarge 18sp /dimen dimen name=speaker_image_size 36dp /dimen values-xlarge-v11/dimens.xml 手机: 平板: /p/iosched Get the code: 回顾 79 1. 平板的介绍 2. 蜂巢的视觉设计 3. 平板的用户界面模式 及 蜂巢的构架特点 – 交互设计 – 实现 4. 个案研究— Google I/O 2011 App 给予反馈 http://goo.gl/4dTQp 询问问题 http://goo.gl/mod/zdyR #io2011 #Android 中文版 for 昆仑UED Team / 1Mobile Team 一般结构 工具栏 ? 应用图标 – 它可以替换成其他的LOGO或者品牌 – 在应用中也通常可以支持返回上一级的导航 32 一般结构 工具栏 ? 查看详情 – 简单: 标题栏和交互位置的更换 – 丰富: 标签、下拉菜单、面包屑导航 33 一般结构 工具栏 ? 操作按钮 – 很多重要的、要经常操作的按钮应集中在左侧 – 按钮可以是单独的图标,