在项目当中,碰到了使用PulltoRefreshListView来展示新闻和多级评论,在评论那里碰到了难题,如何解决多级评论的显示呢?
为了方面起见,我直接使用ListView来代替PulltoRefreshListView做示例。
废话不多说,直接看代码示例。
第一步:首先,新建MainActivity的XML布局,布局就一个ListView。之后再新建MainActivity类
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent"> </ListView> </RelativeLayout>
第二步:新建HeaderView的布局,就是ListView的头部分,为方便理解,直接使用简单化来展示
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="文章Title" android:textColor="@android:color/holo_red_dark"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:textColor="@android:color/holo_green_dark" android:text="文章内容jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaffffffffffffffffffffffffffffffffffffffffffffffrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrreeeeeeeeeeee"/> </LinearLayout>第三步:新建评论的子布局,如下:
<?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="@android:color/white" android:orientation="vertical"> <TextView android:id="@+id/tvHotComment" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="10dp" android:text="热门评论" android:textColor="@android:color/holo_red_dark" android:textSize="20sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="一级评论内容" android:textColor="@android:color/black" /> <LinearLayout android:id="@+id/ll" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="@android:color/darker_gray"> </LinearLayout> </LinearLayout>
id为ll的LinearLayout是为了展示二级评论内容的;
第四步:
新建评论适配器,继承BaseAdapter,因为是本地展示,所以数据源直接就以for循环来代替了。为了有热门评论和最新评论之分,在适配器中,写入判断position的位置决定title的显示与文字的变化。适配器代码如下:
package com.listviewdemo; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.LinearLayout; import android.widget.TextView; public class CommentAdapter extends BaseAdapter { private Context mContext; public CommentAdapter(Context context) { mContext=context; } @Override public int getCount() { return 20; } @Override public Object getItem(int i) { return null; } @Override public long getItemId(int i) { return 0; } @Override public View getView(int position, View view, ViewGroup viewGroup) { ViewHolder holder; if (view == null) { view = LayoutInflater.from(mContext).inflate(R.layout.comment_item, null); holder=new ViewHolder(); holder.ll=(LinearLayout) view.findViewById(R.id.ll); holder.tvHot=(TextView) view.findViewById(R.id.tvHotComment); view.setTag(holder); } else { holder=(ViewHolder)view.getTag(); } if(position==0){ holder.tvHot.setVisibility(View.VISIBLE); holder.tvHot.setText("热门评论"); }else{ if(position==3){ holder.tvHot.setVisibility(View.VISIBLE); holder.tvHot.setText("最新评论"); }else { holder.tvHot.setVisibility(View.GONE); } } holder.ll.removeAllViews(); for(int i=0;i<3;++i){ View commentItem2=LayoutInflater.from(mContext).inflate(R.layout.comment_2_item, null); holder.ll.addView(commentItem2); } return view; } class ViewHolder{ LinearLayout ll; TextView tvHot; } }第五步:在适配器写好后,在MainActivity方法中对ListView进行处理,使用ListView的特性,addHeaderView(View view)方法,再将适配器设置进去就完成了。
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ListView listView=(ListView) findViewById(R.id.listView); View topView= LayoutInflater.from(this).inflate(R.layout.top_view,null); listView.addHeaderView(topView); listView.setAdapter(new CommentAdapter(this)); } }
效果图如下: