android recyclerview模擬聊天界面
本文實(shí)例為大家分享了android recyclerview模擬聊天界面的具體代碼,供大家參考,具體內(nèi)容如下
效果圖:
實(shí)現(xiàn)代碼:
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實(shí)現(xiàn) * 效果不好,發(fā)送的消息不能靠右對齊, * 不知何故,怎么弄都弄不好,請教! * 問題的解決:用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); } /** * 初始化數(shù)據(jù)源 */ 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(); // 如果用戶沒有輸入,則是一個(gè)空串"" if (!content.isEmpty()) { mMsgList.add(new Msg(content, Msg.TYPE_SEND)); // 通知數(shù)據(jù)適配器刷新界面 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="請輸入要發(fā)送的內(nèi)容" /> <Button android:id="@+id/bt_send" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="發(fā)送" /> </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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android入門教程之Vibrator(振動(dòng)器)
本節(jié)我們介紹的是Vibrator(振動(dòng)器),是手機(jī)自帶的振動(dòng)器,其實(shí)就是Android給我們提供的用于機(jī)身震動(dòng)的一個(gè)服務(wù)!當(dāng)收到推送消息的時(shí)候我們可以設(shè)置震動(dòng)提醒。2016-07-07Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹
這篇文章主要介紹了Android LaunchMode四種啟動(dòng)模式詳細(xì)介紹的相關(guān)資料,這里對launchmode的使用方法進(jìn)行了詳解及啟動(dòng)模式的比較,需要的朋友可以參考下2016-12-12Android 實(shí)現(xiàn)將Bitmap 保存到本地
這篇文章主要介紹了Android 實(shí)現(xiàn)將Bitmap 保存到本地,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03Android解析服務(wù)器端發(fā)來的xml數(shù)據(jù)示例
Android跟服務(wù)器交互數(shù)據(jù),有時(shí)數(shù)據(jù)量大時(shí),就需要以xml形式的交互數(shù)據(jù),下面與大家分享下使用XmlPullParser來解析xml數(shù)據(jù),感興趣的朋友可以參考下哈2013-06-06Android自定義TitleView標(biāo)題開發(fā)實(shí)例
這篇文章主要介紹了Android自定義TitleView標(biāo)題開發(fā)實(shí)例的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09Android中TabLayout+ViewPager實(shí)現(xiàn)tab和頁面聯(lián)動(dòng)效果
本篇文章主要介紹了Android中TabLayout+ViewPager實(shí)現(xiàn)tab和頁面聯(lián)動(dòng)效果,具有一定的參考價(jià)值,有興趣的可以了解一下2017-06-06