zoukankan      html  css  js  c++  java
  • QQl聊天消息

    Activity:

      1 package com.zzw.qqchat;
      2 
      3 import java.util.ArrayList;
      4 import java.util.HashMap;
      5 
      6 import android.app.Activity;
      7 import android.content.Context;
      8 import android.os.Bundle;
      9 import android.view.LayoutInflater;
     10 import android.view.View;
     11 import android.view.View.OnClickListener;
     12 import android.view.ViewGroup;
     13 import android.widget.ArrayAdapter;
     14 import android.widget.EditText;
     15 import android.widget.ListView;
     16 import android.widget.TextView;
     17 
     18 public class MainActivity extends Activity {
     19     private final int VIEW_TYPE = 0x001;
     20     private final int MESSAGE = 0x002;
     21 
     22     private final int VIEW_TYPE_LEFT = -1;
     23     private final int VIEW_TYPE_RIGHT = -2;
     24 
     25     private ArrayList<HashMap<Integer, Object>> items;
     26     private MyAdapter adapter;
     27 
     28     @Override
     29     protected void onCreate(Bundle savedInstanceState) {
     30         super.onCreate(savedInstanceState);
     31         setContentView(R.layout.activity_main);
     32 
     33         final ListView listView = (ListView) findViewById(R.id.list);
     34 
     35         items = new ArrayList<HashMap<Integer, Object>>();
     36 
     37         addData();
     38 
     39         adapter = new MyAdapter(this, -1);
     40         listView.setAdapter(adapter);
     41 
     42         final EditText et = (EditText) findViewById(R.id.msgEditText);
     43 
     44         findViewById(R.id.msgSend).setOnClickListener(new OnClickListener() {
     45 
     46             @Override
     47             public void onClick(View v) {
     48                 String msg = et.getText() + "";
     49 
     50                 HashMap<Integer, Object> map = new HashMap<Integer, Object>();
     51                 map.put(VIEW_TYPE, VIEW_TYPE_RIGHT);
     52                 map.put(MESSAGE, msg);
     53                 items.add(map);
     54                 // item数据变化时通知adapter刷新及时改变view
     55                 adapter.notifyDataSetChanged();
     56                 // 刷新后清空输入框
     57                 et.setText("");
     58                 // 输入框发送消息后将ListView滚动到底部
     59                 listView.setSelection(ListView.FOCUS_DOWN);
     60 
     61             }
     62         });
     63     }
     64 
     65     private void addData() {
     66         for (int i = 0; i < 10; i++) {
     67             if (i % 2 == 0) {
     68                 HashMap<Integer, Object> map = new HashMap<Integer, Object>();
     69                 map.put(VIEW_TYPE, VIEW_TYPE_LEFT);
     70                 map.put(MESSAGE, "对方说的消息:" + i);
     71                 items.add(map);
     72             } else {
     73                 HashMap<Integer, Object> map = new HashMap<Integer, Object>();
     74                 map.put(VIEW_TYPE, VIEW_TYPE_RIGHT);
     75                 map.put(MESSAGE, "我说的消息:" + i);
     76                 items.add(map);
     77             }
     78         }
     79     }
     80 
     81     private class MyAdapter extends ArrayAdapter {
     82         private LayoutInflater inflater;
     83 
     84         public MyAdapter(Context context, int resource) {
     85             super(context, resource);
     86             inflater = LayoutInflater.from(context);
     87         }
     88 
     89         @Override
     90         public int getCount() {
     91             return items.size();
     92         }
     93 
     94         @Override
     95         public String getItem(int position) {
     96 
     97             String message = items.get(position).get(MESSAGE) + "";
     98             return message;
     99         }
    100 
    101         @Override
    102         public View getView(int position, View convertView, ViewGroup parent) {
    103 
    104             int type = getItemViewType(position);
    105             String message = getItem(position);
    106 
    107             switch (type) {
    108             case VIEW_TYPE_LEFT:
    109                 if (convertView == null) {
    110                     convertView = inflater.inflate(R.layout.left, null);
    111                 }
    112                 TextView textViewLeft = (TextView) convertView.findViewById(R.id.textView);
    113                 textViewLeft.setText(message);
    114                 break;
    115 
    116             case VIEW_TYPE_RIGHT:
    117                 if (convertView == null) {
    118                     convertView = inflater.inflate(R.layout.right, null);
    119                 }
    120                 TextView textViewRight = (TextView) convertView.findViewById(R.id.textView);
    121                 textViewRight.setText(message);
    122                 break;
    123             }
    124 
    125             return convertView;
    126         }
    127 
    128         @Override
    129         public int getItemViewType(int position) {
    130             HashMap map = items.get(position);
    131             int type = (Integer) map.get(VIEW_TYPE);
    132             return type;
    133         }
    134 
    135         @Override
    136         public int getViewTypeCount() {
    137             return 2;
    138         }
    139     }
    140 }

    activity_main.xml:

     1 <?xml version="1.0" encoding="utf-8"?>
     2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     3     android:layout_width="match_parent"
     4     android:layout_height="match_parent" >
     5 
     6     <ListView
     7         android:id="@+id/list"
     8         android:layout_width="match_parent"
     9         android:layout_height="wrap_content"
    10         android:layout_above="@+id/commentLinearLayout"
    11         android:layout_alignParentTop="true"
    12         android:divider="@android:color/transparent"
    13         android:dividerHeight="15dip"
    14         android:scrollbars="none" />
    15 
    16     <LinearLayout
    17         android:id="@+id/commentLinearLayout"
    18         android:layout_width="match_parent"
    19         android:layout_height="wrap_content"
    20         android:layout_alignParentBottom="true"
    21         android:background="#e0e0e0"
    22         android:orientation="horizontal" >
    23 
    24         <EditText
    25             android:id="@+id/msgEditText"
    26             android:layout_width="0dip"
    27             android:layout_height="wrap_content"
    28             android:layout_weight="8"
    29             android:hint="发送消息" />
    30 
    31         <Button
    32             android:id="@+id/msgSend"
    33             style="?android:attr/buttonStyleSmall"
    34             android:layout_width="0dip"
    35             android:layout_height="wrap_content"
    36             android:layout_weight="2"
    37             android:text="发送" />
    38     </LinearLayout>
    39 
    40 </RelativeLayout>
    activity_main

    left.xml:

     1 <?xml version="1.0" encoding="utf-8"?>
     2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     3     android:layout_width="match_parent"
     4     android:layout_height="match_parent"
     5     android:orientation="horizontal" >
     6 
     7     <ImageView
     8         android:id="@+id/imageView"
     9         android:layout_width="wrap_content"
    10         android:layout_height="wrap_content"
    11         android:layout_alignParentLeft="true"
    12         android:layout_centerVertical="true"
    13         android:singleLine="false"
    14         android:src="@drawable/ic_launcher" />
    15 
    16     <TextView
    17         android:id="@+id/textView"
    18         android:layout_width="wrap_content"
    19         android:layout_height="wrap_content"
    20         android:layout_centerVertical="true"
    21         android:layout_toRightOf="@+id/imageView"
    22         android:background="#ff5252"
    23         android:text="left" />
    24 
    25 </RelativeLayout>
    left
     1 <?xml version="1.0" encoding="utf-8"?>
     2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     3     android:layout_width="match_parent"
     4     android:layout_height="match_parent"
     5     android:orientation="horizontal" >
     6 
     7     <ImageView
     8         android:id="@+id/imageView"
     9         android:layout_width="wrap_content"
    10         android:layout_height="wrap_content"
    11         android:layout_alignParentRight="true"
    12         android:layout_centerVertical="true"
    13         android:src="@drawable/ic_launcher" />
    14 
    15     <TextView
    16         android:id="@+id/textView"
    17         android:layout_width="wrap_content"
    18         android:layout_height="wrap_content"
    19         android:layout_centerVertical="true"
    20         android:layout_toLeftOf="@+id/imageView"
    21         android:background="#2196f3"
    22         android:singleLine="false"
    23         android:text="right" />
    24 
    25 </RelativeLayout>
    right
  • 相关阅读:
    什么是webApp?与原生APP的区别
    判断h5是否在小程序内打开
    移动端 1px边框
    【填坑】小程序webview使用简单汇总
    一个小程序账号只能发布一个小程序
    微信开发工具提示未绑定网页开发者
    小程序webview(业务域名配置)
    webpack打包已开发好的vue项目
    vscode搭建本地服务器
    微信扫码下载,H5引导页
  • 原文地址:https://www.cnblogs.com/zzw1994/p/4962973.html
Copyright © 2011-2022 走看看