如何在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实现聊天框效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。