如何动态修改回收站视图的布局?
问题描述:
我使用Firebase编写聊天应用程序。如何动态修改回收站视图的布局?
在ChatActivity中,有一个回收站视图来显示聊天信息。以下图片是第一次加载是正确的。
当输入邮件发送给其他人,一些消息的布局变得不同。
的代码MessageAdapter
public MessageAdapter(List<YeMessage> mMessageList){
this.mMsgList = mMessageList;
}
@Override
public MessageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext())
.inflate(R.layout.item_message, parent, false);
mContext = parent.getContext();
ref = FirebaseDatabase.getInstance().getReference();
return new MessageViewHolder(view);
}
public class MessageViewHolder extends RecyclerView.ViewHolder{
@BindView(R.id.msg_message)
TextView messageText;
@BindView(R.id.msg_imageView)
ImageView image;
public MessageViewHolder(View view){
super(view);
ButterKnife.bind(this, view);
}
}
@Override
public void onBindViewHolder(MessageViewHolder holder, int position) {
mAuth = FirebaseAuth.getInstance();
current_user_id = mAuth.getCurrentUser().getUid();
YeMessage c = mMsgList.get(position);
String from_user = c.getFrom();
ref.child("Users").child(from_user).addValueEventListener(new ValueEventListener() {
@Override
public void onDataChange(DataSnapshot dataSnapshot) {
RelativeLayout.LayoutParams rp_msg = (RelativeLayout.LayoutParams)holder.messageText.getLayoutParams();
RelativeLayout.LayoutParams rp_img = (RelativeLayout.LayoutParams)holder.image.getLayoutParams();
image = dataSnapshot.child("imageUrl").getValue().toString();
if(from_user.equals(current_user_id)){
//lp.gravity = Gravity.END;
//end
rp_img.addRule(RelativeLayout.ALIGN_PARENT_END);
//rp_img.addRule(RelativeLayout.ALIGN_PARENT_TOP);
holder.image.setLayoutParams(rp_img);
//rp_msg.addRule(RelativeLayout.ALIGN_BOTTOM, R.id.msg_imageView);
rp_msg.addRule(RelativeLayout.START_OF, R.id.msg_imageView);
holder.messageText.setLayoutParams(rp_msg);
Glide.with(mContext)
.load(image)
.into(holder.image);
}else {
//lp.gravity = Gravity.START;
rp_img.addRule(RelativeLayout.ALIGN_PARENT_START);
rp_img.addRule(RelativeLayout.ALIGN_PARENT_TOP);
holder.image.setLayoutParams(rp_img);
rp_msg.addRule(RelativeLayout.ALIGN_PARENT_TOP);
rp_msg.addRule(RelativeLayout.END_OF, R.id.msg_imageView);
holder.messageText.setLayoutParams(rp_msg);
Glide.with(mContext)
.load(image)
.into(holder.image);
}
}
@Override
public void onCancelled(DatabaseError databaseError) {
}
});
YeMessage msg = mMsgList.get(position);
holder.messageText.setText(msg.getMessage());
}
@Override
public int getItemCount() {
return mMsgList.size();
}
我想原因是我对回收视图的生命周期知识太少。
我发现如果我想改变onBindViewHolder()中的引力,它每次都不会成功。因为它会在调用onCreateViewHolder()时正确布局。
如何确保每次调用onCreateViewHolder(),以完成编程创建布局?
添加item_message.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/message_single_item"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation = "horizontal"
android:padding="15dp">
<android.support.v7.widget.AppCompatImageView
android:id="@+id/msg_imageView"
android:layout_width="45sp"
android:layout_height="45sp" />
<TextView
android:id="@+id/msg_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/message_background"
android:padding="10dp"
android:textColor="#ffffff"
/>
</RelativeLayout>
答
我认为你可以有传入和传出消息的两个不同的布局。将来您在更改设计时对您会有帮助。
您可以根据您的需要定制您的RecyclerView。你可以参考http://www.codexpedia.com/android/android-recyclerview-with-multiple-different-layouts/获得详细的答案。
就你的布局而言。
对于传入消息 -
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#000000"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="askjjnads dma dm"
android:layout_gravity="center"
android:layout_marginLeft="10dp"
android:layout_marginRight="20dp"
/>
</LinearLayout>
为走出去消息 -
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="end"
android:padding="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="askjjnads dma dm"
android:layout_gravity="center"
android:layout_marginLeft="20dp"
android:layout_marginRight="10dp"
/>
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#000000"/>
</LinearLayout>
+0
谢谢你的建议! –
显示你的XML还 – Ankita
相反,在每个项目将重心可以使用两种不同的布局与一个左对齐,另一一个与右对齐。 – Kunu
@Kunu有一个很好的观点。看看这个更多的信息:https://stackoverflow.com/questions/26245139/how-to-create-recyclerview-with-multiple-view-type – Kuffs