MVP展示RecycleView(瀑布流)

继上篇博客 1.2.3.7

一:view层

1.BaseView接口

public interface BaseView {
}

2.MainView接口继承BaseView

public interface MainView extends BaseView{
    void onSuccess(ShouBean shouBean);

    void onFailed(String msg);
}

二:p层

1.BasePresenter

public class BasePresenter<V extends BaseView>{
    private V iv;

    public void attachView(V iv) {
        this.iv = iv;
    }

    public void datachView(V iv) {
        this.iv = iv;
    }

    public V getView() {
        return iv;
    }
}

2.MainPresenter继承BasePresenter

public class MainPresenter extends BasePresenter<MainView> {

    public void loadData() {
        Call<ShouBean> shou = HttpUtils.getData().api.shou();
        shou.enqueue(new Callback<ShouBean>() {
            @Override
            public void onResponse(Call<ShouBean> call, Response<ShouBean> response) {
                ShouBean shouBean = response.body();
                getView().onSuccess(shouBean);
            }

            @Override
            public void onFailure(Call<ShouBean> call, Throwable t) {

            }
        });
    }
}

三:主页面

public class MainActivity extends AppCompatActivity implements MainView {

    @BindView(R.id.recycle_view)
    RecyclerView recycleView;
    public MainPresenter mainPresenter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        mainPresenter = new MainPresenter();
        mainPresenter.attachView(this);
        mainPresenter.loadData();
    }

    @Override
    public void onSuccess(ShouBean shouBean) {
        ShouBean.DataBean.TuijianBean tuijian = shouBean.getData().getTuijian();
        recycleView.setAdapter(new ShouAdapter(MainActivity.this,tuijian));

        //瀑布流
        recycleView.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));
        SpacesItemDecoration decoration=new SpacesItemDecoration(50);
        recycleView.addItemDecoration(decoration);

        adapter.setOnItemCickListener(new ShouAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(int position) {
                int pid = shouBean.get(position).getPid();
                Intent intent = new Intent(MainActivity.this,XiangActivity.class);
                intent.putExtra("pid",String.valueOf(pid));
                startActivity(intent);
            }
        });
    }

    @Override
    public void onFailed(String msg) {

    }

    //避免内存泄漏
    @Override
    protected void onDestroy() {
        super.onDestroy();
        mainPresenter.datachView(this);
    }
}

四:适配器

public class ShouAdapter extends RecyclerView.Adapter<ShouAdapter.ViewHolder>{
    private Context context;
    private ShouBean.DataBean.TuijianBean list;

 private OnItemClickListener onItemCickListener;
    public ShouAdapter(Context context,  ShouBean.DataBean.TuijianBean list) {
        this.context = context;
        this.list = list;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.item_layout, parent, false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.simple_view.setImageURI(list.getList().get(position).getImages().split("\\|")[0]);
        holder.text_view.setText(list.getList().get(position).getTitle());

 holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onItemCickListener.onItemClick(position);
            }
        });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder{

        private final SimpleDraweeView simple_view;
        private final TextView text_view;

        public ViewHolder(View itemView) {
            super(itemView);
            simple_view = itemView.findViewById(R.id.simple_view);
            text_view = itemView.findViewById(R.id.text_view);
        }
    }

 public interface OnItemClickListener{
        void onItemClick(int position);
    }

    public void setOnItemCickListener(OnItemClickListener onItemCickListener){
        this.onItemCickListener = onItemCickListener;
    }
}

五:item_layout布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">


    <com.facebook.drawee.view.SimpleDraweeView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:id="@+id/simple_view"/>

    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:text="xxxxxx"
        android:layout_margin="10dp"/>

</LinearLayout>

六:瀑布流类

public class SpacesItemDecoration extends RecyclerView.ItemDecoration {

    private int space;

    public SpacesItemDecoration(int space) {
        this.space=space;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        outRect.left=space;
        outRect.right=space;
        outRect.bottom=space;
        if(parent.getChildAdapterPosition(view)==0){
            outRect.top=space;
        }
    }
}

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在RecyclerView中展示后台图片和文字,你可以使用一个布局文件,其中包含一个ImageView和一个TextView。在RecyclerView的Adapter中,你需要绑定这些视图到数据源中的相应项。对于图片,你可以使用Glide或Picasso等图片加载库来加载图片。以下是一个简单的示例: 首先,在布局文件中添加一个ImageView和一个TextView: ```xml <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/image" android:layout_width="match_parent" android:layout_height="200dp" android:scaleType="centerCrop"/> <TextView android:id="@+id/text" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/image" android:textSize="16sp" android:padding="8dp"/> </RelativeLayout> ``` 接下来,在RecyclerView的Adapter中,你需要绑定这些视图到数据源中的相应项。例如,如果你的数据源是一个列表,其中每个项包含一个图片URL和一个说明文本,那么你可以这样做: ```java public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { private List<MyItem> itemList; public static class MyViewHolder extends RecyclerView.ViewHolder { public ImageView image; public TextView text; public MyViewHolder(View view) { super(view); image = view.findViewById(R.id.image); text = view.findViewById(R.id.text); } } public MyAdapter(List<MyItem> itemList) { this.itemList = itemList; } @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View itemView = LayoutInflater.from(parent.getContext()) .inflate(R.layout.my_item_layout, parent, false); return new MyViewHolder(itemView); } @Override public void onBindViewHolder(MyViewHolder holder, int position) { MyItem item = itemList.get(position); // 加载图片 Glide.with(holder.image.getContext()) .load(item.getImageUrl()) .into(holder.image); // 设置文本 holder.text.setText(item.getText()); } @Override public int getItemCount() { return itemList.size(); } } ``` 在这个例子中,我们假设`MyItem`是一个包含图片URL和说明文本的数据模型。在`onBindViewHolder`方法中,我们使用Glide来加载图片,并将文本设置为TextView的文本。注意,在这个例子中,我们使用了一个RelativeLayout来包含ImageView和TextView,这样可以方便地控制它们之间的位置关系。 最后,在你的Activity或Fragment中,你需要创建RecyclerView和Adapter,并将它们绑定在一起: ```java RecyclerView recyclerView = findViewById(R.id.recycler_view); MyAdapter adapter = new MyAdapter(itemList); recyclerView.setAdapter(adapter); recyclerView.setLayoutManager(new LinearLayoutManager(this)); ``` 在这个例子中,我们使用LinearLayoutManager来设置RecyclerView的布局管理器。你可以根据需要使用其他类型的布局管理器。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值