Android开发-类微信界面的设计

Android开发-类微信界面的设计

一、 实现效果图

主界面

联系人详情

二、功能说明

实现一个类微信的主界面UI，并通过RecyclerView实现列表效果，同时添加点击事件，实现点击列表项跳转到详情页面，并处理返回操作。

1.Android类微信的界面设计

2.4个tab页面跳转。

3.Adapter的创建

4.RecyclerView的使用

5.数据绑定

三、功能实现

1.设计类微信主界面UI

布局结构：

顶部：我的微信（layout_top.xml）

中部：主要内容显示区域（Fragment 容器）

底部：Tab 栏（包含聊天、联系人、发现、我的四个 Tab）(layout_bottom.xml)

顶部

底部

外层LinearLayout，采用horizontal，水平布局，使得4个tab页面水平排版。内部则用vertical，竖直排列，文字排版在图片下方。

image的资源要放在res/drawable下，然后在使用时引用

中部

对于每一个底部tab，建中部文件。4个fragment文件

.xml的布局类似下图：