XListView展示+布局

原创于 2019-02-22 10:20:42 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xlistview

xlistview 专栏收录该内容

2 篇文章

订阅专栏

该博客介绍了如何在Android应用中使用XListView组件来展示数据，并通过MainActivity、MyPagerAdapter、HttpUtil等类进行数据获取和适配。还涵盖了fragment布局、Fragment的使用以及JsonBean的构建和XListviewAdapter的定制，详细阐述了item布局的设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Layout布局

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/draw"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <android.support.design.widget.TabLayout
                android:id="@+id/tab"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </LinearLayout>
        <!--==============================================-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="#e5f97171"
            android:orientation="horizontal">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/btn2"
                android:text="关闭侧滑"/>
        </LinearLayout>
    </android.support.v4.widget.DrawerLayout>

</LinearLayout>

MainActivity

package weektest.baway.com.day8_1;

import android.support.annotation.NonNull;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.TableLayout;
import android.widget.Toast;

import java.util.ArrayList;

import weektest.baway.com.day8_1.adapter.MyPagerAdapter;
import weektest.baway.com.day8_1.frag.Frag1;
import weektest.baway.com.day8_1.frag.Frag2;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout draw;
    private TabLayout tab;
    private ViewPager pager;
    private Button btn2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //1.找控件
        draw = findViewById(R.id.draw);
        tab = findViewById(R.id.tab);
        pager = findViewById(R.id.pager);
        btn2 = findViewById(R.id.btn2);
        //2.侧滑页面
        draw.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(@NonNull View view, float v) {

            }

            @Override
            public void onDrawerOpened(@NonNull View view) {
                Toast.makeText(MainActivity.this, "侧滑打开", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onDrawerClosed(@NonNull View view) {
                Toast.makeText(MainActivity.this, "侧滑关闭", Toast.LENGTH_SHORT).show();

            }

            @Override
            public void onDrawerStateChanged(int i) {

            }
        });
// 点击侧滑内的按钮
        btn2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                draw.closeDrawer(Gravity.LEFT);
            }
        });
        //====================================
        //4.页面数据
        ArrayList<Fragment> list = new ArrayList<>();
        list.add(new Frag1());
        list.add(new Frag2());
        //tab文字数据
        String str[] = {"首页", "我的"};
        //5.适配器
        MyPagerAdapter myPagerAdapter = new MyPagerAdapter(getSupportFragmentManager(), list, str);
        //设置适配器
        pager.setAdapter(myPagerAdapter);
        //6.绑定viewpager
        tab.setupWithViewPager(pager);
    }
}

MyPagerAdapter

package weektest.baway.com.day8_1.adapter;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.ArrayList;

public class MyPagerAdapter extends FragmentPagerAdapter {
    ArrayList<Fragment> list;
    String str[];

    public MyPagerAdapter(FragmentManager fm, ArrayList<Fragment> list, String[] str) {
        super(fm);
        this.list = list;
        this.str = str;
    }

    @Override
    public Fragment getItem(int i) {
        return list.get(i);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return str[position];
    }
}

HttpUtil

package weektest.baway.com.day8_1;

import android.content.Context;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.os.AsyncTask;

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

public class HttpUtil {
    //创建接口
    public interface CallBaseA{
        //写方法
        void getData(String s);
    }
    //封装异步
    public  static void getHttp(final  String url,final CallBaseA baseA){
        new AsyncTask<String,Void,String>(){

            @Override
            protected String doInBackground(String... strings) {
                return httpGet(strings[0]);
            }

            @Override
            protected void onPostExecute(String s) {
                super.onPostExecute(s);
                baseA.getData(s);
            }
        }.execute(url);
    }
    /*
     * 网络判断
     * */
    public static boolean isNet(Context context){
        if (context!=null){
            //获取连接管理器
            ConnectivityManager mConnectivityManager=(ConnectivityManager)context.getSystemService(Context.CONNECTIVITY_SERVICE);
            //获取网络状态
            NetworkInfo mNetworkInfo=mConnectivityManager.getActiveNetworkInfo();
            if (mNetworkInfo!=null){
                //判断网络是否可用
                return  mNetworkInfo.isAvailable();
            }
        }
        return false;
    }
 
    public static String httpGet(String strUrl){
        //设置url
        try {
            URL url=new URL(strUrl);
            //获取HttpURLConnection
            HttpURLConnection connection=(HttpURLConnection)url.openConnection();
            //设置连接主机超时时间
            connection.setConnectTimeout(5000);
            //设置从主机读取数据超时
            connection.setReadTimeout(5000);
            //设置为get请求
            connection.setRequestMethod("GET");
            if (connection.getResponseCode()==200){
                //得到数据
                InputStream stream=connection.getInputStream();
                InputStreamReader inputStreamReader=new InputStreamReader(stream);
                BufferedReader reader=new BufferedReader(inputStreamReader);
                //拼接数据
                StringBuffer buffer=new StringBuffer();
                String str="";
                while ((str=reader.readLine())!=null){
                    buffer.append(str);
                }
                //关闭连接
                connection.disconnect();
                //返回数据
                return buffer.toString();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }
}

fragment布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.qy.xlistview.XListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/xlist"></com.qy.xlistview.XListView>
</android.support.constraint.ConstraintLayout>

Fragment

记着建JsonBean

package weektest.baway.com.day8_1.frag;

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.google.gson.Gson;
import com.qy.xlistview.XListView;

import java.util.ArrayList;

import weektest.baway.com.day8_1.HttpUtil;
import weektest.baway.com.day8_1.R;
import weektest.baway.com.day8_1.adapter.XAdapter;
import weektest.baway.com.day8_1.bean.JsonBean;

public class Frag1 extends Fragment {

    private XListView xlist;
    String url = "https://www.apiopen.top/meituApi?page=1";
    private XAdapter adapter;
    private ArrayList<JsonBean.DataBean> list;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.frag1, container, false);
        xlist = view.findViewById(R.id.xlist);
        xlist.setPullLoadEnable(true);
        //设置上拉和下拉
        xlist.setXListViewListener(new XListView.IXListViewListener() {
            @Override
            public void onRefresh() {
                HttpUtil.getHttp(url, new HttpUtil.CallBaseA() {
                    @Override
                    public void getData(String s) {
                        //这个方法在主线程中
                        //解析
                        Gson gson = new Gson();
                        JsonBean jsonBean = gson.fromJson(s, JsonBean.class);
                        list = (ArrayList<JsonBean.DataBean>) jsonBean.getData();
                        //适配器
                        adapter = new XAdapter(list, getActivity());
                        xlist.setAdapter(adapter);
                        xlist.stopRefresh();
                    }
                });
            }

            @Override
            public void onLoadMore() {
                HttpUtil.getHttp(url, new HttpUtil.CallBaseA() {
                    @Override
                    public void getData(String s) {
                        //这个方法在主线程中
                        //解析
                        Gson gson = new Gson();
                        JsonBean jsonBean = gson.fromJson(s, JsonBean.class);
                        ArrayList<JsonBean.DataBean> list2 = (ArrayList<JsonBean.DataBean>) jsonBean.getData();
                        list.addAll(list2);
                        adapter.notifyDataSetChanged();
                        xlist.stopLoadMore();
                    }
                });
            }
        });
        return view;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //请求数据
        HttpUtil.getHttp(url, new HttpUtil.CallBaseA() {
            @Override
            public void getData(String s) {
                //这个方法在主线程中
                //解析
                Gson gson = new Gson();
                JsonBean jsonBean = gson.fromJson(s, JsonBean.class);
                list = (ArrayList<JsonBean.DataBean>) jsonBean.getData();
                //适配器
                adapter = new XAdapter(list, getActivity());
                xlist.setAdapter(adapter);
            }
        });
    }
}

XListviewAdapter

package weektest.baway.com.day8_1.adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;

import java.util.ArrayList;

import weektest.baway.com.day8_1.R;
import weektest.baway.com.day8_1.bean.JsonBean;

public class XAdapter extends BaseAdapter {
    ArrayList<JsonBean.DataBean> list;
    Context context;

    public XAdapter(ArrayList<JsonBean.DataBean> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        int type = getItemViewType(position);
        switch (type) {
            //=================0===============
            case 0:
                ViewHolder0 holder0 = null;
                if (convertView == null) {
                    convertView = View.inflate(context, R.layout.item0, null);
                    holder0 = new ViewHolder0();
                    holder0.textView0 = convertView.findViewById(R.id.textView0);
                    convertView.setTag(holder0);
                } else {
                    holder0 = (ViewHolder0) convertView.getTag();
                }
                JsonBean.DataBean bean0 = list.get(position);
                holder0.textView0.setText(bean0.getType());
                break;
            //=============================1==================================
            case 1:
                ViewHolder1 holder1 = null;
                if (convertView == null) {
                    convertView = View.inflate(context, R.layout.item1, null);
                    holder1 = new ViewHolder1();
                    holder1.imageView1 = convertView.findViewById(R.id.imageView1);
                    holder1.textView1 = convertView.findViewById(R.id.textView1);
                    convertView.setTag(holder1);
                } else {
                    holder1 = (ViewHolder1) convertView.getTag();
                }
                JsonBean.DataBean bean1 = list.get(position);
                holder1.textView1.setText(bean1.getType());
                //设置图片
                Glide.with(context).load("http://n.sinaimg.cn/sports/transform/237/w650h387/20190219/XUgA-htfpvza1481742.png").into(holder1.imageView1);

                break;
            //=============================2==================================
            case 2:
                ViewHolder2 holder2 = null;
                if (convertView == null) {
                    convertView = View.inflate(context, R.layout.item2, null);
                    holder2 = new ViewHolder2();
                    holder2.textView2 = convertView.findViewById(R.id.textView2);
                    holder2.time2 = convertView.findViewById(R.id.textView22);
                    holder2.imageView2 = convertView.findViewById(R.id.imageView2);

                    convertView.setTag(holder2);
                } else {
                    holder2 = (ViewHolder2) convertView.getTag();
                }
                JsonBean.DataBean bean2 = list.get(position);
                holder2.textView2.setText("");
                holder2.time2.setText(bean2.getCreatedAt());
                //设置图片
                Glide.with(context).load("https://pic.sogou.com/pics/recompic/detail.jsp").into(holder2.imageView2);

                break;
        }


        return convertView;
    }

    //========================
    class ViewHolder0 {
        TextView textView0;
    }

    class ViewHolder1 {
        TextView textView1;
        ImageView imageView1;
    }

    class ViewHolder2 {
        TextView textView2;
        ImageView imageView2;
        TextView time2;
    }

    //=============多条目==================
    //多条目
    @Override
    public int getViewTypeCount() {//视图类型个数
        return 3;
    }

    @Override
    public int getItemViewType(int position) {
        return position % 3;
    }
}

item布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:id="@+id/textView0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        app:layout_editor_absoluteX="0dp"
        app:layout_editor_absoluteY="4dp"/>
</android.support.constraint.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        app:layout_editor_absoluteX="309dp"
        app:layout_editor_absoluteY="141dp"/>
</android.support.constraint.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="300dp"
        android:layout_height="300dp" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        app:layout_editor_absoluteX="16dp"
        app:layout_editor_absoluteY="300dp" />

    <TextView
        android:id="@+id/textView22"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        app:layout_editor_absoluteX="16dp"
        app:layout_editor_absoluteY="327dp" />
</android.support.constraint.ConstraintLayout>