精通Android Ui设计

第1部分  android ui设计的核心类介绍：开发工具、布局容器和widgets第1章  android ui设计工具：配置android开发系统 2java 6：下载并安装android基础支持 3android adt bundle：查找并下载android ide 5android adt bundle：安装android ide 7android adt bundle：启动ide并更新adt10ui线框图工具：下载并安装pencil 15数字图像编辑：下载并安装gimp 2.8.10 183d建模和动画：下载并安装blender 19数字音频编辑：下载并安装audacity 2.0.5 21数字视频编辑：下载并安装lightworks 11.5 23小结 25第2章  android ui布局：布局容器和viewgroup类 26布局容器：使用xml实现基于标签的ui设计 26使用参数：提炼并自定义ui标签 27android viewgroup：布局容器的超类 28viewgroup.layoutparams：控制布局的嵌套类 29viewgroup.marginlayoutparams：边距嵌套类 30边距（margins）和间距（padding）参数的差别 31让viewgroup动起来：layoutanimationcontroller32创建userinterface项目和pro.android.ui包 33新建android应用对话框 34新建android应用-配置项目对话框 35新建android应用-配置启动图标 37新建android应用-创建活动对话框 38新建android应用-空白活动对话框 39viewgroup xml属性：配置relativelayout 39查看xml属性：配置textview ui widget 43查看间距参数：在容器内添加空白 45analogclock widget：为viewgroup添加一个view 47使用值目录：利用xml完成ui设计 51小结 53第3章  android ui widgets：用户界面widgets和view类 55android view类：用于ui widgets的超类55android view直接子类：重要的widgets和工具56使用view属性：重要参数 57view的焦点：用户在关注哪一个ui widget 59view监听器：让ui widget响应用户操作 60ui布局创建：使用setcontentview()方法 62在relativelayout容器中添加button uiwidget 63eclipse adt问题标签：在adt中调试xml错误 65相对位置：在层级中添加ui按钮 67字符串常量：为ui按钮添加<string>标签 69事件处理器：使用java代码添加onclicklistener70控制analogclock的可见性：.setvisibility()方法 74安装并配置模拟器：测试java代码 76完成ui仿真设计：添加两个按钮 79小结 84第2部分  android ui设计menu类介绍：optionsmenu、contextmenu、popupmenu和actionbar第4章  android ui选项菜单：optionsmenu类和操作栏 86android menu类：菜单制作的公共接口 86android用户界面菜单设计：概述 87选项菜单 88关联菜单 88弹出菜单 89使用xml定义菜单：<menu>和<item>标签 89定义菜单属性：使用子标签参数 91选项菜单设计：使用main.xml菜单定义 92自定义optionsmenu：添加字符串常量 96自定义optionsmenu：编辑参数 97扩展optionsmenu：添加6个以上的menuitems 99gimp数字图像设计基础：创建菜单图标 100设置目标模拟器：运行配置对话框 105测试optionsmenu：使用方向切换模式 106optionsmenu事件处理：onoptionsitemselected() 108小结 116第5章  android ui本地菜单：contextmenu类和popupmenu类 117contextmenu概述：contextmenu公共接口117contextmenu方法：如何实现contextmenu 118利用oncontextitemselected()方法实现contextmenu事件处理 120为userinterface应用创建contextmenu120contextmenu文本常量：使用<string>标签 122创建oncreatecontextmenu()方法并扩展contextmenu123使用registerforcontextmenu()注册contextmenu124创建oncontextitemselected()方法处理menuitem选项 125android的popupmenu类：ui widget本地化菜单 128为userinterface应用创建popupmenu ui129使用xml标记定义popupmenu menuitem对象 129实例化用于popupmenu的textview uiwidget对象 131升级应用到支持api level 11 132在onclicklistener()内部实例化popupmenu134在android avd nexus one模拟器中测试popupmenu136小结 137第6章  android ui操作栏：高级操作栏设计和actionbar类 138actionbar组件 138actionbar导航模式 139android actionbar类 139为actionbar标签创建xml基础：布局 140为actionbar标签创建java基础：fragments 144android的layoutinflater类 148使用layoutinflater 149clocktablistener：部署tablistener的私有类 149fragmenttransaction类 153使用fragmenttransaction 154fragmenttransaction类 158小结 171第3部分  android ui设计：ui布局考虑、android操作系统设计概念和android ui设计指南第7章  android ui设计考虑：样式、目标屏幕密度和新媒体格式 174android媒体格式：数字图像和数字视频 174数字图像和数字视频的颜色术语 176数字图像压缩：概念和术语 176android中的声音：数字音频编码解码和格式 178数字音频和音效设计背后的术语 180声音采样 181数字视频压缩：4d概念和术语 182定义ui屏幕外观和观感：样式简介 183为userinterface应用的时钟创建样式 184使用数字图像和alpha通道：新媒体ui 190gimp 2.8.10与android结合：合成两张图像194为各种设备创建不同分辨率密度图像资源 198小结 202第8章  android ui设计概念：线框图和ui布局设计模式 203ui设计原型制作：使用pencil 2.0.5制作线框图203为android操作系统设置pencil的工作环境 203使用pencil 2.0.5复制actionbar ui设计 206在actionbar添加应用图标和标题 209使用pencil 2.0.5制作横屏模式ui设计原型 212在pencil中重新缩放ui设计以适配横屏模式 214android ui设计的复杂性：考虑因素众多 215android ui设计基本规则：符合android ui规范217android ui屏幕导航：android中使用的主要手势218高级ui导航类：导航抽屉或滑动视图 219android应用内导航：上一级和返回的差异 220支持用户配置应用：设置和帮助 221ui设计中的反馈：通知和确认 221ui设计中的品牌策略：书写风格、字体和图标 222ui设计模式：根据产品类型分组设备 223ui设计模式：为什么需要不同的布局 224ui设计的向后兼容性：android 2.x、3.x和4.x 225android ui设计原则：令人兴奋、简单、个性 226小结 227第9章  android ui布局规范、差异和方法228ui布局间距：48 dip用户界面布局规则 228ui布局面板：单面板和多面板布局 229ui布局复合视图：屏幕方向改变 229自动缩放并定位ui设计：布局常量 230设计ui元素彼此相关：relativelayout（相对布局） 231使用多个ui布局定义：资源适配 231相同布局的多个定义：布局别名 232android 3.2之前版本的资源适配：小（small）、大（large）和超大（xlarge）233android 3.2版本之后的资源适配：dip屏幕尺寸234应用屏幕尺寸支持：利用androidmanifest进行声明236创建可转换的ui设计：使用资源适配 236analogclock图形：为ui设计添加按钮 237创建多个按钮标签：添加文本串常量 239创建多个按钮元素：使用relativelayout 240创建资源适配目录和横屏布局 243小结 248第10章  android ui主题设计和数字媒体概念250主题简介：在整个应用或activity中采用样式 250适用整个应用范围的主题：<application>标签 251定制主题：创建灰色操作栏 255定制主题：创建红色标题文本 258适用活动范围的主题：使用<activity>标签259android数字图像格式：png8、png24、png32、jpeg、gif、webp 260数字图像分辨率：像素阵列和宽高比 261数字图像颜色值：颜色理论和颜色深度 262图像合成：alpha通道和混合模式 263使用代码表示颜色或alpha：十六进制 264数字图像和ui遮罩：alpha通道ui合成 265在设计中获得光滑的边缘：使用抗锯齿 266数字图像优化：压缩和抖动 267数字图像分辨率和颜色深度 267抖动 268alpha通道 269创建世界时钟图像资源：gimp合成 270创建金色圆环时钟：gimp中的色相偏移 272analogclock ui的java代码实现：整理完成273屏幕尺寸资源适配：太空中的analogclock 276小结 283第4部分  基础android ui设计：基本布局容器—framelayout、linearlayout、relativelayout和gridlayout第11章  android framelayout类：在ui设计中使用数字视频 286android framelayout类：独立内容帧框架 286framelayout.layoutparams嵌套类：gravity（重力） 288android的videoview类：在frame中使用数字视频 290android视频的生命周期：8个视频回放阶段 291android的mediaplayer类：视频回放引擎 292mediacontroller类：控制视频回放 293userinterface应用闪屏：使用framelayout 295android的uri类：在android应用中引用数据 297使用uri.parse()方法：输入videoview数据 298核心数字视频概念：帧、帧率或fps 299android中的数字视频：mpeg4 h.264和webm格式 300数字视频压缩：码率、流、标清和高清 301数字视频压缩：使用编码器和设置 302创建数字视频内容：使用terragen3软件 304创建非压缩的avi格式：使用virtualdub 306应用视频压缩：使用sorenson squeeze 309编辑squeeze pro预设 311使用squeeze it!按钮压缩mpeg4文件 312开始视频回放：测试videoview java代码 314使用framelayout ui容器缩放视频适配屏幕宽高比315在android中循环播放视频：使用onpreparedlistener()317android中的流式数字视频：在uri中使用http url319实现媒体传输ui：使用mediacontroller 319小结 322第12章  android linearlayout类：水平和垂直ui设计 323linearlayout类：android*常用的ui类 323linearlayout类：水平或垂直ui设计 323linearlayout中的ui元素空间：使用布局权重 324linearlayout.layoutparams嵌套类：布局权重 325imagebutton类：创建定制的按钮图形 326android imagebutton类：多状态图形按钮 326imagebutton状态：normal、pressed、focused和hovered 327创建userinterface菜单结构：ui布局菜单 328使用gimp数字图像软件进行ui设计 334创建多状态imagebutton资源：使用gimp2.8.10 334创建多状态imagebuttons：使用<selector>标签 339创建linearlayout ui设计：使用<linearlayout>341填充linearlayout ui设计：编写linearactivity346高级设计中的嵌套ui布局容器 348复杂的linearlayouts：嵌套linearlayout容器 348三层linearlayouts：嵌套linearlayouts的嵌套 350实现linearlayout的功能：java事件处理 353小结 357第13章  android relativelayout类：使用一个布局容器进行ui设计 358relativelayout类：利用相对性进行ui设计 358relativelayout.layoutparams嵌套类：ui设计 359常用布局定位参数：above、below和center 360布局对齐参数：top、bottom、left、right、start、end 360本地布局定位参数：toleftof和torightof 361对齐父布局定位参数：alignparenttop等 361在userinterface菜单结构中添加relativelayout362将linearlayout设计移植到relativelayout设计 366使用relativelayout定位标签定位ui设计 369利用relativelayout对齐ui设计 371利用锚点ui元素实现ui设计边距对齐 373使用margintop参数居中显示星球名称 375微调参数使relativelayout ui设计更匀称 376小结 379第14章  android gridlayout类：利用网格布局进行ui设计 380gridlayout类：利用网格进行ui设计 380使用rowspec和columnspec参数 381关于gridlayout定位、伸缩性、空间和重力 381gridlayout类的可见性：利用gone常量 382gridlayout类的缺点：没有权重参数 383gridlayout中的布局参数：嵌套类 384gridlayout.layoutparams嵌套类：布局参数 384gridlayout.alignment嵌套类：对齐常量 385gridlayout.spec嵌套类：水平或垂直spec 386众多gridlayout类参数：默认设置 387在userinterface应用中实现gridlayout388在userinterface菜单结构中添加gridlayout388定义gridlayout：网格ui设计基础 390加入更多星球和信息：更新strings.xml 394在gridactivity.java中利用java进行gridlayout ui交互 395利用重力参数控制gridlayout定位 397利用列合并功能增加中间textview区域 399添加java代码，实现gridlayout交互 403在网格ui中添加新媒体元素和合成效果 407小结 409第5部分  高级android ui设计：高级布局容器—drawerlayout、slidingpane、viewpager、pagertitlestrip和pagertabstrip第15章  android drawerlayout类：在ui设计中使用ui抽屉 412drawerlayout类：使用可伸缩ui进行设计 412drawerlayout所用到的android类 414android listview：带有选项列表的ui设计414android abslistview类：虚拟列表的基础类 415android adapterview类：使用基于数组的views 416android适配器接口：使用基于数组的views 416创建userinterface应用的drawerlayoutactivity 417定义drawerlayout：创建ui抽屉的xml定义 417建立自己的draweractivity java activity子类 419添加listview事件处理：实现ui功能 425为火星添加<string>常量：更多的行星信息428添加抽屉自动缩回：closedrawer()方法 430精细化draweractivity类中的drawerlayout431修改每个listview的imageview和背景 435小结 437第16章  android slidingpanelayout类：在ui设计中使用滑动面板 439slidingpanelayout类：跨设备类型的ui设计439slidingpanelayout类的层级结构 440slidingpanelayout类适用的*佳ui设计 440在slidingpanelayout中使用权重参数 441探索3个slidingpanelayout嵌套类 442在userinterface应用中添加slidingpanelayout442定义slidingpanelayout：slidingpaneui的xml代码 443创建火星imagebutton：利用gimp和xml 444完成行星ui面板定义：添加4个imagebuttons 446定义行星信息面板：添加5个textviews 447创建加载ui的slidingpaneactivity子类 448在android manifest中添加slidingpaneactivity类 449微调slidingpanelayout ui设计布局宽度451在slidingpanelayout ui设计中合成图像452在slidingpanelayout ui设计中使用多个图像452利用java实现slidingpanelayout设计交互 454使用不同模拟器测试slidingpanelayout 459小结 462第17章  android viewpager类：利用viewpager实现水平导航 463viewpager类：水平滑动屏幕ui设计 464viewpager.layoutparams嵌套类：布局属性 465pageradapter类：管理viewpages数组 466pageradapter方法：实现pageradapter的覆盖方法 466利用关键对象进行viewpager索引 467定义分页布局：使用xml编写多面板ui 469为mainactivity菜单添加viewpagingactivity类 470配置androidmanifest.xml 472完成定义行星ui面板：添加4个imagebuttons 472创建viewpagingactivity类滑动太空图像 474为viewpagingactivity添加viewpageradapter类 476添加getcount()方法 476添加.instantiateitem()方法 477添加.destroyitem()方法 478添加.isviewfromobject()方法 479添加公共parcelable.savestate()方法479添加.restorestate()、.startupdate()和.finishupdate() 479测试galaxy数字图像资源分页ui界面 480小结 481第18章  android pagertitlestrip和pagertabstri：viewpager导航ui 482pagertitlestrip类：水平滑动屏幕标题 482加载pagertitlestrip数据：创建string[]数组 484调用pagertitlestrip布局：.getpagetitle()方法 485定义pagertitlestrip布局：使用xml编写pagertitlestrips 486利用pagertitlestrip测试viewpagingactivity类 487配置pagertitlestrip：使用java方法 489设置textsize参数 489设置textcolor参数 490测试12sp textsize和cyan textcolor设置效果 491设置textspacing参数 492pagertabstrip类：水平滑动屏幕标签 493转换pagertitlestrip ui到pagertabstripui设计 494转换xml ui定义 495转换java ui定义 495渲染新的pagertabstrip ui 497为pagertabstrip定义定制的颜色 498添加定制的数字图像ui元素 500在pagertabstrip ui设计中使用图像合成 501小结 503