是男人就下100层【第一层】——高仿微信界面（10）

在上一篇中虽然实现了微信5.0的主界面框架，但是方法似乎有点牵强，官方已经为HOLO主题提供了actionBar我前面翻译过两篇文章《Android官方教程翻译（5）——设置ActionBar》、《Android官方教程翻译（6）——添加ActionBar》，今天我们来看一下如何使用ActionBar以及用actionBar实现微信主界面。

首先新建一个应用：

我们可以看到系统默认为我们提供了ActionBar(Android3.0版本已经默认启用了Action Bar，因此只要版本高于“11”那么默认就会启动Action Bar,如果你是2.1以上3.0以下则需要下载支持的jar包。)

下面我贴出style.xml文件代码：

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="android:Theme.Holo.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
        
    </style>


    <!-- Application theme. -->
	<style name="MyTheme" parent="@android:style/Theme.Holo.Light">
	</style>
	<style name="MyTheme.WithActionBar" parent="@style/MyTheme">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionButtonStyle">@style/MyActionButton</item>
		<item name="android:actionBarTabBarStyle">@style/MyActionBarTabBar</item>
		<item name="android:actionBarTabTextStyle">@style/MyActionBarTabTextStyle</item>
    </style>
    <style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">  
		<item name="android:windowActionBarOverlay">true</item>  
		<item name="android:background">@drawable/actionbar_bg</item>  
		<item name="android:backgroundStacked">#F7F7F7</item>  
		<item name="android:backgroundSplit">#33BA03</item> 
	</style> 
   
    <style name="MyActionButton" parent="@android:style/Widget.Holo.ActionButton">     
		<item name="android:gravity">center</item>   
		<item name="android:paddingLeft">12dip</item>   
		<item name="android:paddingRight">12dip</item>   
		<item name="android:scaleType">center</item>   
	</style>  
	
    <style name="MyActionBarTabBar" parent="@android:style/Widget.Holo.Light.ActionBar.TabBar">
        <item name="android:divider">@null</item>   
		<item name="android:showDividers">middle</item>   
		<item name="android:dividerPadding">0dip</item>  
    </style>
    

    <style name="MyActionBarTabTextStyle" parent="@android:style/Widget.Holo.Light.ActionBar.TabText">
        <item name="android:textColor">#669900</item>
        <item name="android:textSize">15dp</item>
        <item name="android:textStyle">normal</item>
        <item name="android:maxLines">1</item>
    </style>
</resources>

具体的界面就不写了，这个涉及到一些项目信息，所以不方便上传代码。

感兴趣的朋友可以参考：

http://blog.csdn.net/klpchan/article/details/10027841

http://blog.csdn.net/eclipsexys/article/details/8688538

最后的运行结果：

应大家的要求，我将menu文件贴出来，关于fragment实现菜单导航部分，大家可以搜一下。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
     <!-- Search, should appear as action button -->  
    <item android:id="@+id/action_search"  
          android:icon="@drawable/ic_action_refresh"  
          android:title="刷新" 
          android:showAsAction="always"/>  
    <!-- Settings, should always be in the overflow -->
 	<item android:id="@+id/action_add"  
          android:title="分享"  
          android:icon="@drawable/ic_action_share"
          android:showAsAction="always" />   
   
   <item android:id="@+id/action_settings"  
          android:title="更多"  
          android:icon="@drawable/ic_action_overflow"
          android:showAsAction="always"> 
          <menu >
              <group >
                  <item 
                      android:id="@+id/item1"
                      android:title="个人中心"
                      android:icon="@drawable/ic_action_user"/>
                  <item 
                      android:id="@+id/item2"
                      android:title="自定义"
                      android:icon="@drawable/ic_action_edit"/>
                  <item 
                      android:id="@+id/item3"
                      android:title="历史记录"
                      android:icon="@drawable/ic_action_paste"/>
              </group>
          </menu>
    </item> 
</menu>