Recyclerview的详解

第一步的话就是设置我们的布局:
在这里插入图片描述
然后的话就是详细的代码部分:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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=".ui.dashboard.DashboardFragment">
<!--在我们的这个位置的话就是设置我们的协调的布局-->
    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/shanghai_AppBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

<!--然后的话再次使用我们的布局这个布局的话是可以折叠的-->
     <com.google.android.material.appbar.CollapsingToolbarLayout
         app:layout_scrollFlags="scroll|snap|enterAlways|exitUntilCollapsed"
         app:contentScrim="@color/design_default_color_secondary"
         android:id="@+id/shanghai_CollapsingToolbarLayout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
<!--这个位置的话就是设置我们的图片 snap 的话有一个回弹的效果
 enteralways 就是会优先的滑动我们的child view 的内容然后的话才会去滑动其他的内容
 enteralwaysCollapsed 然后的话滚动的方式是不同的exitunitilCollapsed,contentScrim折叠后的背景颜色
-->
      <ImageView
          app:layout_collapseMode="parallax"
          app:layout_collapseParallaxMultiplier="0.6"
          android:scaleType="centerCrop"
          android:src="@mipmap/banner2"
          android:layout_width="match_parent"
          android:layout_height="200dp"/>
<!--接下里的话就是设置我们的toobar-->
         <androidx.appcompat.widget.Toolbar
             app:layout_collapseMode="pin"
             android:layout_width="match_parent"
             android:layout_height="?attr/actionBarSize">

             <TextView
                 android:visibility="gone"
                 android:id="@+id/tv_shanghai_welcome"
                 android:textColor="#000000"
                 android:gravity="center"
                 android:text="上海欢迎你"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"/>

         </androidx.appcompat.widget.Toolbar>


     </com.google.android.material.appbar.CollapsingToolbarLayout>


    </com.google.android.material.appbar.AppBarLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/shanghai_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

    </androidx.recyclerview.widget.RecyclerView>


然后的话就是设置我们的代码部分:

在这里插入图片描述

package com.example.app.ui.dashboard;

import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProvider;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import com.example.app.R;
import com.google.android.material.appbar.AppBarLayout;

import java.util.ArrayList;

public class DashboardFragment extends Fragment {
    private TextView tvShanghaiWelcome;
    private AppBarLayout shanghaiAppBarLayout;
    private RecyclerView shanghaiRecyclerview;
    public View onCreateView(@NonNull LayoutInflater inflater,
                             ViewGroup container, Bundle savedInstanceState) {

        View root = inflater.inflate(R.layout.fragment_dashboard, container, false);

        return root;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // 接下来的话 todo 就是设置我们的协调布局的代码
        initView();
        initListener();
        initRecyclerview();
    }

    private void initRecyclerview() {
        shanghaiRecyclerview.setLayoutManager(new LinearLayoutManager(getContext())); // 这个位置的话就是设置我们的api
        // 设置我们的适配器
        ArrayList<String> arrayList = new ArrayList<>();

        for(int i=0; i<20; i++){
            arrayList.add("这里是上海");
        }
        shanghaiRecyclerview.setAdapter(new adapter(arrayList));

    }

    private void initListener() {
        shanghaiAppBarLayout.addOnOffsetChangedListener(new AppBarLayout.BaseOnOffsetChangedListener() {
            @Override
            public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
                // 在我们的这个位置的话设置我们的监听
                Log.e("shanghaiAppBarLayout","verticalOffset = " + verticalOffset + "appBarLayout = " + appBarLayout.getMeasuredHeight());
                if(-verticalOffset < appBarLayout.getMeasuredHeight() /2){
                    tvShanghaiWelcome.setVisibility(View.INVISIBLE);
                }else{
                    tvShanghaiWelcome.setVisibility(View.VISIBLE);
                }
            }
        });
    }

    private void initView() {
        // 然后这个位置的话是我们的recyclerview的id
        shanghaiRecyclerview = (RecyclerView) getActivity().findViewById(R.id.shanghai_recyclerview);

        tvShanghaiWelcome = (TextView) getActivity().findViewById(R.id.tv_shanghai_welcome);
        // todo 设置我们的appbarlayout的监听事件-----------》设置监听事件
        shanghaiAppBarLayout = (AppBarLayout) getActivity().findViewById(R.id.shanghai_AppBarLayout);

    }
}

然后的话就是设置我们的适配器:
在这里插入图片描述

package com.example.app.ui.dashboard;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.example.app.R;

import java.util.ArrayList;

public class adapter extends RecyclerView.Adapter{

    private final ArrayList<String> mData;

    public adapter(ArrayList<String> data){
        mData = data;
    }

    //这个方法的话 TODO 创建view 然后进行缓存
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
       View inflate =  LayoutInflater.from(parent.getContext()).inflate(R.layout.item_shanghai_fragment,null);
        adapterViewHolder adapterViewHolder = new adapterViewHolder(inflate);
        return adapterViewHolder;
    }

    // 绑定数据
    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        // 每个条目都会调用一次
        ((adapterViewHolder)holder).textview.setText(mData.get(position));
    }
    // 条目的数量
    @Override
    public int getItemCount() {
        return mData.size();
    }
    // 缓存view内存友好设置
    public class adapterViewHolder extends RecyclerView.ViewHolder{
        public TextView textview;
        // 这个位置的话就是设置的我们的数据的东西
        public adapterViewHolder(@NonNull View itemView) {
            super(itemView);
            textview = (TextView) itemView.findViewById(R.id.textview);

        }
    }
}

然后的话就是设置我们的适配器对应的item部分:
在这里插入图片描述
详细的代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
                <TextView
                    android:id="@+id/textview"
                    android:background="#A3A3A3"
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:gravity="center"
                    android:text="上海" />

</RelativeLayout>

然后的话就是我们的结果部分:
现在的话这些数据的话是我们本地的写死的数据但是我们在实际的开发中的数据是从我们的网络api中适配而来的所以的话以后会陆续的将我们的网络适配数据的方式编写出来:
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值