MainActivity布局文件:
<?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" android:orientation="vertical" tools:context="com.mrzhao.day14pullupmorelayoutproject.MainActivity"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"></ListView> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onClick" android:layout_margin="10dp" android:text="点击加载下一页数据" tools:ignore="OnClick" /> </LinearLayout>
MainActivity文件:
/** * ListView上啦功能 */ public class MainActivity extends AppCompatActivity { private String path = "http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page="; private int pager = 1; private ListView listView; private List<FoodEntity.DataBean> list = new ArrayList<>(); private MyAdapter myAdapter; private boolean isIDLE = false; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView); myAdapter = new MyAdapter(list, this); listView.setAdapter(myAdapter); new MyTask().execute(); // ListView 的 滚动监听器 listView.setOnScrollListener(new AbsListView.OnScrollListener() { //滚动状态的监听 @Override public void onScrollStateChanged(AbsListView view, int scrollState) { switch (scrollState) { case SCROLL_STATE_FLING: //抛出 当手指离开屏幕 视图继续滚动的状态 break; case SCROLL_STATE_IDLE: // 闲置 停止滚动的状态 break; case SCROLL_STATE_TOUCH_SCROLL: // 手指触摸屏幕滚动状态 break; } //最好这么写 if (scrollState == SCROLL_STATE_IDLE) { //闲置状态 可以 加载更多 isIDLE = true; }else { // 不是闲置状态 不要 加载更多 isIDLE = false; } } //滚动 @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { //当第一个可见条目 + 可见的总条目 == 列表的总条目 表示 滑动到了底部 且 ListView 停止下来了 闲置状态 即可加载更多 if (firstVisibleItem +visibleItemCount == totalItemCount&& isIDLE){ // 加载更多 pager++; new MyTask().execute(); } } }); } public void onClick(View view) { //点击加载下一页的数据 pager++; new MyTask().execute(); } class MyTask extends AsyncTask<String, Void, String> { @Override protected String doInBackground(String... strings) { return getJsonFromNet(); } @Override protected void onPostExecute(String s) { super.onPostExecute(s); if (!TextUtils.isEmpty(s)) { Gson gson = new Gson(); FoodEntity foodEntity = gson.fromJson(s, FoodEntity.class); List<FoodEntity.DataBean> data = foodEntity.getData(); list.addAll(data); myAdapter.notifyDataSetChanged(); } } } private String getJsonFromNet() { InputStream inputStream = null; ByteArrayOutputStream outputStream = null; try { URL url = new URL(path + pager); HttpURLConnection conn = (HttpURLConnection) url.openConnection(); conn.setRequestMethod("GET"); conn.setConnectTimeout(30 * 1000); conn.setReadTimeout(30 * 1000); conn.connect(); if (conn.getResponseCode() == 200) { inputStream = conn.getInputStream(); outputStream = new ByteArrayOutputStream(); int len = 0; byte[] bytes = new byte[1024]; while ((len = inputStream.read(bytes)) != -1) { outputStream.write(bytes, 0, len); } return outputStream.toString(); } } catch (MalformedURLException e) { e.printStackTrace(); } catch (ProtocolException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } return null; } }
条目布局文件:
<?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:orientation="horizontal"> <ImageView android:id="@+id/food_pic_iv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" android:layout_margin="10dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:orientation="vertical"> <TextView android:text="宫保鸡丁" android:id="@+id/food_title_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" /> <TextView android:text="鸡肉,葱段,等等" android:id="@+id/food_str_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:textSize="20sp" /> </LinearLayout> </LinearLayout>
适配器:
/** * Created by Mr.Zhao on 2018/4/24. */ public class MyAdapter extends BaseAdapter { private List<FoodEntity.DataBean> list; private Context context; private LayoutInflater inflater; public MyAdapter(List<FoodEntity.DataBean> list, Context context) { this.list = list; //给适配器里面的需要而提供一个上下文的引用 this.context = context; //1初始化布局加载起的时候 会用到 2。 下载图片的时候用到 inflater = LayoutInflater.from(context); } @Override public int getCount() { return list.size(); } @Override public Object getItem(int position) { return list.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null){ //将 xml 布局文件转换成为 View 视图对象 convertView = inflater.inflate(R.layout.item_layout,parent,false); holder = new ViewHolder(); holder.foodPicIv = convertView.findViewById(R.id.food_pic_iv); holder.foodStrTv = convertView.findViewById(R.id.food_str_tv); holder.titleTv = convertView.findViewById(R.id.food_title_tv); // 设置 convertView.setTag(holder); }else { holder = (ViewHolder) convertView.getTag(); } FoodEntity.DataBean dataBean = list.get(position); holder.titleTv.setText(dataBean.getTitle()); holder.foodStrTv.setText(dataBean.getFood_str()); //加载图片的代码 Picasso.with(context).load(dataBean.getPic()).into(holder.foodPicIv); return convertView; } static class ViewHolder { ImageView foodPicIv; TextView titleTv; TextView foodStrTv; } }
实体类:
public class FoodEntity { /** * ret : 1 * data : [{"id":"8289","title":"油焖大虾","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg","collect_num":"1659","food_str":"大虾 葱 生姜 植物油 料酒","num":1659},{"id":"2127","title":"四川回锅肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2127.jpg","collect_num":"1585","food_str":"猪肉 青蒜 青椒 红椒 姜片","num":1585},{"id":"30630","title":"超简单芒果布丁","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/31/30630.jpg","collect_num":"1529","food_str":"QQ糖 牛奶 芒果","num":1529},{"id":"9073","title":"家常红烧鱼","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9073.jpg","collect_num":"1419","food_str":"鲜鱼 姜 葱 蒜 花椒","num":1419},{"id":"10097","title":"家常煎豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10097.jpg","collect_num":"1407","food_str":"豆腐 新鲜红椒 青椒 葱花 油","num":1407},{"id":"10509","title":"水煮肉片","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10509.jpg","collect_num":"1337","food_str":"瘦猪肉 生菜 豆瓣酱 干辣椒 花椒","num":1337},{"id":"46968","title":"红糖苹果银耳汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/47/46968.jpg","collect_num":"1245","food_str":"银耳 苹果 红糖","num":1245},{"id":"10191","title":"麻婆豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10191.jpg","collect_num":"1215","food_str":"豆腐 肉末 生抽 白糖 芝麻油","num":1215},{"id":"2372","title":"皮蛋瘦肉粥","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2372.jpg","collect_num":"1147","food_str":"大米 皮蛋 猪肉 油条 香葱","num":1147},{"id":"2166","title":"蚂蚁上树","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2166.jpg","collect_num":"1141","food_str":"红薯粉 肉 姜 蒜 花椒","num":1141},{"id":"2262","title":"糖醋肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2262.jpg","collect_num":"1075","food_str":"猪肉 红椒 黄椒 洋葱 蛋清","num":1075},{"id":"9971","title":"鱼香豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9971.jpg","collect_num":"1005","food_str":"豆腐 木耳 胡萝卜 香葱 番茄酱","num":1005},{"id":"10172","title":"干煸四季豆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10172.jpg","collect_num":"989","food_str":"四季豆 干辣椒 蒜头 酱油 糖","num":989},{"id":"2685","title":"胡萝卜肉末蒸蛋","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2685.jpg","collect_num":"918","food_str":"胡萝卜 肉 蛋 生抽 盐","num":918},{"id":"9972","title":"虎皮青椒","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9972.jpg","collect_num":"890","food_str":"青辣椒 大蒜 香醋 白糖 生抽","num":890},{"id":"10437","title":"叉烧排骨","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10437.jpg","collect_num":"797","food_str":"排骨 李锦记叉烧酱 植物油 清水 油菜","num":797},{"id":"2892","title":"\u201c五行\u201d彩蔬汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2892.jpg","collect_num":"757","food_str":"黑木耳 玉米 牛蒡 胡萝卜 西兰花","num":757},{"id":"10044","title":"土豆炖翅根","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10044.jpg","collect_num":"753","food_str":"土豆 翅根 葱 姜 料酒","num":753},{"id":"33783","title":"美人豆浆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/34/33783.jpg","collect_num":"753","food_str":"黄豆 红豆 绿豆 黑豆 黑米","num":753},{"id":"2348","title":"麻辣肉丝面","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2348.jpg","collect_num":"753","food_str":"面条 肉丝 淀粉 酱油 辣椒","num":753}] */ private int ret; private List<DataBean> data; public int getRet() { return ret; } public void setRet(int ret) { this.ret = ret; } public List<DataBean> getData() { return data; } public void setData(List<DataBean> data) { this.data = data; } public static class DataBean { /** * id : 8289 * title : 油焖大虾 * pic : http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg * collect_num : 1659 * food_str : 大虾 葱 生姜 植物油 料酒 * num : 1659 */ private String id; private String title; private String pic; private String collect_num; private String food_str; private int num; public String getId() { return id; } public void setId(String id) { this.id = id; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getPic() { return pic; } public void setPic(String pic) { this.pic = pic; } public String getCollect_num() { return collect_num; } public void setCollect_num(String collect_num) { this.collect_num = collect_num; } public String getFood_str() { return food_str; } public void setFood_str(String food_str) { this.food_str = food_str; } public int getNum() { return num; } public void setNum(int num) { this.num = num; } } }