devbox
盐析白兔
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android Studio 制作微信界面 下_androidstudiolistview仿微信消息界面

作者：盐析白兔 | 2024-06-05 11:29:27

赞

踩

androidstudiolistview仿微信消息界面

主界面

     上一篇文章的链接：

Android Studio 制作微信界面 上_nazonomaster的博客-CSDN博客icon-default.png?t=N7T8https://blog.csdn.net/nazonomaster/article/details/124456716

        接下来创建fragment的Java文件

                首先是WeixinFragment.java

                在包内创建一个名为fragment的文件夹，在该文件夹中创建新的Java类并命名为WeixinFragment

  1. public class WeixinFragment extends Fragment {
  2.     private List<Weixin> weiList = new ArrayList<>();
  3.     @Nullable
  4.     @Override
  5.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
  6.                              @Nullable Bundle savedInstanceState) {
  7.         return inflater.inflate(R.layout.weixin_fragment,container,false);
  8.     }
  9.         @Override
  10.         public void onActivityCreated(@Nullable Bundle savedInstanceState) {
  11.             super.onActivityCreated(savedInstanceState);
  12.             inints();
  13.  
  14.             WeixinAdapter adapter = new WeixinAdapter(this.getContext(),R.layout.weixin_content_item,
  15.                     weiList);
  16.             ListView listView = getView().findViewById(R.id.weixin_listview);
  17.             listView.setAdapter(adapter);
  18.  
  19.             listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  20.                 @Override
  21.                 public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  22.                     Weixin weixin = weiList.get(position);
  23.                     if (weixin.getName()=="笨笨"){
  24.                         Intent intent = new Intent(getActivity(), ChatActivity.class);
  25.                         startActivity(intent);
  26.                     }else {
  27.                         Toast.makeText(getActivity(),"不是通讯录里的联系人( ´_ゝ`)", Toast.LENGTH_SHORT).show();
  28.                     }
  29.                 }
  30.             });
  31.  
  32.  
  33.         }
  34.  
  35.     private void inints() {
  36.         for (int i=0; i<2;i++){
  37.             Weixin w1 = new Weixin();
  38.             w1.setImageId(R.mipmap.dingyuehao);
  39.             w1.setName("订阅号服务");
  40.             w1.setNeirong("重庆科技学院:今晚，重科人用歌声献礼建党100周年!");
  41.             weiList.add(w1);
  42.  
  43.             Weixin w2 = new Weixin();
  44.             w2.setImageId(R.mipmap.yundong);
  45.             w2.setName("运动健康");
  46.             w2.setNeirong("[应用消息]");
  47.             weiList.add(w2);
  48.  
  49.             Weixin w3 = new Weixin();
  50.             w3.setImageId(R.mipmap.weixinzhifu);
  51.             w3.setName("微信支付");
  52.             w3.setNeirong("微信支付凭证");
  53.             weiList.add(w3);
  54.  
  55.             Weixin w4 = new Weixin();
  56.             w4.setImageId(R.mipmap.jizhangben);
  57.             w4.setName("微信记账本");
  58.             w4.setNeirong("昨日记账日报，点击查看详情");
  59.             weiList.add(w4);
  60.  
  61.             Weixin w5 = new Weixin();
  62.             w5.setImageId(R.mipmap.youxiang);
  63.             w5.setName("QQ邮箱提醒");
  64.             w5.setNeirong("Nintendo (Hongkong) Limited:最后召集！ ...");
  65.             weiList.add(w5);
  66.  
  67.             Weixin w6 = new Weixin();
  68.             w6.setImageId(R.mipmap.haer);
  69.             w6.setName("笨笨");
  70.             w6.setNeirong("long may the sunshine!");
  71.             weiList.add(w6);
  72.         }
  73.  
  74.     }
  75. }

                第二个是TongxunluFragment.java

                在fragment文件夹中创建新的Java类并命名为TongxunluFragment

  1. public class TongxunluFragment extends Fragment {
  2.     private List<Tongxunlu> tongxunluList = new ArrayList<>();
  3.  
  4.     @Nullable
  5.     @Override
  6.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
  7.                              @Nullable Bundle savedInstanceState) {
  8.         return inflater.inflate(R.layout.tongxunlu_fragment,container,false);
  9.     }
  10.  
  11.     @Override
  12.  
  13.         public void onActivityCreated(@Nullable Bundle savedInstanceState) {
  14.             super.onActivityCreated(savedInstanceState);
  15.             inints();
  16.  
  17.             TongxunluAdapter adapter = new TongxunluAdapter(this.getContext(),R.layout.txl_content_item,
  18.                     tongxunluList);
  19.             ListView listView = getView().findViewById(R.id.txl_listview);
  20.             listView.setAdapter(adapter);
  21.         }
  22.  
  23.     private void inints() {
  24.         Tongxunlu t1 = new Tongxunlu();
  25.         t1.setImageId(R.mipmap.newf);
  26.         t1.setName("新的朋友");
  27.         tongxunluList.add(t1);
  28.  
  29.         Tongxunlu t2 = new Tongxunlu();
  30.         t2.setImageId(R.mipmap.qunchat);
  31.         t2.setName("群聊");
  32.         tongxunluList.add(t2);
  33.  
  34.         Tongxunlu t3 = new Tongxunlu();
  35.         t3.setImageId(R.mipmap.biaoqian);
  36.         t3.setName("标签");
  37.         tongxunluList.add(t3);
  38.  
  39.         Tongxunlu t4 = new Tongxunlu();
  40.         t4.setImageId(R.mipmap.gongzhonghao);
  41.         t4.setName("公众号");
  42.         tongxunluList.add(t4);
  43.  
  44.         for (int i=0;i<2;i++){
  45.             Tongxunlu t5 = new Tongxunlu();
  46.             t5.setImageId(R.mipmap.t_tx01);
  47.             t5.setName("笨笨");
  48.             tongxunluList.add(t5);
  49.  
  50.             Tongxunlu t6 = new Tongxunlu();
  51.             t6.setImageId(R.mipmap.t_tx02);
  52.             t6.setName(" d=( ﾟ∀。)-好耶");
  53.             tongxunluList.add(t6);
  54.  
  55.             Tongxunlu t7 = new Tongxunlu();
  56.             t7.setImageId(R.mipmap.t_tx03);
  57.             t7.setName("Hollow Knight");
  58.             tongxunluList.add(t7);
  59.  
  60.             Tongxunlu t8 = new Tongxunlu();
  61.             t8.setImageId(R.mipmap.t_tx05);
  62.             t8.setName("Mr_Quin");
  63.             tongxunluList.add(t8);
  64.  
  65.             Tongxunlu t9 = new Tongxunlu();
  66.             t9.setImageId(R.mipmap.t_tx04);
  67.             t9.setName("是acc啦");
  68.             tongxunluList.add(t9);
  69.  
  70.             Tongxunlu t10 = new Tongxunlu();
  71.             t10.setImageId(R.mipmap.tx_kenny);
  72.             t10.setName("机智的肯尼");
  73.             tongxunluList.add(t10);
  74.         }
  75.  
  76.  
  77.     }
  78.  
  79. }

                第三个是FaxianFragment.java

                在fragment文件夹中创建新的Java类并命名为FaxianFragment

  1. public class FaxianFragment extends Fragment  {
  2.     private LinearLayout linearLayout;
  3.     @Nullable
  4.     @Override
  5.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
  6.                              @Nullable Bundle savedInstanceState) {
  7.         View view = inflater.inflate(R.layout.faxian_fragment, container, false);
  8.  
  9.         RelativeLayout relativeLayout = view.findViewById(R.id.pyquan_click);
  10.         relativeLayout.setOnClickListener(new View.OnClickListener() {
  11.             @Override
  12.             public void onClick(View v) {
  13.                 Intent intent = new Intent(getActivity(),PyquanActivity.class);
  14.                 startActivity(intent);
  15.             }
  16.         });;
  17.         return view;
  18.  
  19.     }
  20.  
  21. }

                最后是WodeFragemnt.java

                在fragment文件夹中创建新的Java类并命名为WodeFragemnt 

  1. public class WodeFragemnt extends Fragment {
  2.     @Nullable
  3.     @Override
  4.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
  5.                              @Nullable Bundle savedInstanceState) {
  6.         return inflater.inflate(R.layout.wode_fragment,container,false);
  7.     }
  8. }

        菜单按钮布局

                menu_weixin_icon_selector.xml

        首先是第一个按钮的布局文件，在main\res\drawable中创建一个新的布局文件并命名为menu_weixin_icon_selector.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:drawable="@mipmap/faxian02" android:state_pressed="true"/>
  4.     <item android:drawable="@mipmap/faxian02" android:state_selected="true"/>
  5.     <item android:drawable="@mipmap/faxian01"/>
  6. </selector>

                menu_tongxunlu_icon_selector.xml

        第二个按钮的布局文件，在main\res\drawable中创建一个新的布局文件并命名为menu_tongxunlu_icon_selector.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:drawable="@mipmap/tongxunlu02" android:state_pressed="true"/>
  4.     <item android:drawable="@mipmap/tongxunlu02" android:state_selected="true"/>
  5.     <item android:drawable="@mipmap/tongxunlu01"/>
  6. </selector>

                menu_faxian_icon_selector.xml

        第三个按钮的布局文件，在main\res\drawable中创建一个新的布局文件并命名为menu_faxian_icon_selector.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:drawable="@mipmap/faxian02" android:state_pressed="true"/>
  4.     <item android:drawable="@mipmap/faxian02" android:state_selected="true"/>
  5.     <item android:drawable="@mipmap/faxian01"/>
  6. </selector>

                menu_wode_icon_selector.xml

        第四个按钮的布局文件，在main\res\drawable中创建一个新的布局文件并命名为menu_wode_icon_selector.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:drawable="@mipmap/wode02" android:state_pressed="true"/>
  4.     <item android:drawable="@mipmap/wode02" android:state_selected="true"/>
  5.     <item android:drawable="@mipmap/wode01"/>
  6. </selector>

首页界面

        布局文件weixin_content_item.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     tools:ignore="MissingDefaultResource">
  9.     <LinearLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:orientation="horizontal"
  13.         android:gravity="center"
  14.         android:layout_marginTop="5dp">
  15.         <ImageView
  16.             android:id="@+id/weixin_content_img"
  17.             android:layout_width="48dp"
  18.             android:layout_height="48dp"
  19.             android:src="@mipmap/dingyuehao"
  20.             android:layout_marginLeft="10dp"/>
  21.         <LinearLayout
  22.             android:layout_width="match_parent"
  23.             android:layout_height="wrap_content"
  24.             android:layout_gravity="center"
  25.             android:layout_marginLeft="10dp"
  26.             android:orientation="vertical">
  27.             <TextView
  28.                 android:id="@+id/weixin_content_txt1"
  29.                 android:layout_width="wrap_content"
  30.                 android:layout_height="wrap_content"
  31.                 android:text="订阅号消息"
  32.                 android:textSize="24sp"
  33.                 android:textColor="#000000"
  34.                 />
  35.             <TextView
  36.                 android:id="@+id/weixin_content_txt2"
  37.                 android:layout_width="wrap_content"
  38.                 android:layout_height="wrap_content"
  39.                 android:text="重庆科技学院:今晚，重科人用歌声献..."
  40.                 android:textSize="15sp"
  41.                 />
  42.             <View
  43.                 android:layout_width="match_parent"
  44.                 android:layout_height="2dp"
  45.                 android:background="#d8dde1"
  46.                 android:layout_marginTop="10dp"
  47.                 android:layout_marginRight="10dp"/>
  48.         </LinearLayout>
  49.     </LinearLayout>
  50. </LinearLayout>

        Weixin.java

        在包内创建一个新的文件夹entity，在该文件夹中创建新的Java类，命名为Weixin

  1. public class Weixin {
  2.     private String name;
  3.     private String neirong;
  4.     private int imageId;
  5.  
  6.     public String getName() {
  7.         return name;
  8.     }
  9.     public void setName(String name) {
  10.         this.name = name;
  11.     }
  12.  
  13.     public String getNeirong() {
  14.         return neirong;
  15.     }
  16.     public void setNeirong(String neirong) {
  17.         this.neirong = neirong;
  18.     }
  19.  
  20.     public int getImageId() {
  21.         return imageId;
  22.     }
  23.     public void setImageId(int imageId) {
  24.         this.imageId = imageId;
  25.     }
  26. }

         WeixinAdapter.java

         在包内创建一个新的文件夹adapter，在该文件夹中创建新的Java类，命名为WeixinAdapter

  1. public class WeixinAdapter extends ArrayAdapter<Weixin> {
  2.     private int resourceId;
  3.     private static final String TAG = "WeixinAdapter";
  4.     private List<Weixin> list;
  5.  
  6.     public WeixinAdapter(@NonNull Context context, int resource, @NonNull List<Weixin> objects) {
  7.         super(context, resource, objects);
  8.         resourceId = resource;
  9.     }
  10.  
  11.     @NonNull
  12.     @Override
  13.     public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent)
  14.     {
  15.         Weixin weixin = getItem(position);
  16.         View view = LayoutInflater.from(getContext()).inflate(resourceId,
  17.                 parent, false);
  18.         ImageView fruitImage = view.findViewById(R.id.weixin_content_img);
  19.         TextView fruitName = view.findViewById(R.id.weixin_content_txt1);
  20.         TextView fruitNr = view.findViewById(R.id.weixin_content_txt2);
  21.  
  22.         fruitImage.setImageResource(weixin.getImageId());
  23.         fruitName.setText(weixin.getName());
  24.         fruitNr.setText(weixin.getNeirong());
  25.         return view;
  26.     }
  27. }

        这样首页部分就完成了。 

通讯录界面

        布局文件txl_content_item.xml

        在layout文件夹中创建一个名为txl_content_item的布局文件。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.     <LinearLayout
  6.         android:layout_width="match_parent"
  7.         android:layout_height="wrap_content"
  8.         android:orientation="horizontal">
  9.         <ImageView
  10.             android:id="@+id/t_tx"
  11.             android:layout_width="40dp"
  12.             android:layout_height="40dp"
  13.             android:background="@mipmap/newf"
  14.             android:layout_marginTop="5dp"
  15.             android:layout_marginLeft="10dp"/>
  16.         <LinearLayout
  17.             android:layout_width="match_parent"
  18.             android:layout_height="wrap_content"
  19.             android:orientation="vertical"
  20.             android:layout_marginLeft="10dp">
  21.             <TextView
  22.                 android:id="@+id/t_name"
  23.                 android:layout_width="wrap_content"
  24.                 android:layout_height="wrap_content"
  25.                 android:text="新的朋友"
  26.                 android:textSize="19dp"
  27.                 android:textColor="#000000"
  28.                 android:layout_marginTop="10dp"/>
  29.             <View
  30.                 android:layout_width="match_parent"
  31.                 android:layout_height="1dp"
  32.                 android:layout_marginTop="20dp"
  33.                 android:background="#e0e0e0"/>
  34.  
  35.         </LinearLayout>
  36.  
  37.     </LinearLayout>
  38.  
  39.  
  40. </LinearLayout>

        Tongxunlu.java

        在entity文件夹中创建一个名为Tongxunlu的Java类文件

  1. public class Tongxunlu {
  2.     private String name;
  3.     private int imageId;
  4.  
  5.     public String getName(){
  6.         return name;
  7.     }
  8.     public void setName(String name){
  9.         this.name = name;
  10.     }
  11.  
  12.     public int getImageId(){
  13.         return imageId;
  14.     }
  15.     public void setImageId(int imageId) {
  16.         this.imageId = imageId;
  17.     }
  18. }

        TongxunluAdapter.java

        在adapter文件夹中创建一个名为TongxunluAdapter的Java类文件

  1. public class TongxunluAdapter extends ArrayAdapter<Tongxunlu> {
  2.     private int resourceId;
  3.     private static final String TAG = "TongxunluAdapter";
  4.     private List<Tongxunlu> list;
  5.  
  6.     public TongxunluAdapter(@NonNull Context context, int resource, @NonNull List<Tongxunlu> objects) {
  7.         super(context, resource, objects);
  8.         resourceId = resource;
  9.     }
  10.  
  11.     @NonNull
  12.     @Override
  13.     public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent)
  14.     {
  15.         Tongxunlu tongxunlu = getItem(position);
  16.         View view = LayoutInflater.from(getContext()).inflate(resourceId,
  17.                 parent, false);
  18.  
  19.         ImageView t_tx = view.findViewById(R.id.t_tx);
  20.         TextView t_name = view.findViewById(R.id.t_name);
  21.  
  22.         t_tx.setImageResource(tongxunlu.getImageId());
  23.         t_name.setText(tongxunlu.getName());
  24.  
  25.         return view;
  26.     }
  27. }

聊天功能的实现

        聊天界面布局activity_chat.xml

        在layout文件夹中创建一个名为activity_chat的布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     android:background="#d8e0e8"
  9.     tools:context=".ChatActivity">
  10.     <RelativeLayout
  11.         android:layout_width="match_parent"
  12.         android:layout_height="70dp"
  13.         android:background="#f2f2f2">
  14.  
  15.         <Button
  16.             android:id="@+id/weixin_back"
  17.             android:layout_width="40dp"
  18.             android:layout_height="40dp"
  19.             android:layout_alignParentLeft="true"
  20.             android:layout_marginLeft="10dp"
  21.             android:layout_marginTop="12dp"
  22.             android:background="@mipmap/back" />
  23.  
  24.         <TextView
  25.             android:id="@+id/chat_name"
  26.             android:layout_width="wrap_content"
  27.             android:layout_height="wrap_content"
  28.             android:text="笨笨"
  29.             android:textSize="25dp"
  30.             android:textColor="#000000"
  31.             android:layout_centerHorizontal="true"
  32.             android:layout_marginTop="15dp"/>
  33.         <Button
  34.             android:layout_width="40dp"
  35.             android:layout_height="40dp"
  36.             android:background="@mipmap/ddd"
  37.             android:layout_alignParentRight="true"
  38.             android:layout_marginTop="12dp"
  39.             android:layout_marginRight="10dp"/>
  40.  
  41.     </RelativeLayout>
  42.  
  43.     <androidx.recyclerview.widget.RecyclerView
  44.         android:id="@+id/msg_recycler_view"
  45.         android:layout_width="match_parent"
  46.         android:layout_height="0dp"
  47.         android:layout_weight="1"/>
  48.  
  49.     <RelativeLayout
  50.         android:layout_width="match_parent"
  51.         android:layout_height="60dp"
  52.         android:orientation="horizontal"
  53.         android:background="#f2f2f2">
  54.         <Button
  55.             android:id="@+id/yuyin"
  56.             android:layout_width="40dp"
  57.             android:layout_height="40dp"
  58.             android:background="@mipmap/yuyin"
  59.             android:layout_marginTop="10dp"
  60.             android:layout_marginLeft="10dp"/>
  61.  
  62.         <EditText
  63.             android:id="@+id/input_txt"
  64.             android:layout_width="0dp"
  65.             android:layout_height="42dp"
  66.             android:layout_marginLeft="20dp"
  67.             android:layout_marginTop="10dp"
  68.             android:layout_toRightOf="@+id/yuyin"
  69.             android:layout_toLeftOf="@+id/send_emoji"
  70.             android:layout_marginRight="10dp"
  71.             android:background="#ffffff" />
  72.         <Button
  73.             android:id="@+id/send_emoji"
  74.             android:layout_width="40dp"
  75.             android:layout_height="40dp"
  76.             android:background="@mipmap/fabiaoqing"
  77.             android:layout_marginTop="10dp"
  78.             android:layout_marginRight="5dp"
  79.             android:layout_toLeftOf="@+id/btn_send"/>
  80.         <Button
  81.             android:id="@+id/btn_send"
  82.             android:layout_width="60dp"
  83.             android:layout_height="40dp"
  84.             android:text="发送"
  85.             android:textColor="#ffffff"
  86.             android:textSize="20sp"
  87.             android:background="#32dc60"
  88.             android:layout_alignParentRight="true"
  89.             android:layout_marginTop="10dp"
  90.             android:layout_marginRight="10dp"/>
  91.  
  92.     </RelativeLayout>
  93.  
  94.  
  95. </LinearLayout>

        聊天框的布局msg_item.xml

        在layout文件夹中创建一个名为msg_item的布局文件

        代码中涉及到聊天框的图片和路径，图片文件保存在res/mipmap_hdpi中

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:orientation="vertical"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="wrap_content"
  7.     android:padding="10dp">
  8.  
  9.     <LinearLayout
  10.         android:id="@+id/left_layout"
  11.         android:layout_gravity="left"
  12.         android:layout_width="wrap_content"
  13.         android:layout_height="wrap_content"
  14.         android:orientation="horizontal"
  15.         android:background="@mipmap/message_left">
  16.  
  17.         <TextView
  18.             android:id="@+id/left_msg"
  19.             android:layout_width="wrap_content"
  20.             android:layout_height="wrap_content"
  21.             android:layout_gravity="center"
  22.             android:layout_margin="10dp"
  23.             android:textColor="#fff"
  24.             android:text="你好，小明"/>
  25.     </LinearLayout>
  26.  
  27.     <LinearLayout
  28.         android:id="@+id/right_layout"
  29.         android:orientation="horizontal"
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="wrap_content"
  32.         android:background="@mipmap/message_right"
  33.         android:layout_gravity="right">
  34.  
  35.         <TextView
  36.             android:id="@+id/right_msg"
  37.             android:layout_width="wrap_content"
  38.             android:layout_height="wrap_content"
  39.             android:layout_gravity="center"
  40.             android:layout_margin="10dp"
  41.             android:text="口口口口"
  42.             />
  43.     </LinearLayout>
  44. </LinearLayout>

        Msg.java

        在entity文件夹中创建一个名为Msg的Java类文件

  1. public class Msg {
  2.     public static final int TYPE_RECEIVED = 0;
  3.     public static final int TYPE_SENT = 1;
  4.     // 消息内容
  5.     private String content;
  6.     // 消息类型
  7.     private int type;
  8.  
  9.     public Msg(String content,int type){
  10.         this.content = content;
  11.         this.type = type;
  12.     }
  13.  
  14.     public int getType(){
  15.         return type;
  16.     }
  17.  
  18.     public String getContent(){
  19.         return content;
  20.     }
  21.  
  22.     public void setContent(String content){
  23.         this.content = content;
  24.     }
  25.  
  26.     public void setType(int type){
  27.         this.type = type;
  28.     }
  29. }

        MsgAdapter.java

        在adapter文件夹中创建一个名为MsgAdapter的Java类文件

  1. public class MsgAdapter extends RecyclerView.Adapter<MsgAdapter.ViewHolder> {
  2.     private List<Msg> mMsgList;
  3.     static class ViewHolder extends RecyclerView.ViewHolder{
  4.         LinearLayout leftLayout;
  5.         LinearLayout rightLayout;
  6.         TextView leftMsg;
  7.         TextView rightMsg;
  8.         public ViewHolder(View view){
  9.             super(view);
  10.             leftLayout = (LinearLayout) view.findViewById(R.id.left_layout);
  11.             rightLayout = (LinearLayout) view.findViewById(R.id.right_layout);
  12.             leftMsg = (TextView) view.findViewById(R.id.left_msg);
  13.             rightMsg = (TextView) view.findViewById(R.id.right_msg);
  14.         }
  15.     }
  16.  
  17.     public MsgAdapter(List<Msg> msgList){
  18.         mMsgList = msgList;
  19.     }
  20.  
  21.     @Override
  22.     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
  23.         View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.msg_item,parent,false);
  24.         return new ViewHolder(view);
  25.     }
  26.  
  27.     @Override
  28.     public void onBindViewHolder(ViewHolder holder,int position){
  29.         Msg msg = mMsgList.get(position);
  30.         if (msg.getType() == Msg.TYPE_RECEIVED) {
  31.             holder.leftLayout.setVisibility(View.VISIBLE);
  32.             holder.rightLayout.setVisibility(View.GONE);
  33.             holder.leftMsg.setText(msg.getContent());
  34.         }else if (msg.getType() == Msg.TYPE_SENT){
  35.             holder.rightLayout.setVisibility(View.VISIBLE);
  36.             holder.leftLayout.setVisibility(View.GONE);
  37.             holder.rightMsg.setText(msg.getContent());
  38.         }
  39.     }
  40.  
  41.     @Override
  42.     public int getItemCount() {
  43.         return mMsgList.size();
  44.     }
  45. }

        ChatActivity.java

        在包内创建一个名为ChatActivity的Java类文件

  1. public class ChatActivity extends AppCompatActivity {
  2.     private Handler mHandler = new Handler();
  3.  
  4.     private List<Msg> msgList = new ArrayList<>();
  5.     private EditText inputText;
  6.     private Button send;
  7.     private RecyclerView msgRecyclerView;
  8.     private MsgAdapter adapter;
  9.     @Override
  10.     protected void onCreate(Bundle savedInstanceState) {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_chat);
  13.  
  14.         //设置返回按钮
  15.         Button back = (Button) findViewById(R.id.weixin_back) ;
  16.         back.setOnClickListener(new View.OnClickListener() {
  17.             @Override
  18.             public void onClick(View view) {
  19.                 finish();
  20.             }
  21.         });
  22.  
  23.         //聊天功能
  24.         inintMsgs();
  25.         inputText = (EditText) findViewById(R.id.input_txt);
  26.         send = (Button) findViewById(R.id.btn_send);
  27.         msgRecyclerView = (RecyclerView) findViewById(R.id.msg_recycler_view);
  28.         LinearLayoutManager layoutManager = new LinearLayoutManager(this);
  29.         msgRecyclerView.setLayoutManager(layoutManager);
  30.         adapter = new MsgAdapter(msgList);
  31.         msgRecyclerView.setAdapter(adapter);
  32.         send.setOnClickListener(new View.OnClickListener() {
  33.             @Override
  34.             public void onClick(View v) {
  35.                 String content = inputText.getText().toString();
  36.                 if (!"".equals(content)){
  37.                     Msg msg = new Msg(content,Msg.TYPE_SENT);
  38.                     msgList.add(msg);
  39.                     adapter.notifyItemInserted(msgList.size() - 1);
  40.                     msgRecyclerView.scrollToPosition(msgList.size() - 1);
  41.                     inputText.setText("");
  42.                     recrive();
  43.                 }else {
  44.                     Toast.makeText(ChatActivity.this,"请输入",Toast.LENGTH_SHORT).show();
  45.                 }
  46.             }
  47.         });
  48.     }
  49.  
  50.     private void inintMsgs() {
  51.         Msg msg1 = new Msg("Hello",Msg.TYPE_RECEIVED);
  52.         msgList.add(msg1);
  53.         Msg msg2 = new Msg("Never Mind the Slander and Lies",Msg.TYPE_SENT);
  54.         msgList.add(msg2);
  55.         Msg msg3 = new Msg("long may the sunshine!",Msg.TYPE_RECEIVED);
  56.         msgList.add(msg3);
  57.     }
  58.     private void recrive(){
  59.         Msg msg1 = new Msg("you are dragon,more dragon than me",Msg.TYPE_RECEIVED);
  60.         msgList.add(msg1);
  61.     }
  62. }

朋友圈功能的实现

        activity_pyquan.xml

        在layout文件夹中创建一个名为activity_pyquan的布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical"
  7.     android:background="#ffffff">
  8.     <RelativeLayout
  9.         android:layout_width="match_parent"
  10.         android:layout_height="70dp"
  11.         android:background="#f2f2f2">
  12.  
  13.         <Button
  14.             android:id="@+id/pyquan_back"
  15.             android:layout_width="40dp"
  16.             android:layout_height="40dp"
  17.             android:layout_alignParentLeft="true"
  18.             android:layout_marginLeft="10dp"
  19.             android:layout_marginTop="12dp"
  20.             android:background="@mipmap/back" />
  21.         <TextView
  22.             android:layout_width="wrap_content"
  23.             android:layout_height="wrap_content"
  24.             android:text="朋友圈"
  25.             android:textSize="25dp"
  26.             android:textColor="#000000"
  27.             android:layout_centerHorizontal="true"
  28.             android:layout_marginTop="15dp"/>
  29.         <Button
  30.             android:layout_width="40dp"
  31.             android:layout_height="40dp"
  32.             android:background="@mipmap/zhaoxiang"
  33.             android:layout_alignParentRight="true"
  34.             android:layout_marginTop="12dp"
  35.             android:layout_marginRight="10dp"/>
  36.     </RelativeLayout>
  37.  
  38.     <ListView
  39.         android:id="@+id/pyquan_listview"
  40.         android:layout_width="match_parent"
  41.         android:layout_height="match_parent"
  42.         android:background="#ffffff"
  43.         android:overScrollMode="never"/>
  44. </LinearLayout>

        pyquan_content_item.xml

        在layout文件夹中创建一个名为pyquan_content_item的布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     tools:ignore="MissingDefaultResource">
  9.     <LinearLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:orientation="horizontal"
  13.         android:layout_marginBottom="5dp">
  14.         <!--头像-->
  15.         <ImageView
  16.             android:id="@+id/pyquan_touxiang"
  17.             android:layout_width="60dp"
  18.             android:layout_height="60dp"
  19.             android:background="@mipmap/touxiang"
  20.             android:layout_marginLeft="15dp"
  21.             android:layout_marginTop="15dp"/>
  22.         <!--内容-->
  23.         <LinearLayout
  24.             android:layout_width="match_parent"
  25.             android:layout_height="wrap_content"
  26.             android:orientation="vertical"
  27.             android:layout_marginLeft="10dp">
  28.             <TextView
  29.                 android:id="@+id/pyquan_name"
  30.                 android:layout_width="wrap_content"
  31.                 android:layout_height="wrap_content"
  32.                 android:text="所长的肚子"
  33.                 android:textSize="20sp"
  34.                 android:textColor="#2999ce"
  35.                 android:layout_marginTop="15dp"/>
  36.             <TextView
  37.                 android:id="@+id/pyquan_txt"
  38.                 android:layout_width="wrap_content"
  39.                 android:layout_height="wrap_content"
  40.                 android:text="所若干黑色和人格拉尔感觉到开发了的概率较大了开长大ad管理卡带回来卡迪夫辣豆腐静安寺电话费拉收到货了咖啡机阿拉斯加代理费"
  41.                 android:textSize="17dp"
  42.                 android:textColor="#000000"/>
  43.             <ImageView
  44.                 android:id="@+id/pyquan_peitu"
  45.                 android:layout_width="wrap_content"
  46.                 android:layout_height="wrap_content"
  47.                 android:src="@mipmap/photo"
  48.                 android:layout_marginTop="5dp"/>
  49.             <RelativeLayout
  50.                 android:layout_width="match_parent"
  51.                 android:layout_height="wrap_content"
  52.                 android:layout_marginTop="5dp">
  53.                 <TextView
  54.                     android:id="@+id/pyquan_time"
  55.                     android:layout_width="wrap_content"
  56.                     android:layout_height="wrap_content"
  57.                     android:text="2"
  58.                     android:textColor="#b5b5b5"/>
  59.                 <TextView
  60.                     android:layout_width="wrap_content"
  61.                     android:layout_height="wrap_content"
  62.                     android:layout_toRightOf="@+id/pyquan_time"
  63.                     android:text="小时前"
  64.                     android:textColor="#b5b5b5"/>
  65.                 <ImageView
  66.                     android:layout_width="40dp"
  67.                     android:layout_height="20dp"
  68.                     android:background="@mipmap/dian"
  69.                     android:layout_alignParentRight="true"
  70.                     android:layout_marginRight="10dp"
  71.                     />
  72.             </RelativeLayout>
  73.  
  74.         </LinearLayout>
  75.     </LinearLayout>
  76. </LinearLayout>

        Pyquan.java

        在entity文件夹中创建一个名为Pyquan的Java类文件

  1. public class Pyquan {
  2.     private String name;
  3.     private String txt;
  4.     private String time;
  5.     private int imageId1;
  6.     private int imageId2;
  7.  
  8.     public String getName() {
  9.         return name;
  10.     }
  11.     public void setName(String name) {
  12.         this.name = name;
  13.     }
  14.  
  15.     public String getTxt() {
  16.         return txt;
  17.     }
  18.     public void setTxt(String txt) {
  19.         this.txt = txt;
  20.     }
  21.  
  22.     public String getTime() {
  23.         return time;
  24.     }
  25.     public void setTime(String time) {
  26.         this.time = time;
  27.     }
  28.  
  29.     public int getImageId1() {
  30.         return imageId1;
  31.     }
  32.     public void setImageId1(int imageId1) {
  33.         this.imageId1 = imageId1;
  34.     }
  35.  
  36.     public int getImageId2() {
  37.         return imageId2;
  38.     }
  39.     public void setImageId2(int imageId2) {
  40.         this.imageId2 = imageId2;
  41.     }
  42. }

        PyquanAdapter.java

        在adapter文件夹中创建一个名为PyquanAdapter的Java类文件

  1. public class PyquanAdapter extends ArrayAdapter<Pyquan> {
  2.     private int resourceId;
  3.     private static final String TAG = "PyquanAdapter";
  4.     private List<Pyquan> list;
  5.  
  6.     public PyquanAdapter(@NonNull Context context, int resource, @NonNull List<Pyquan> objects) {
  7.         super(context, resource, objects);
  8.         resourceId = resource;
  9.     }
  10.  
  11.     @NonNull
  12.     @Override
  13.     public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent)
  14.     {
  15.         Pyquan pyquan = getItem(position);
  16.         View view = LayoutInflater.from(getContext()).inflate(resourceId,
  17.                 parent, false);
  18.  
  19.         ImageView touxiang = view.findViewById(R.id.pyquan_touxiang);
  20.         TextView mingcheng = view.findViewById(R.id.pyquan_name);
  21.         TextView neirong = view.findViewById(R.id.pyquan_txt);
  22.         TextView time = view.findViewById(R.id.pyquan_time);
  23.         ImageView peitu = view.findViewById(R.id.pyquan_peitu);
  24.  
  25.         touxiang.setImageResource(pyquan.getImageId1());
  26.         peitu.setImageResource(pyquan.getImageId2());
  27.         mingcheng.setText(pyquan.getName());
  28.         neirong.setText(pyquan.getTxt());
  29.         time.setText(pyquan.getTime());
  30.  
  31.         return view;
  32.     }
  33. }

        PyquanActivity.java

        在包内创建一个名为PyquanActivity的Java类文件

  1. public class PyquanActivity extends AppCompatActivity {
  2.  
  3.     private List<Pyquan> pyquanList = new ArrayList<>();
  4.  
  5.     @Override
  6.     protected void onCreate(Bundle savedInstanceState) {
  7.         super.onCreate(savedInstanceState);
  8.         setContentView(R.layout.activity_pyquan);
  9.  
  10.         //设置back按钮
  11.         Button back = (Button) findViewById(R.id.pyquan_back) ;
  12.         back.setOnClickListener(new View.OnClickListener() {
  13.             @Override
  14.             public void onClick(View view) {
  15.                 finish();
  16.             }
  17.         });
  18.  
  19.         inints();
  20.  
  21.         PyquanAdapter adapter = new PyquanAdapter(getApplicationContext(),R.layout.pyquan_content_item,pyquanList);
  22.         ListView listView = findViewById(R.id.pyquan_listview);
  23.         listView.setAdapter(adapter);
  24.     }
  25.  
  26.     private void inints() {
  27.         Pyquan p1 = new Pyquan();
  28.         p1.setImageId1(R.mipmap.touxiang);
  29.         p1.setImageId2(R.mipmap.photo);
  30.         p1.setName("所长的肚子");
  31.         p1.setTxt("所长的肚子所长的肚子所长的肚子所长的牛子所长的肚子所长的肚子所长的肚子所长的肚子");
  32.         p1.setTime("2");
  33.         pyquanList.add(p1);
  34.  
  35.         Pyquan p2 = new Pyquan();
  36.         p2.setImageId1(R.mipmap.t_tx05);
  37.         p2.setImageId2(R.mipmap.py02);
  38.         p2.setName("Mr_Quin");
  39.         p2.setTxt("分享图片");
  40.         p2.setTime("5");
  41.         pyquanList.add(p2);
  42.  
  43.         Pyquan p3 = new Pyquan();
  44.         p3.setImageId1(R.mipmap.tx_kenny);
  45.         p3.setImageId2(R.mipmap.py03);
  46.         p3.setName("机智的肯尼");
  47.         p3.setTxt("9494");
  48.         p3.setTime("6");
  49.         pyquanList.add(p3);
  50.  
  51.         Pyquan p4 = new Pyquan();
  52.         p4.setImageId1(R.mipmap.t_tx04);
  53.         p4.setImageId2(R.mipmap.py05);
  54.         p4.setName("是acc啦");
  55.         p4.setTxt("歇了");
  56.         p4.setTime("7");
  57.         pyquanList.add(p4);
  58.  
  59.         Pyquan p5 = new Pyquan();
  60.         p5.setImageId1(R.mipmap.t_tx05);
  61.         p5.setImageId2(R.mipmap.py04);
  62.         p5.setName("Mr_Quin");
  63.         p5.setTxt("都怪小樱");
  64.         p5.setTime("8");
  65.         pyquanList.add(p5);
  66.  
  67.         Pyquan p6 = new Pyquan();
  68.         p6.setImageId1(R.mipmap.t_tx01);
  69.         p6.setImageId2(R.mipmap.py06);
  70.         p6.setName("笨笨");
  71.         p6.setTxt("不列颠传说中的王。也被誉为骑士王。阿尔托莉雅是幼名,自从当上国王之后,就开始被称为亚瑟王了。在骑士道凋零的时代,手持圣剑,给不列颠带来了短暂的和平与最后的繁荣。史实上虽为男性,但在这个世界内却似乎是男装丽人。");
  72.         p6.setTime("9");
  73.         pyquanList.add(p6);
  74.  
  75.     }
  76.  
  77.  
  78. }

工程文件

        这是这整个工程的文件，需要的话可以通过积分下载。

用AndroidStudio制作微信的界面-Android文档类资源-CSDN下载这是一个我用AndroidStudio模仿制作微信界面的工程文件的压缩包更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/nazonomaster/85232385

 #############     2023/7/20更新，优化了界面   #################

 对应的工程文件我也进行了更新

主页界面通讯录界面

发现界面我的界面

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/676321
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号