RecyclerView添加多种布局

上一篇文章讲述了一下ListView添加多种布局，现在RecyclerView已经火的不行不行了，那么我们再讲述一下RecyclerView添加多种布局，同样的效果图还是上篇文章中的对话列表只是ListView改为RecyclerView。

RecyclerView怎么用我就不多讲了网上很多例子，我们在Xml文件替换ListView：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
>
<FrameLayout
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_weight="2">
<SurfaceView
android:id="@+id/surface"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />

<ImageButton
android:id="@+id/take_pic"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|right"
android:background="@drawable/take_pic_selector" />
<ImageView
android:id="@+id/smallptoto"
android:layout_width="100dip"
android:layout_height="100dip"
/>
</FrameLayout>

<RelativeLayout
android:layout_width="0dip"
android:layout_height="match_parent"
android:layout_weight="1.0"
>
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_above="@+id/send_ll"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<RelativeLayout
android:id="@+id/send_ll"
android:background="#ffffff"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
>
<EditText
android:id="@+id/edit_send"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textColor="@android:color/background_dark"
android:layout_toLeftOf="@+id/send"
android:maxLines="4"
android:scrollbars="vertical"
android:textSize="12sp"
/>
<Button android:id="@+id/send"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:background="@drawable/bg_item_select"
android:textSize="12sp"
android:textColor="@android:color/background_dark"
android:text="发送"/>
</RelativeLayout>
</RelativeLayout>
</LinearLayout>

然后我们在Activity中同样的奖listView替换成ReceyerView并且重新定义一个ReceyerAdapter

/**
* Created by xxnan on 2016/6/30.
*/
public class MainActivityReceyerView extends AppCompatActivity implements View.OnClickListener{
private RecyclerView recycler_view;
private ReceyerAdapter myAdapter;
private EditText edit;
private Button send;
private List<TalkBean> list=new ArrayList<TalkBean>();
private int num=0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.receyer_activity_main);
initView();
}
private void initView()
{
edit=(EditText)findViewById(R.id.edit_send);
send=(Button)findViewById(R.id.send);
send.setOnClickListener(this);
recycler_view=(RecyclerView) findViewById(R.id.recycler_view);
recycler_view.setLayoutManager(new LinearLayoutManager(this));
myAdapter= new ReceyerAdapter(list,getApplicationContext());
recycler_view.setAdapter(myAdapter);
}

@Override
public void onClick(View v) {
num++;
switch (v.getId())
{
case  R.id.send:
TalkBean talkBean=new TalkBean();
talkBean.talk_content=edit.getText().toString();
if(num%2==0) {
talkBean.user_no = "xxnan";
talkBean.isLeft=false;
}else
{
talkBean.user_no = "jack";
talkBean.isLeft=true;
}
list.add(talkBean);
myAdapter.setmList(list);
break;
}
//        recycler_talk_list.setSelection(list.size()-1);
edit.setText("");
}
@Override
protected void onResume() {
myAdapter.setmList(list);
super.onResume();
}

}

这里我们的ReceyerView设置LinearLayoutManager,其他基本和ListView一样，主要看一下自定义的ReceyerAdapter：

/**
* Created by xxnan on 2016/7/7.
*/
public class ReceyerAdapter extends RecyclerView.Adapter {
private List<TalkBean> mList;
private Context mContext;
ReceyerAdapter(List<TalkBean> list, Context context)
{
mList=list;
mContext=context;
}
public void setmList(List<TalkBean> list)
{
mList=list;
notifyDataSetChanged();
}
@Override
public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//        int type=getItemViewType(viewType);
MyHolder myHolder=null;
if(viewType==0)
myHolder=new LeftMyHolder(LayoutInflater.from(mContext).inflate(R.layout.talk_left_item,null));
else if(viewType==1)
myHolder=new RightMyHolder(LayoutInflater.from(mContext).inflate(R.layout.talk_right_item,null));
return myHolder;
}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
if(holder instanceof LeftMyHolder)
{
((LeftMyHolder) holder).talk_data_left_tv.setText(mList.get(position).talk_content);
((LeftMyHolder) holder).talk_name_tv.setText(mList.get(position).user_no);
}else if(holder instanceof  RightMyHolder )
{
((RightMyHolder) holder).talk_data_right_tv.setText(mList.get(position).talk_content);
((RightMyHolder) holder).talk_myself_tv.setText(mList.get(position).user_no);
}
}

@Override
public int getItemViewType(int position) {
int type=0;
if(mList.get(position).isLeft)
type=0;
else
type=1;
return type;
}

@Override
public int getItemCount() {
return mList==null?0:mList.size();
}
}
class MyHolder extends RecyclerView.ViewHolder
{
public MyHolder(View itemView) {
super(itemView);
}
}
class LeftMyHolder extends MyHolder
{
TextView talk_name_tv;
Button talk_data_left_tv;
public LeftMyHolder(View itemView)
{
super(itemView);
talk_name_tv=(TextView) itemView.findViewById(R.id.talk_name_tv);
talk_data_left_tv=(Button) itemView.findViewById(R.id.talk_data_left_tv);
}
}
class RightMyHolder extends MyHolder
{
TextView talk_myself_tv;
Button talk_data_right_tv;
public RightMyHolder(View itemView)
{
super(itemView);
talk_myself_tv=(TextView) itemView.findViewById(R.id.talk_myself_tv);
talk_data_right_tv=(Button) itemView.findViewById(R.id.talk_data_right_tv);
}
}

getItemViewType返回值和onCreateViewHolder中参数的viewtype是相等的，因此可根据viewtype值来区别加载不同的布局，而ListView中的getView方法直接调用一下getItemViewType获取返回值来区别加载不同的布局。同时我们定义两个Holder，LeftHolder和RightHolder都继承于MyHolder，在onCreateViewHolder中根据viewtype来加载LeftHolder和RightHolder，其他都和ReceyerView使用一样就不过多讲述了。

源码地址：https://github.com/xxnan/LiaoTianActivity/