《Android_UI设计》.pdf

Android UI 计技巧 沈青海( ) shenqh@ Copyright 2008-2009 Farsight. All rights reserved. } 1、使用include标签包含共享UI设计 } 2 、渐变效果实现 } 3、灵活使用styles.xml } 4 、自定义按钮显示效果 } 5、实现无失真图片拉伸 华清远见3G研发中心： 使用inclucde标签(1) } UI素材 } 效果截图 华清远见3G研发中心： 使用inclucde标签(2) } 创建新的布局文件title_layout.xml } layout属性：其对应抽取出来共享的布局内容。 华清远见3G研发中心： } 1、使用include标签包含共享UI设计 } 2 、渐变效果实现 } 3、灵活使用styles.xml } 4 、自定义按钮显示效果 } 5、实现无失真图片拉伸(NinePatch图片处理) 华清远见3G研发中心： 渐变效果的实现(1) } 效果截图 华清远见3G研发中心： 渐变效果的实现(2) } 创建新的drawable的xml文件 华清远见3G研发中心： 渐变效果的实现(3) } 设置android:background属性 华清远见3G研发中心： } 1、使用include标签包含共享UI设计 } 2 、渐变效果实现 } 3、灵活使用styles.xml } 4 、自定义按钮显示效果 } 5、实现无失真图片拉伸(NinePatch图片处理) 华清远见3G研发中心： 增加登陆界面相关组件 } 效果截图 华清远见3G研发中心： 灵活使用styles.xml(1) } 创建styles.xml文件 华清远见3G研发中心： 灵活使用styles.xml(2) } 设置style属性 华清远见3G研发中心： } 1、使用include标签包含共享UI设计 } 2 、渐变效果实现 } 3、灵活使用styles.xml } 4 、自定义按钮显示效果 } 5、实现无失真图片拉伸(NinePatch图片处理) 华清远见3G研发中心： 创建自定义按钮效果显示(1) } 图片素材 } 效果截图 华清远见3G研发中心： 创建自定义按钮效果显示(2) } 创建新的drawable的xml文件 华清远见3G研发中心： 创建自定义按钮效果显示(3) } 设置Button的android:background属性 华清远见3G研发中心： } 1、使用include标签包含共享UI设计 } 2 、渐变效果实现 } 3、灵活使用styles.xml } 4 、自定义按钮显示效果 } 5、实现无失真图片拉伸(NinePatch图片处理) 华清远见3G研发中心： 实现无失真图片拉伸(1) } UI素材 } 实现截图 华清远见3G研发中心： 实现无失真图片拉伸(2) } 使用draw9patch.bat工具创建.9.png图片 华清远见3G研发中心： 总结和QA 华清远见3G研发中心： 华清远见A