這篇文章給大家介紹如何在Android中利用RecyclerView實現(xiàn)一個聊天界面,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
創(chuàng)新互聯(lián)建站從2013年開始,先為北侖等服務(wù)建站,北侖等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為北侖企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
具體內(nèi)容如下
1、首先在app/build.gradle(注意有兩個build.gradle,選擇app下的那個)當中添加依賴庫,如下:
dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:24.2.1' compile 'com.android.support:recyclerview-v7:24.2.1' testCompile 'junit:junit:4.12' androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { exclude group: 'com.android.support', module: 'support-annotations' }) }
添加完之后記得點擊Sync Now進行同步。
2、開始編寫主界面,修改activity_main.xml中的代碼,如下:
RecyclerView用于顯示聊天的消息內(nèi)容(因為不是內(nèi)置在系統(tǒng)SDK中的,所以需要把完整的包路徑寫出來);
放置一個EditView用于輸入消息,一個Button用于發(fā)送消息。
3、定義消息的實體類,新建Msg,代碼如下:
public class Msg { public static final int TYPE_RECEIVED=0; public static final int TYPE_SENT=1; private String content; private int type; public Msg(String content,int type){ this.content=content; this.type=type; } public String getContent(){ return content; } public int getType(){ return type; } }
Msg只有兩個字段,content表示消息的內(nèi)容,type表示消息的類型(二值可選,一個是TYPE_RECRIVED,一個是TYPE_SENT)。
4、接著編寫RecyclerView子項的布局,新建msg_item.xml,代碼如下:
收到的消息局左對齊,發(fā)出的消息居右對齊,并用相應(yīng)的圖片作為背景。
5、創(chuàng)建RecyclerView的適配器類,新建MsgAdapter,代碼如下:
public class MsgAdapter extends RecyclerView.Adapter{ private List mMsgList; static class ViewHolder extends RecyclerView.ViewHolder{ LinearLayout leftLayout; LinearLayout rightLayout; TextView leftMsg; TextView rightMsg; public ViewHolder(View view){ super(view); leftLayout=(LinearLayout)view.findViewById(R.id.left_layout); rightLayout=(LinearLayout)view.findViewById(R.id.right_layout); leftMsg=(TextView)view.findViewById(R.id.left_msg); rightMsg=(TextView)view.findViewById(R.id.right_msg); } } public MsgAdapter(List msgList){ mMsgList=msgList; } @Override public ViewHolder onCreateViewHolder(ViewGroup parent,int viewType){ //onCreateViewHolder()用于創(chuàng)建ViewHolder實例 View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.msg_item,parent,false); return new ViewHolder(view); //把加載出來的布局傳到構(gòu)造函數(shù)中,再返回 } @Override public void onBindViewHolder(ViewHolder Holder,int position){ //onBindViewHolder()用于對RecyclerView子項的數(shù)據(jù)進行賦值,會在每個子項被滾動到屏幕內(nèi)的時候執(zhí)行 Msg msg=mMsgList.get(position); if(msg.getType()==Msg.TYPE_RECEIVED){ //增加對消息類的判斷,如果這條消息是收到的,顯示左邊布局,是發(fā)出的,顯示右邊布局 Holder.leftLayout.setVisibility(View.VISIBLE); Holder.rightLayout.setVisibility(View.GONE); Holder.leftMsg.setText(msg.getContent()); }else if(msg.getType()==Msg.TYPE_SENT) { Holder.rightLayout.setVisibility(View.VISIBLE); Holder.leftLayout.setVisibility(View.GONE); Holder.rightMsg.setText(msg.getContent()); } } @Override public int getItemCount(){ return mMsgList.size(); } }
6、最后修改MainActivity中的代碼,來為RecyclerView初始化一些數(shù)據(jù),并給發(fā)送按鈕加入事件響應(yīng),代碼如下:
public class MainActivity extends AppCompatActivity { private ListmsgList=new ArrayList<>(); private EditText inputText; private Button send; private RecyclerView msgRecyclerView; private MsgAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initMsgs(); //初始化消息數(shù)據(jù) inputText=(EditText)findViewById(R.id.input_text); send=(Button)findViewById(R.id.send); msgRecyclerView=(RecyclerView)findViewById(R.id.msg_recycler_view); LinearLayoutManager layoutManager=new LinearLayoutManager(this); //LinearLayoutLayout即線性布局,創(chuàng)建對象后把它設(shè)置到RecyclerView當中 msgRecyclerView.setLayoutManager(layoutManager); adapter=new MsgAdapter(msgList); //創(chuàng)建MsgAdapter的實例并將數(shù)據(jù)傳入到MsgAdapter的構(gòu)造函數(shù)中 msgRecyclerView.setAdapter(adapter); send.setOnClickListener(new View.OnClickListener(){ //發(fā)送按鈕點擊事件 @Override public void onClick(View v){ String content=inputText.getText().toString(); //獲取EditText中的內(nèi)容 if(!"".equals(content)){ //內(nèi)容不為空則創(chuàng)建一個新的Msg對象,并把它添加到msgList列表中 Msg msg=new Msg(content,Msg.TYPE_SENT); msgList.add(msg); adapter.notifyItemInserted(msgList.size()-1); //調(diào)用適配器的notifyItemInserted()用于通知列表有新的數(shù)據(jù)插入,這樣新增的一條消息才能在RecyclerView中顯示 msgRecyclerView.scrollToPosition(msgList.size()-1); //調(diào)用scrollToPosition()方法將顯示的數(shù)據(jù)定位到最后一行,以保證可以看到最后發(fā)出的一條消息 inputText.setText(""); //調(diào)用EditText的setText()方法將輸入的內(nèi)容清空 } } }); } private void initMsgs(){ Msg msg1=new Msg("Hello guy.",Msg.TYPE_RECEIVED); msgList.add(msg1); Msg msg2=new Msg("Hello.Who is that?",Msg.TYPE_SENT); msgList.add(msg2); Msg msg3=new Msg("This is Tom!",Msg.TYPE_RECEIVED); msgList.add(msg3); } }
關(guān)于如何在Android中利用RecyclerView實現(xiàn)一個聊天界面就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。