第一步的话就是设置我们的布局:
然后的话就是详细的代码部分:
<?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中适配而来的所以的话以后会陆续的将我们的网络适配数据的方式编写出来: