36、微信通讯录页面

最新推荐文章于 2021-12-25 19:47:33 发布

asmcvc

最新推荐文章于 2021-12-25 19:47:33 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android项目实践--高仿微信

本文为博主原创文章，未经博主允许不得转载。网易内推职位：www.zhupite.com

本文链接：https://blog.youkuaiyun.com/asmcvc/article/details/50738644

Android项目实践--高仿微信专栏收录该内容

62 篇文章

订阅专栏

界面：

整体是一个ListView用来显示联系人列表，右侧是一个侧边栏，用来显示联系人姓名前的首字母，也就是#，A，B，C...Z

布局代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
   <FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">
      <LinearLayout
android:layout_gravity="center"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@color/windows_color">
         <ListView
android:id="@+id/lvContact"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="none"
android:dividerHeight="0dp"
android:divider="#00000000"
android:listSelector="#00000000"
android:cacheColorHint="#00000000" />
      </LinearLayout>
      <com.example.wechat.widget.SideBar
android:id="@+id/sideBar"
android:layout_height="wrap_content"
android:layout_width="30dp"
android:layout_marginTop="30dp"
android:layout_gravity="right|center_vertical" />
<!--  android:background="@drawable/mm_text_bg_trans"  -->
</FrameLayout>
</LinearLayout>

侧边栏用了一个自定义的控件SideBar，这个后面再说。

还有一个列表头：

layout_head = ctx.getLayoutInflater().inflate(R.layout.layout_head_friend, null);
lvContact.addHeaderView(layout_head);
界面预览：

布局代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
    <include android:id="@+id/layout_search" layout="@layout/layout_head_search"/>
   <LinearLayout
android:id="@+id/layout_addfriend"
style="@style/MMListItem"
android:layout_height="55.0dip"
android:background="@drawable/setting_item_selector"
android:paddingLeft="15dip">
      <ImageView
android:layout_width="40dip"
android:layout_height="40dip"
android:src="@drawable/icon_addfriend" />
      <TextView
style="@style/MMFontTitleInList"
android:textColor="@color/black"
android:text="@string/recommended_friends"
android:layout_marginLeft="13dp"
android:singleLine="true" />
   </LinearLayout>
   <View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/black2" />

      <LinearLayout
android:id="@+id/layout_group"
style="@style/MMListItem"
android:layout_height="55.0dip"
android:background="@drawable/setting_item_selector"
android:paddingLeft="15dip">
      <ImageView
android:layout_width="40dip"
android:layout_height="40dip"
android:src="@drawable/icon_qunliao" />
      <TextView
style="@style/MMFontTitleInList"
android:textColor="@color/black"
android:text="@string/group_chats"
android:layout_marginLeft="10dp"
android:singleLine="true" />
   </LinearLayout>
   <View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/black2" />

      <LinearLayout
android:id="@+id/layout_public"
style="@style/MMListItem"
android:layout_height="55.0dip"
android:background="@drawable/setting_item_selector"
android:paddingLeft="15dip">
      <ImageView
android:layout_width="40dip"
android:layout_height="40dip"
android:src="@drawable/icon_public" />
      <TextView
style="@style/MMFontTitleInList"
android:textColor="@color/black"
android:text="@string/official_accounts"
android:layout_marginLeft="10dp"
android:singleLine="true" />
   </LinearLayout>
</LinearLayout>

分别涉及到：
搜索好友及公众号 ： SearchActivity
添加好友： NewFriendsListActivity
群聊：GroupListActivity
公众号：PublishUserListActivity

联系人列表适配器：ContactAdapter。