android模拟聊天界面recyclerview实现
2017-03-03 18:53
387 查看
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 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 ListView、RecyclerView两种方式实现聊天界面搭建
- android recyclerview模拟聊天界面
- RecyclerView实现聊天界面
- 解决RecyclerView实现聊天界面,但点击下面的EditText后弹出的输入法会遮盖RecyclerView内容的方法
- 基于RecyclerView实现的仿微信聊天界面,item长按根据触摸位置弹出对话框
- Android(九图工具RecyclerView聊天界面)
- Android中RecyclerView布局代替GridView实现类似支付宝的界面
- 使用RecyclerView实现聊天界面
- android模拟聊天界面Listview实现
- Android客户端之“微服私访”App的系统学习(七)XRecyclerView快速实现列表界面+自定义Search输入框,软键盘搜索按钮监听+TextView部分样式改变
- RecyclerView实现聊天界面
- Android学习——利用RecyclerView编写聊天界面
- 基于RecyclerView实现的实现多样化的item样式——类似IM即时通讯聊天界面的布局效果
- Android利用RecyclerView编写聊天界面
- ListView、RecyclerView 两种方式实现聊天界面支持文字、表情、图片和语音信息,支持下拉加载更多
- RecyclerView实现聊天界面功不能滑动到指定位置问题
- Android中RecyclerView布局代替GridView实现类似支付宝的界面
- 【Android UI设计与开发】第02期:引导界面(二)使用ViewPager实现欢迎引导页面
- Android通过ViewPager实现引导界面(一)
- 模拟实现网易新闻客户端主界面(侧滑SlidingMenu+ViewPager+Fragment)