高仿微信主界面设计
1 功能需求及技术可行性分析
在开始编码之前,我们需要先对程序进行需求分析,想一想项目中应该具备哪些功能。将这些功能全部整理出来之后,我们才好动手去一一实现。这里我认为高仿微信主界面设计中至少应该具备以下功能:
1. 可以展示出聊天、发现、通讯录三个主界面
2. 可以自由切换三个主界面。
3. 点击搜索按钮,可以出现搜索框。
4. 点击加号和右侧的按钮,出现子菜单。
虽然看上去只有四个主要的功能点,但如果想要全部实现这些功能却需要用到很多技术,主要是ActionBar,其他的有UI设计、Action Provider、ViewPager等等,因此还是非常考验综合应用能力的。不过好在这些技术我们全部都学习过了,只要学得用心,相信完成这些功能并不难。
我们要实现的效果如下图所示:
2 新建项目
首先新建一个Android项目,起名叫作WeChatSample。既然是要实现ActionBar,那么第一步当然就是编辑menu目录下的main.xml文件了,代码如下所示:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="com.example.wechatsample.MainActivity" >
<item
android:id="@+id/action_search"
android:actionViewClass="android.widget.SearchView"
android:icon="@drawable/actionbar_search_icon"
android:showAsAction="ifRoom|collapseActionView"
android:title="@string/action_search"/>
<item
android:id="@