ActionBar(9)定义ActionBar的样式及常用收

来源:互联网 发布:怎么在手机淘宝买东西 编辑:程序博客网 时间:2024/05/29 17:33

   如果你对应用程序中的可视构件进行了定制化的设计,那么你可能也会要对操作栏做一些重新设计,以便跟应用程序的设计匹配。要这样做的话,需要使用Android的样式与主题框架中的一些特殊的样式属性来重新设置操作栏的样式。

       注意:改变外观的背景图片依赖与当前按钮的状态(选择、按下、解除选择),因此你使用的可描画的资源必须是一个可描画的状态列表。

       警告:对于你提供的所有可描画的背景,要确保使用NinePatch类型可描画资源,以便允许图片的拉伸。NinePatch类型的图片应该比40像素高30像素宽的图片要小。


1.普通的外观

android:windowActionBarOverlay

      这个属性声明了操作栏是否应该覆盖Activity布局,而不是相对Activity的布局位置的偏移。这个属性的默认值是false。

      通常,在屏幕上,操作栏需要它自己的空间,并且把剩下的空间用来填充Activity的布局。当操作栏四覆盖模式时,Activity会使用所有的有效空间,系统会在Activity的上面描画操作栏。如果你想要在操作栏隐藏和显示时,布局中的内容保持固定的尺寸好位置,那么这种覆盖模式是有用的。你也可能只是为了显示效果来使用它,因为你可以给操作栏设置半透明的背景,以便用户依然能够看到操作栏背后的Activity布局。

       注意:默认情况下,Holo主题会用半透明背景来描画操作栏。但是,你能够用自己的样式来修改它,并且默认的情况下,DeviceDefault主题在不同的设备上可能使用不透明的背景。

       覆盖模式被启用时,Activity布局不会感知到操作栏覆盖在它的上面,因此,在操作栏覆盖的区域,最好不要放置一些重要的信息或UI组件。如果适合,你能够引用平台的actionBarSize值来决定操作栏的高度,例如,在XML布局文件中引用这个值。

[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. <SomeView  
  2.     ...  
  3.     android:layout_marginTop="?android:attr/actionBarSize" />  

       你还能够用getHeight()方法在运行时获取操作栏的高度。如果在Activity生存周期的早期调用这个方法,那么在调用时所反映的操作栏的高度可能不包括被堆放的操作栏(因为导航选项标签)。要看如何在运行时判断操作栏总的高度(包括被堆放的操作栏),请看Honeycomb Gallery示例应用中的TitlesFragment类。

2.ActionBar常用样式属性简表

android:actionButtonStyle给操作项按钮定义样式资源。android:actionBarItemBackground给每个操作项的背景定义可描画资源(被添加在API 级别 14中)。android:itemBackground给每个悬浮菜单项的背景定义可描画资源android:actionBarDivider给操作项之间的分隔线定义可描画资源(被添加在API 级别 14中)android:actionMenuTextColor给显示在操作项中文本定义颜色android:actionMenuTextAppearance给显示在操作项中文本定义样式资源android:actionBarWidgetTheme给作为操作视窗被填充到操作栏中的可视构件定义主题资源(被添加在API级别14中)android:actionBarTabStyle给操作栏中的选项标签定义样式资源android:actionBarTabBarStyle给显示在导航选项标签下方的细条定义样式资源android:actionBarTabTextStyle给导航选项标签中的文本定义样式资源android:actionDropDownStyle给下拉导航列表定义样式(如背景和文本样式)android:actionBarSplitStyle 分隔模式下的actionbar的样式
      

下例XML文件中给操作栏定义了一些定制的样式:

[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <!-- the theme applied to the application or activity -->  
  4.     <style name="CustomActivityTheme" parent="@android:style/Theme.Holo">  
  5.         <item name="android:actionBarTabTextStyle">@style/CustomTabTextStyle</item>  
  6.         <item name="android:actionBarDivider">@drawable/ab_divider</item>  
  7.         <item name="android:actionBarItemBackground">@drawable/ab_item_background</item>  
  8.     </style>  
  9.   
  10.     <!-- style for the action bar tab text -->  
  11.     <style name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo">  
  12.         <item name="android:textColor">#2456c2</item>  
  13.     </style>  
  14. </resources>  

       注意:一定要在<style>标签中声明一个父主题,这样定制的主题可以继承所有没有明确声明的样式。在修改操作栏样式时,使用父主题是至关重要的,它会让你能够简单的覆写你想要改变的操作栏样式,而不影响你不想修改的样式(如文本的外观或操作项的边缘)。

      你能够在清单文件中把定制的主题应用到整个应用程序或一个单独的Activity对象,如:



使用自定义的样式

[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. <application android:theme="@style/CustomActivityTheme" ... />  




例如,如果要改变操作栏背景,你可以使用下列样式:

[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <!-- the theme applied to the application or activity -->  
  4.     <style name="CustomActivityTheme" parent="@android:style/Theme.Holo">  
  5.         <item name="android:actionBarStyle">@style/MyActionBar</item>  
  6.         <!-- other activity and action bar styles here -->  
  7.     </style>  
  8.   
  9.     <!-- style for the action bar backgrounds -->  
  10.     <style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">  
  11.         <item name="android:background">@drawable/ab_background</item>  
  12.         <item name="android:backgroundStacked">@drawable/ab_background</item>  
  13.         <item name="android:backgroundSplit">@drawable/ab_split_background</item>  
  14.     </style>  
  15. </resources>  

原文地址:http://developer.android.com/guide/topics/ui/actionbar.html#ActionView

0 0
原创粉丝点击