Android个人项目高仿微信主界面设计（下）

最新推荐文章于 2019-01-02 16:11:21 发布

刘麒麟

最新推荐文章于 2019-01-02 16:11:21 发布

阅读量6.9k

点赞数 6

分类专栏：移动开发

本文链接：https://blog.csdn.net/bzwulian/article/details/53926211

版权

本文介绍了如何在Android项目中高仿微信主界面，特别是使用PagerSlidingTabStrip实现聊天、发现、通讯录Tab效果。通过修改AndroidManifest.xml和MainActivity布局，创建并配置ChatFragment、FoundFragment、ContactsFragment，最终达到类似微信的Tab切换体验。项目实践加深了对控件利用和UI设计的理解，提升了实际问题解决能力。

摘要由CSDN通过智能技术生成

6 编写AndroidMainfest.xml

最后，AndroidManifest.xml中还需要稍微进行一点修改，如下所示：

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:logo="@drawable/logo"
    android:theme="@style/AppTheme" >

    <activity
        android:name="com.example.wechatsample.MainActivity"
        android:icon="@drawable/logo"
        android:label="@string/app_name" >
    ......
    </activity>
</application>

在<applicationi>标签中增加了一个logo属性，在<activity>标签中增加了一个icon属性。现在运行一下程序，效果如下图所示：

可以看到，我们的界面已经和微信非常相似了，几乎已经可以以假乱真了！哈哈，小得意一下。

但是这还没有结束呢，虽说最顶部一行的ActionBar已经成功实现了，可下面的聊天、发现、通讯录这三个Tab我们还没做呢。如此高端大气上档次的功能是不能就这么放过的，因此下面我们就来探究一下如何才能实现微信那样的Tab效果。

虽说我知道如何在ActionBar当中创建Tab了，但是这里我并不准备使用它，因为它的灵活性不够强，很难做出和微信一模一样的Tab效果。而ActionBar Tab的替代品也很多，我们可以自己写，也可以使用网上现有的开源框架，PagerSlidingTabStrip这个框架就挺不错，这里简单和稳定起见，我们就直接使用它了

PagerSlidingTabStrip是GitHub上的一个开源框架，由Andreas Stuetz编写，它可以完成和ActionBar Tab基本类似的功能，不过由于是完全开源的，我们可以随意修改其中的代码，因而扩展性非常好。

那么开始吧，首先需要将PagerSlidingTabStrip的源码下载下来，并集成到我们的项目当中，PagerSlidingTabStrip的GitHub主页地址是：https://github.com/astuetz/PagerSlidingTabStrip 。

具体集成的方法相信大家都会(和SlidingMenu，Universal-Image-Loader等都是一样的)，这里我就不再赘述了。需要注意的是，PagerSlidingTabStrip原生的代码也是实现不了和微信完全一样的效果的，需要我们在其源码的基础上进行修改，不过由于PagerSlidingTabStrip的源码比较长，我就不把修改过后的代码贴上来了。