获取网络数据实现RecyclerView多条目

最新推荐文章于 2024-06-10 10:57:02 发布
最新推荐文章于 2024-06-10 10:57:02 发布
阅读量1k 收藏 4
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42098115/article/details/80471971
版权

先上效果图：

接口地址:http://365jia.cn/news/api3/365jia/news/headline?page=2

1、MainActivity代码 


public class MainActivity extends AppCompatActivity {

    private static final int SUCCESS = 1;
    private static final int FALL = 2;
    private String path = "http://365jia.cn/news/api3/365jia/news/headline?page=2";
    private RecyclerView recyclerView;
    Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            //判断如果成功就进行解析并展示数据
            if(msg.what==SUCCESS){
            String s = (String) msg.obj;
            Gson gson = new Gson();
            List<UserBean.DataBeanX.DataBean> list = gson.fromJson(s, UserBean.class).getData().getData();
            recyclerView.setAdapter(new MyBase(MainActivity.this,list));
            } else if(msg.what == FALL){
                Toast.makeText(MainActivity.this, "获取网络失败", Toast.LENGTH_SHORT).show();
            } else{}
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerView = (RecyclerView) findViewById(R.id.recy);
        //一定得设置布局管理器
        recyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this,LinearLayoutManager.VERTICAL,false));
        getdata();
    }

    //获取数据
    private void getdata() {
        OkHttpClient client = new OkHttpClient.Builder().build();
        Request request = new Request.Builder().url(path).build();
        client.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
            handler.sendEmptyMessage(FALL);
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                String s = response.body().string();
                Message msg = Message.obtain();
                msg.obj = s;
                msg.what = SUCCESS;
                handler.sendMessage(msg);
            }
        });
    }
}
 

 

2、ImageLoader
 

 

 

 

3、RecyclerView适配器
 

 

 

                                              //多条目时此处不用类名调用ViewHodler  
public class MyBase extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private static final int FLAG = 0;
    private static final int FLOW = 1;
    private Context context;
    private List<UserBean.DataBeanX.DataBean> list;

    public MyBase(Context context, List<UserBean.DataBeanX.DataBean> list) {
        this.context = context;
        this.list = list;
    }

    DisplayImageOptions options = new DisplayImageOptions.Builder()
            .cacheInMemory(true)//使用内存缓存
            .cacheOnDisk(true)//使用磁盘缓存
            .showImageOnFail(R.mipmap.ic_launcher)//下载失败时显示的图片
            .bitmapConfig(Bitmap.Config.RGB_565)//设置图片色彩模式
            .imageScaleType(ImageScaleType.EXACTLY)//设置图片的缩放模式
            .build();


    // 获取item类型
    @Override
    public int getItemViewType(int position) {
        //判断集合中的图片地址数量小于3 就返回FLAG 否则返回FLOW
        if (list.get(position).getPics().size()<3){
            return FLAG;
        }else {
            return FLOW;
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if(viewType==FLAG){
        ViewHolder1 holder1 = new ViewHolder1(View.inflate(context, R.layout.item_base, null));
        return holder1;
        }else{
            ViewHolder2 holder2 = new ViewHolder2(View.inflate(context, R.layout.item_base2, null));
            return holder2;
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
     switch (getItemViewType(position)){
         case FLAG:
             ViewHolder1 holder1 = (ViewHolder1) holder;
             holder1.item_title.setText(list.get(position).getTitle());
             holder1.item_comment.setText("评论"+list.get(position).getComment_amount());
             holder1.item_like.setText(list.get(position).getViews()+"赞");
             ImageLoader.getInstance().displayImage("http://365jia.cn/uploads/"+list.get(position).getPics().get(0),holder1.item_image,options);
             break;
         case FLOW:
             ViewHolder2 holder2 = (ViewHolder2) holder;
             holder2.item_title.setText(list.get(position).getTitle());
             holder2.item_comment.setText("评论"+list.get(position).getComment_amount());
             holder2.item_like.setText(list.get(position).getViews()+"赞");
             ImageLoader.getInstance().displayImage("http://365jia.cn/uploads/"+list.get(position).getPics().get(0),holder2.item_image,options);
             ImageLoader.getInstance().displayImage("http://365jia.cn/uploads/"+list.get(position).getPics().get(1),holder2.item_image1,options);
             ImageLoader.getInstance().displayImage("http://365jia.cn/uploads/"+list.get(position).getPics().get(2),holder2.item_image2,options);
             break;
     }
    }



    public class ViewHolder1 extends RecyclerView.ViewHolder {
        private final TextView item_title;
        private final TextView item_like;
        private final TextView item_comment;
        private final ImageView item_image;

        public ViewHolder1(View itemView) {
            super(itemView);
            item_title = (TextView) itemView.findViewById(R.id.item_title);
            item_like = (TextView) itemView.findViewById(R.id.item_like);
            item_comment = (TextView) itemView.findViewById(R.id.item_comment);
            item_image = (ImageView) itemView.findViewById(R.id.item_image);
        }
    }

    public class ViewHolder2 extends RecyclerView.ViewHolder {
        private final TextView item_title;
        private final TextView item_like;
        private final TextView item_comment;
        private final ImageView item_image;
        private final ImageView item_image1;
        private final ImageView item_image2;

        public ViewHolder2(View itemView) {
            super(itemView);
            item_title = (TextView) itemView.findViewById(R.id.item_title);
            item_like = (TextView) itemView.findViewById(R.id.item_like);
            item_comment = (TextView) itemView.findViewById(R.id.item_comment);
            item_image = (ImageView) itemView.findViewById(R.id.item_image);
            item_image1 = (ImageView) itemView.findViewById(R.id.item_image2);
            item_image2 = (ImageView) itemView.findViewById(R.id.item_image3);
        }
    }

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

 

 


 

————————————————————————————————————————————————————
 


 

单图片Item XML布局：
 


 

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

    <TextView
        android:id="@+id/item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="65dp"
        android:layout_marginStart="65dp"
        android:layout_marginTop="23dp"
        android:text="TextView" />

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignLeft="@+id/item_title"
        android:layout_alignStart="@+id/item_title"
        android:layout_below="@+id/item_title"
        android:layout_marginTop="13dp"
        app:srcCompat="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/item_comment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/item_image"
        android:layout_alignStart="@+id/item_image"
        android:layout_below="@+id/item_image"
        android:text="TextView" />

    <TextView
        android:id="@+id/item_like"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/item_comment"
        android:layout_marginLeft="24dp"
        android:layout_marginStart="24dp"
        android:layout_toEndOf="@+id/item_comment"
        android:layout_toRightOf="@+id/item_comment"
        android:text="TextView" />
</RelativeLayout>
 


 


 


 

三张图片Item 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"
    android:orientation="vertical"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <TextView
        android:id="@+id/item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="65dp"
        android:layout_marginStart="65dp"
        android:layout_marginTop="23dp"
        android:text="TextView" />


    <LinearLayout
        android:layout_below="@id/item_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        >

        <ImageView
        android:id="@+id/item_image2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:srcCompat="@mipmap/ic_launcher" />

        <ImageView
        android:id="@+id/item_image3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="30dp"
        app:srcCompat="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/item_image"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_marginLeft="30dp"
            app:srcCompat="@mipmap/ic_launcher" />

    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        >

        <TextView
            android:id="@+id/item_comment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/item_like"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:text="TextView" />

    </LinearLayout>

</LinearLayout>
 

 


 



                

        

        

    




    

      

        

            

              
                
                  OVERSIZEXL
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    4
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
RecyclerView的网络展示

				
			

			

				

					五万年前走丢了
				

				

					08-05
					
					159
					
				

			

		

		

			
				
MyApp



public class MyApp extends Application{
    private static RequestQueue mQueue;

    @Override
    public void onCreate() {
        super.onCreate();
        mQueue = Volley.newRequestQueue(g...

			
		

	



                

              
                



	

		

			

				
					
RecyclerView+OkHttp展示网络数据

				
			

			

				

					05-25
				

			

		

		

			
				
RecyclerView+OkHttp展示网络数据

			
		

	



                


  
              

                


	

		

			

				
					
Android RecyclerView使用详解（含通过网络请求得到数据）

					
最新发布

				
			

			

				

					qq_73830179的博客
				

				

					06-10
					
					1691
					
				

			

		

		

			
				
RecyclerView是Android中非常受欢迎的控件，RecyclerView是官方在Android5.0之后新添加的控件，推出用来替代传统的ListView和GridView列表控件，所以如果你还在使用ListView的话可以替换为RecyclerView了。对于RecyclerView的使用根据实际项目进行说明，一些功能可能是你现在正在做的，对你有帮助也说不定。

			
		

	





	

		

			

				
					
mvp+RecyclerView实现网络请求

				
			

			

				

					yhq_7758的博客
				

				

					05-03
					
					215
					
				

			

		

		

			
				
 123public class Api {    public static final String url="http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.billboard.billList&amp;type=1&amp;size=10&amp;offset=%s";}　　net包下       网络请...

			
		

	



		

			
		



	

		

			

				
					
Android之RecyclerView

				
			

			

				

					qq_39438055的博客
				

				

					02-02
					
					604
					
				

			

		

		

			
				
一、准备工作
在app/build.gradle的dependencies中，加入以下一行代码
implementation 'androidx.recyclerview:recyclerview:1.1.0'

垂直滚动
二、activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:...

			
		

	





	

		

			

				
					
RecyclerView 如何正确地获取子View对象、item的数量和View对应的position

					
热门推荐

				
			

			

				

					黄小梁的博客
				

				

					07-05
					
					1万+
					
				

			

		

		

			
				
RecyclerView是我们用到比较频繁的控件之一，有时获取某个子View或其对应的position时往往达不到预期的结果。
之前写的这个万能分割线XRecyclerViewDivider也遇到了这些问题，接下来详细说下几个方法的意义吧。




RecycleView的getChildAt(position)

这个方法在RecycleView未满一屏的时候是没有问题的，可以正确地拿到position对应地View，但是在满一屏地情况下，getChildAt(position)获取的View是null。

			
		

	





	

		

			

				
					
RecyclerView2交换条目顺序与侧滑删除

				
			

			

				

					08-08
				

			

		

		

			
				
2. **处理删除逻辑**：在`onSwiped()`中，获取被滑动的条目的位置，然后从数据模型中移除对应的项。你可以选择直接删除，或者弹出确认对话框后再执行删除操作。 3. **更新视图**：最后，通过调用`notifyItemRemoved...

			
		

	





	

		

			

				
					
Android XRecyclerView实现多条目加载

				
			

			

				

					08-28
				

			

		

		

			
				
Android XRecyclerView是一款功能强大且灵活的 RecyclerView 库，能够帮助开发者快速实现多条目加载效果。在本文中，我们将详细介绍如何使用 XRecyclerView 实现多条目加载，并提供了相关的代码示例。  首先，让我们...

			
		

	





	

		

			

				
					
使用RecyclerView实现水平列表

				
			

			

				

					08-25
				

			

		

		

			
				
 数据可以从多种来源获取，如本地资源、网络API或者SQLite数据库。这里使用了一个模拟数据的`getData()`方法，返回一个包含图片URL或字符串的列表。在实际项目中，你可能需要使用异步加载策略，如使用Glide或Picasso...

			
		

	





	

		

			

				
					
RecyclerView实现Item滑动加载进入动画效果

				
			

			

				

					12-22
				

			

		

		

			
				
在很多应用中，我们希望为RecyclerView的Item添加动态的加载进入动画，以提升用户体验和界面的视觉吸引力。本篇文章将详细介绍如何在RecyclerView中实现Item滑动加载进入的动画效果。  首先，要实现这一效果，我们...

			
		

	





	

		

			

				
					
Android RecyclerView 实现滑动吸顶效果

				
			

			

				

					05-15
				

			

		

		

			
				
在Android开发中，RecyclerView是一个非常重要的组件，用于展示大量数据列表。它替代了之前的ListView，提供了更高效的数据处理和更好的性能。本教程将详细介绍如何在RecyclerView中实现滑动吸顶（Sticky Header）...

			
		

	





	

		

			

				
					
Android聊天Demo实现(数据库+RecyclerView)

				
			

			

				

					05-07
				

			

		

		

			
				
配合博客教程：Android框架之路——聊天Demo实现

			
		

	





	

		

			

				
					
Android-采用真实的网络请求数据演示MultiType框架的用法简化recyclerView的复杂列表视图

				
			

			

				

					08-12
				

			

		

		

			
				
采用真实的网络请求数据演示MultiType框架的用法，简化recyclerView的复杂列表视图

			
		

	





	

		

			

				
					
Android RecyclerView使用

				
			

			

				

					sky的博客
				

				

					05-05
					
					1988
					
				

			

		

		

			
				
        本文参照 《第一行代码 Android 第二版》进行整理，同时添加了一些书中该章节没涉及的内容。一、RecyclerView 功能介绍    RecyclerView可以说是一个增强版的ListView，它不仅可以实现ListView同样的效果，还优化了很多ListView 的不足之处。比如：1.实现横向滑动     2. 实现GridView的效果    3. 实现瀑布流效果  ...

			
		

	





	

		

			

				
					
ListView&RecycleView加载大量数据的时候如何提高效率

				
			

			

				

					我是小彬彬
				

				

					11-02
					
					8347
					
				

			

		

		

			
				
RecycleView

			
		

	





	

		

			

				
					
OkHttp的网络请求数据和RecyclerView的多条目加载,添加分割线

				
			

			

				

					qingxuan521721的博客
				

				

					10-15
					
					832
					
				

			

		

		

			
				
要导入RecyclerView的依赖    




还要导入OkHttp   Okio 两个架包

  切记要在清单文件里写上网络权限

  


MainActivity

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.suppo

			
		

	





	

		

			

				
					
连接firebase Realtime Database 并且在recyclerview中显示读取数据

				
			

			

				

					weixin_46145745的博客
				

				

					10-26
					
					674
					
				

			

		

		

			
				
写在之前
一开始连接firebase碰到了几个问题。

首先是按照官网步骤把firebase连接到android app上一直显示连接不上。但是如果看android studio的tool->firebase->realtime database里面显示的是已经connect上了。所以可以skip 掉connect 的那一步
使用realdatabase的时候，按照官网

FirebaseDatabase database = FirebaseDatabase.getInstance();
Da

			
		

	





	

		

			

				
					
OkHttp网络加载数据+RecyclerView展示+属性动画

				
			

			

				

					FanRQ_的博客
				

				

					11-18
					
					421
					
				

			

		

		

			
				
MainActivity.java
public class MainActivity extends AppCompatActivity implements HttpUrls.ff{

    private ImageView mImageView;
    private RecyclerView mRecyclerView;
    RvAdapter rvAdapter;
    Li...

			
		

	





	

		

			

				
					
手写RecyclerView--实现item回收池、支持千万级item

				
			

			

				

					王温暖的博客
				

				

					05-04
					
					996
					
				

			

		

		

			
				
首先我们手写RecyclerView需要继承ViewGroup，我们需要重写ViewGroup的一些方法完成RecyclerVIew的测量、摆放、以及事件分发、移动等主要方法：


protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

protected void onLayout(boolean change...

			
		

	





	

		

			

				
					
RecyclerView多条目如何展示

				
			

			

				

					05-20
				

			

		

		

			
				
RecyclerView多条目展示可以通过以下步骤实现：

1. 创建多个ViewHolder类，每个ViewHolder类对应一个条目类型。

例如，如果有两种条目类型：一种是普通的文本条目，另一种是图片条目。则需要创建两个ViewHolder类：TextViewHolder和ImageViewHolder。

2. 在RecyclerView.Adapter的方法中，根据不同的条目类型选择不同的ViewHolder类。

例如，在getItemViewType方法中，可以根据数据源中的不同数据类型返回不同的值，然后在onCreateViewHolder方法中根据这个值来选择对应的ViewHolder类。

3. 在ViewHolder中绑定对应数据

例如，在TextViewHolder中，可以通过findViewById找到布局中的TextView，并将数据绑定到TextView中。在ImageViewHolder中，可以通过Glide等图片加载库加载图片，并将图片显示在ImageView中。

4. 在RecyclerView.Adapter的方法中获取数据源的长度，返回给RecyclerView。

例如，在getItemCount方法中，可以根据数据源的长度返回不同的值，让RecyclerView知道需要显示多少条数据。

以上就是RecyclerView多条目展示的基本步骤，具体实现时还需要根据不同需求进行适当的修改。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值