如何在Android中使用RecylerView实现聊天框效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1、activity_main.xml的代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<android.support.v7.widget.RecyclerView
android:id="@+id/Main_rView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="50dp"></android.support.v7.widget.RecyclerView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:padding="5dp"
android:orientation="horizontal">
<EditText
android:id="@+id/Main_etContent"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:minLines="1"
android:maxLines="3"
android:hint="说点什么吧"
android:textSize="14dp"/>
<Button
android:id="@+id/Main_btnSend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="14dp"
android:text="Send"
android:textAllCaps="false"/>
</LinearLayout>
</RelativeLayout>
2、layout_item_content.xml的代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout
android:id="@+id/Layout_Item_Content_lLayoutReceive"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_alignParentLeft="true"
android:background="@drawable/bg_chat2"
android:orientation="vertical">
<TextView
android:id="@+id/Layout_Item_Content_tvContentReceive"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:text="内容内容内"
android:textSize="14dp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/Layout_Item_Content_lLayoutSend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_alignParentRight="true"
android:background="@drawable/bg_chat1"
android:orientation="vertical">
<TextView
android:id="@+id/Layout_Item_Content_tvContentSend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="内容"
android:textSize="14dp"
android:layout_marginTop="20dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
/>
</LinearLayout>
</RelativeLayout>
3、RecyclerViewAdapter.java的代码如下:
package com.deepreality.recyclerviewdemo;
import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.List;
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {
private Context mContext;
private List<Tb_ChatContent> tbChatContentList;
private Tb_ChatContent tb_chatContent;
static class ViewHolder extends RecyclerView.ViewHolder {
private LinearLayout lLayoutReceive, lLayoutSend;
private TextView tvReceive, tvSend;
public ViewHolder(View itemView) {
super(itemView);
lLayoutReceive = itemView.findViewById(R.id.Layout_Item_Content_lLayoutReceive);
lLayoutSend = itemView.findViewById(R.id.Layout_Item_Content_lLayoutSend);
tvReceive = itemView.findViewById(R.id.Layout_Item_Content_tvContentReceive);
tvSend = itemView.findViewById(R.id.Layout_Item_Content_tvContentSend);
}
}
public RecyclerViewAdapter(Context mContext, List<Tb_ChatContent> tbChatContentList) {
this.mContext = mContext;
this.tbChatContentList = tbChatContentList;
}
@NonNull
@Override
public RecyclerViewAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(mContext).inflate(R.layout.layout_item_content, parent, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(@NonNull RecyclerViewAdapter.ViewHolder holder, int position) {
tb_chatContent = tbChatContentList.get(position);
if (tb_chatContent.getType() == 0) {
holder.lLayoutReceive.setVisibility(View.VISIBLE);
holder.lLayoutSend.setVisibility(View.GONE);
holder.tvReceive.setText(tb_chatContent.getContent());
} else {
holder.lLayoutReceive.setVisibility(View.GONE);
holder.lLayoutSend.setVisibility(View.VISIBLE);
holder.tvSend.setText(tb_chatContent.getContent());
}
}
@Override
public int getItemCount() {
return tbChatContentList.size();
}
}
4、MainActivity.java的代码如下:
package com.deepreality.recyclerviewdemo;
import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
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;
import java.util.List;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private Context mContext;
private RecyclerView rViewChat;
private EditText etContent;
private Button btnSend;
private List<Tb_ChatContent> tbChatContentList;
private Tb_ChatContent tb_chatContent;
private RecyclerViewAdapter recyclerViewAdapter;
private String[] arrayContents = new String[]{"How are you", "Fine,Thank you.", "How are you"
, "Fine,Thank you.", "How are you", "Fine,Thank you."};
private int[] arrayTypes = new int[] {0, 1, 0, 1, 0, 1};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
baseDataInit();
bindViews();
viewsAddListener();
viewsDataInit();
}
private void baseDataInit() {
mContext = this;
tbChatContentList = new ArrayList<>();
}
private void bindViews() {
rViewChat = findViewById(R.id.Main_rView);
etContent = findViewById(R.id.Main_etContent);
btnSend = findViewById(R.id.Main_btnSend);
}
private void viewsAddListener() {
btnSend.setOnClickListener(this);
}
private void viewsDataInit() {
rViewSetAdapter();
}
private void rViewSetAdapter() {
for (int i = 0; i < arrayContents.length; i++) {
tb_chatContent = new Tb_ChatContent(arrayContents[i], arrayTypes[i]);
tbChatContentList.add(tb_chatContent);
}
//设置RecylerView的排列方式(线性,网格,瀑布流三种)
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(mContext);
rViewChat.setLayoutManager(linearLayoutManager);
//创建并绑定数据适配器
recyclerViewAdapter = new RecyclerViewAdapter(mContext, tbChatContentList);
rViewChat.setAdapter(recyclerViewAdapter);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.Main_btnSend: {
tb_chatContent = new Tb_ChatContent(etContent.getText().toString(), Tb_ChatContent.TYPE_SEND);
tbChatContentList.add(tb_chatContent);
//数据刷新
recyclerViewAdapter.notifyDataSetChanged();
//滑动到某一位置
rViewChat.smoothScrollToPosition(tbChatContentList.size() - 1);
break;
}
default:break;
}
}
}
Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。
关于如何在Android中使用RecylerView实现聊天框效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。