Android UI开发第三十一篇——Android的Holo Theme_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > Android UI开发第三十一篇——Android的Holo Theme

Android UI开发第三十一篇——Android的Holo Theme

 2013/9/27 9:50:19  张兴业  博客园  我要评论(0)
  • 摘要:好长时间没写AndroidUI方面的文章了,今天就闲扯一下Android的Holo主题。一直做android开发的可能都知道,Android系统的UI有过两次大的变化,一次是android3.0发布,UI开发支持了Fragment,主要增加了大屏幕显示的支持,这个版本就开始支持HoloTheme,由于android3.X的设备占有率也不高,这一次的改变没有引起大的关注;再一次的改变就是Android4.0,也就是通常所说的ICS,这个于2011年底发布的Android系统
  • 标签:android 开发

        好长时间没写Android UI方面的文章了,今天就闲扯一下Android的Holo主题。一直做android开发的可能都知道,Android 系统的UI有过两次大的变化,一次是android 3.0发布,UI开发支持了Fragment,主要增加了大屏幕显示的支持,这个版本就开始支持Holo Theme,由于android 3.X的设备占有率也不高,这一次的改变没有引起大的关注;再一次的改变就是Android 4.0 ,也就是通常所说的 ICS ,这个于2011年底发布的Android系统,同时也发布了指导性的应用设计规范《Android Design》 有了设计规范的指导,就有了更多应用采用了Holo Theme,尤其国外的应用。Holo Theme的主要特点是轻快的颜色、适当的阴影、卡片化布局、方角矩形。

 

一、Holo Theme的三种表现形式

         Holo Theme是android4.0开始提出的一套UI风格,Holo Theme一共有三种风格-Holo Light,Holo Dark,Holo Light with dark action bars。Android 4.0以后的手机系统内集成有Holo Theme的控件,简单的应用直接调用这些控件,就能设计出Holo 风格的应用,和原生系统风格很一致。下图是Holo Theme三种风格的表现形式。

        

                

                  Gmail in Holo Light.                                               Settings in Holo Dark.                     Talk in Holo Light with dark action bar.

 

二、Holo Theme是Android Design的一部分

         Holo Theme是Android Design的一部分,Holo Theme 是 Android Design 的最基础的呈现方式。如果要以 VennDiagram 来表示的话,大概是下图这样的。


       如果整个背景的浅灰代表了 Android Design,那么其中淡蓝的圆圈便是 Holo Theme。 Android Design包含了对色彩、主题、事件状态图、应用图标、控件等Android 应用设计相关的定义,主题成了 Android Design的一部分。

 

三、Holo Theme在android 4.0版本以下怎么实现

 

           Holo Theme在4.0之上很容易实现,系统支持,如果在4.0之前的版本中使用Holo风格,则通过HoloEverywhere 库即可实现。HoloEverywhere 依赖 ActionBarSherlock来在4.0之前版本中实现ActionBar。下图是HoloEverywhere的实现效果,后篇会详细介绍HoloEverywhere。

 

                            

 

 

 

/** * @author 张兴业 *  http://blog.csdn.net/xyz_lmn *  iOS入门群:83702688
*  android开发进阶群:241395671 *  我的新浪微博@张兴业TBOW */

 

 

http://developer.android.com/design/index.html

发表评论
用户名: 匿名