android:viewpager2+recyclerview+bottomnavigationview
一，代码：
activity xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activity.Bottom2Activity">
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/nav_view"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="0dp"
android:layout_marginEnd="0dp"
android:background="?android:attr/windowBackground"
app:itemTextColor="@menu/nav_item_text_selector"
app:itemIconTint="@menu/nav_item_text_selector"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/bottom_nav_menu" />
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/viewpager2bottom"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toTopOf="@id/nav_view"
/>
</androidx.constraintlayout.widget.ConstraintLayout>activity java
package com.example.okdemo1.activity;
import android.os.Bundle;
import android.util.Log;
import android.view.MenuItem;
import androidx.activity.EdgeToEdge;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
import androidx.fragment.app.Fragment;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;
import androidx.viewpager2.widget.ViewPager2;
import com.example.okdemo1.R;
import com.example.okdemo1.adapter.FragAdapter;
import com.example.okdemo1.databinding.ActivityBottomBinding;
import com.example.okdemo1.fragment.Cate1Fragment;
import com.example.okdemo1.fragment.Cate2Fragment;
import com.example.okdemo1.fragment.Cate3Fragment;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import com.google.android.material.navigation.NavigationBarView;
import java.util.ArrayList;
import java.util.List;
public class Bottom2Activity extends AppCompatActivity {
private List<Fragment> fragmentList = new ArrayList<>(); //fragment的列表
private ViewPager2 vp_content; //viewpager2
private BottomNavigationView bottomNavigationView; //底部导航栏
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
EdgeToEdge.enable(this);
setContentView(R.layout.activity_bottom2);
//填充viewpager2的内容
//添加fragment到列表
fragmentList.add(new Cate1Fragment());
fragmentList.add(new Cate2Fragment());
fragmentList.add(new Cate3Fragment());
//创建adapter
FragAdapter viewPagerAdapter=new FragAdapter(this,fragmentList);//创建适配器对象
//得到viewpager,并为它设置adapter
vp_content = findViewById(R.id.viewpager2bottom);
vp_content.setAdapter(viewPagerAdapter); // 设置翻页视图的适配器
vp_content.setCurrentItem(0);
bottomNavigationView = findViewById(R.id.nav_view);
//底部导航栏的处理
//重点 设置 bottomNavigationView 的item 的点击事件 设置viewPager2的联动
bottomNavigationView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
int itemId = item.getItemId();
Log.d("click","当前点击了item:"+itemId);
if (itemId == R.id.navigation_home) {
// 处理逻辑
vp_content.setCurrentItem(0);
} else if (itemId == R.id.navigation_dashboard) {
// 其他逻辑
vp_content.setCurrentItem(1);
} else {
// 默认情况
vp_content.setCurrentItem(2);
}
return true;
}
});
//重点 实现viewpager2滑动的时候 联动 bottomNavigationView的selectedItem
vp_content.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageSelected(int position) {
super.onPageSelected(position);
switch (position){
case 0:
bottomNavigationView.setSelectedItemId(R.id.navigation_home);
break;
case 1:
bottomNavigationView.setSelectedItemId(R.id.navigation_dashboard);
break;
case 2:
bottomNavigationView.setSelectedItemId(R.id.navigation_notifications);
break;
}
}
});
}
}fragment xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffff00">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff8888"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="100dp"
android:textColor="@color/white"
android:background="#0000ff"
android:gravity="center"
android:textSize="32sp"
android:text="不动的头部"
/>
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
app:elevation="0dp"
android:background="#00000000"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="200dp"
android:textColor="@color/white"
android:background="#2BDC70"
android:gravity="center"
android:textSize="32sp"
android:text="滚动后会隐藏"
app:layout_scrollFlags="scroll|snap"/>
<TextView
android:layout_width="match_parent"
android:layout_height="100dp"
android:textColor="@color/white"
android:background="#FD2E54"
android:gravity="center"
android:textSize="32sp"
android:text="固定头部,tab"
/>
</com.google.android.material.appbar.AppBarLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:layout_height="match_parent"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
</LinearLayout>
</FrameLayout>fragment java
package com.example.okdemo1.fragment;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.example.okdemo1.R;
import com.example.okdemo1.activity.Bottom2Activity;
import com.example.okdemo1.adapter.FragAdapter;
import com.example.okdemo1.adapter.HouseFragAdapter;
import com.example.okdemo1.adapter.MyRecycleAdapter;
import com.example.okdemo1.adapter.StringRecycleAdapter;
import java.util.ArrayList;
import java.util.List;
/**
* A simple {@link Fragment} subclass.
* Use the {@link Cate1Fragment#newInstance} factory method to
* create an instance of this fragment.
*/
public class Cate1Fragment extends Fragment {
private final String TAG = "Cate1碎片";
// TODO: Rename parameter arguments, choose names that match
// the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";
// TODO: Rename and change types of parameters
private String mParam1;
private String mParam2;
private RecyclerView recyclerView;
private StringRecycleAdapter adapter;
private List<String> stringList;
private List<Fragment> fragmentList = new ArrayList<>(); //fragment的列表
private ViewPager2 vp_house; //viewpager2
public Cate1Fragment() {
// Required empty public constructor
}
// TODO: Rename and change types and number of parameters
public static Cate1Fragment newInstance(String param1, String param2) {
Cate1Fragment fragment = new Cate1Fragment();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
args.putString(ARG_PARAM2, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.i(TAG, "--"+TAG+"->>onCreate");
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
Log.i(TAG, "--"+TAG+"->>onCreateView");
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_cate1, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
Log.i(TAG, "--"+TAG+"->>onViewCreated");
recyclerView = view.findViewById(R.id.recyclerView);
stringList = new ArrayList<>();
// 添加测试数据
for (int i = 1; i <= 20; i++) {
stringList.add("第 " + i + " 项");
}
Bottom2Activity activity = (Bottom2Activity) getActivity();
adapter = new StringRecycleAdapter(activity,stringList);
recyclerView.setLayoutManager(new LinearLayoutManager(activity)); // 垂直列表
recyclerView.setAdapter(adapter);
}
}adapter
package com.example.okdemo1.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.recyclerview.widget.RecyclerView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.request.RequestOptions;
import com.example.okdemo1.R;
import com.example.okdemo1.model.UserListItemEntity;
import java.util.List;
public class StringRecycleAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
private Context context;
private static final int TYPE_TEXT = 0;
private static final int TYPE_IMAGE = 1;
private List<String> dataList;
public StringRecycleAdapter(Context context, List<String> dataList) {
this.dataList = dataList;
this.context = context;
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_text, parent, false);
return new TextViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
((TextViewHolder) holder).bind(this.context,(String) dataList.get(position));
}
@Override
public int getItemCount() {
return dataList.size();
}
// ViewHolder for text item
class TextViewHolder extends RecyclerView.ViewHolder {
private TextView textView;
public TextViewHolder(View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.textItem);
}
public void bind(Context text,String one) {
textView.setText(one);
}
}
} //整个class结束item xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/textItem"
android:layout_width="match_parent"
android:layout_height="100dp"
android:gravity="center_vertical"
android:background="#dddddd"
android:padding="16dp"
android:textSize="18sp"/>二，测试效果:
浙公网安备 33010602011771号