关于使用PulltoRefreshListView来展示新闻的内容以及多级评论

在项目当中，碰到了使用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));
    }

}

效果图如下：

关于使用PulltoRefreshListView来展示新闻的内容以及多级评论

猜你喜欢