android recyclerview模拟聊天界面

所属分类: 软件编程 / Android 阅读数: 17
收藏 0 赞 0 分享

本文实例为大家分享了android recyclerview模拟聊天界面的具体代码,供大家参考,具体内容如下

效果图:

实现代码:

package com.itheima74.chatui;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import java.util.ArrayList;

/**
 * 聊天界面,使用recyclerview实现
 * 效果不好,发送的消息不能靠右对齐,
 * 不知何故,怎么弄都弄不好,请教!
 * 问题的解决:用Relativelayout代替linearlayout可以解决上述问题
 */
public class MainActivity extends AppCompatActivity {
 private RecyclerView recyclerview;
 private EditText et_input;
 private ArrayList<Msg> mMsgList;
 private MsgAdapter mMsgAdapter;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 initView();
 initData();
 initAdapter();
 }

 private void initAdapter() {
 mMsgAdapter = new MsgAdapter(mMsgList);
 recyclerview.setAdapter(mMsgAdapter);
 }

 /**
 * 初始化数据源
 */
 private void initData() {
 mMsgList = new ArrayList<>();
 mMsgList.add(new Msg("Hello!", Msg.TYPE_RECEIVE));
 mMsgList.add(new Msg("Hello! Who is that?", Msg.TYPE_SEND));
 mMsgList.add(new Msg("This is Jack,Nice to meet you!", Msg.TYPE_RECEIVE));
 }

 /**
 * 初始化控件
 */
 private void initView() {
 recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
 et_input = (EditText) findViewById(R.id.et_input);
 Button bt_send = (Button) findViewById(R.id.bt_send);

 LinearLayoutManager layoutManager = new LinearLayoutManager(this);
 layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
 recyclerview.setLayoutManager(layoutManager);

 bt_send.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  String content = et_input.getText().toString().trim();
  // 如果用户没有输入,则是一个空串""
  if (!content.isEmpty()) {
   mMsgList.add(new Msg(content, Msg.TYPE_SEND));
   // 通知数据适配器刷新界面
   mMsgAdapter.notifyDataSetChanged();
   // 定位到最后一行
   recyclerview.scrollToPosition(mMsgList.size() - 1);
   // 输入框置空
   et_input.setText("");
  }
  }
 });

 }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#d8e0e8"
 android:orientation="vertical">

 <android.support.v7.widget.RecyclerView
 android:id="@+id/recyclerview"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_weight="1" />

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal">

 <EditText
  android:id="@+id/et_input"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  android:hint="请输入要发送的内容" />

 <Button
  android:id="@+id/bt_send"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="发送" />
 </LinearLayout>

</LinearLayout>
package com.itheima74.chatui;

/**
 * Created by My on 2017/3/3.
 */

class Msg {
 static final int TYPE_RECEIVE = 1;
 static final int TYPE_SEND = 2;
 String content;
 int type;

 Msg(String content, int type) {
 this.content = content;
 this.type = type;
 }
}
package com.itheima74.chatui;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;

/**
 * Created by My on 2017/3/3.
 */

class MsgAdapter extends RecyclerView.Adapter<MsgAdapter.ViewHolder> {
 private ArrayList<Msg> mMsgList;

 MsgAdapter(ArrayList<Msg> mMsgList) {
 this.mMsgList = mMsgList;
 }

 @Override
 public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 View view = View.inflate(parent.getContext(), R.layout.recyclerview_item, null);
 return new ViewHolder(view);
 }

 @Override
 public void onBindViewHolder(ViewHolder holder, int position) {
 Msg msg = mMsgList.get(position);
 if (msg.type == Msg.TYPE_RECEIVE) {
  holder.tv_receive.setVisibility(View.VISIBLE);
  holder.tv_send.setVisibility(View.GONE);
  holder.tv_receive.setText(msg.content);
 } else {
  holder.tv_send.setVisibility(View.VISIBLE);
  holder.tv_receive.setVisibility(View.GONE);
  holder.tv_send.setText(msg.content);
 }
 }

 @Override
 public int getItemCount() {
 return mMsgList.size();
 }

 static class ViewHolder extends RecyclerView.ViewHolder {
 private TextView tv_receive;
 private TextView tv_send;

 ViewHolder(View itemView) {
  super(itemView);
  tv_receive = (TextView) itemView.findViewById(R.id.tv_receive);
  tv_send = (TextView) itemView.findViewById(R.id.tv_send);
 }
 }
}

xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:padding="10dp">

 <TextView
 android:id="@+id/tv_receive"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/message_left"
 android:gravity="center"
 android:text="who?"
 android:textSize="20sp" />

 <TextView
 android:id="@+id/tv_send"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentRight="true"
 android:layout_below="@id/tv_receive"
 android:background="@drawable/message_right"
 android:gravity="center"
 android:text="i am your father"
 android:textSize="20sp" />


</RelativeLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android实现悬浮窗体效果

这篇文章主要为大家详细介绍了Android实现悬浮窗体效果,显示悬浮窗口,窗口可以拖动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Andriod studio 打包aar 的方法

这篇文章主要介绍了Andriod studio 打包aar的方法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
收藏 0 赞 0 分享

Android加载loading对话框的功能及实例代码(不退出沉浸式效果)

这篇文章主要介绍了Android加载loading对话框的功能及实例代码,不退出沉浸式效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中LayoutInflater.inflater()的正确打开方式

这篇文章主要给大家介绍了关于Android中LayoutInflater.inflater()的正确打开方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Delphi在Android下使用Java库的方法

这篇文章主要介绍了Delphi在Android下使用Java库的方法,本文以Android的USB串口通讯库为例,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多