首页 > 微信 > 详细

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

时间:2014-03-08 03:25:17      阅读:684      评论:0      收藏:0      [点我收藏+]

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

首先新建一个应用:

bubuko.com,布布扣

我们可以看到系统默认为我们提供了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

最后的运行结果:

bubuko.com,布布扣



是男人就下100层【第一层】——高仿微信界面(10),布布扣,bubuko.com

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

原文:http://blog.csdn.net/dawanganban/article/details/20687767

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!