android: 常用app首页ui:viewpager2嵌套+吸顶+上下滑动
一，代码:
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.Bottom3Activity">
<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
public class Bottom3Activity 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_bottom3);
//填充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;
}
}
});
}
}cate1fragment的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"/>
<com.google.android.material.tabs.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed"
app:tabGravity="fill"
app:tabIndicatorFullWidth="false"
app:tabIndicatorColor="#00ff00"
app:tabRippleColor="#0000ff"
app:tabTextColor="#000000"
app:tabSelectedTextColor="#38A9FF" />
</com.google.android.material.appbar.AppBarLayout>
<com.example.okdemo1.lib.NestedScrollableHost
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
>
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/houseCateViewPager"
android:layout_width="match_parent"
android:background="#ff00ff"
android:layout_height="match_parent"
/>
</com.example.okdemo1.lib.NestedScrollableHost>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
</LinearLayout>
</FrameLayout>cate1fragment的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.activity.Bottom3Activity;
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 com.google.android.material.tabs.TabLayout;
import com.google.android.material.tabs.TabLayoutMediator;
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
private ArrayList<String> mTitleArray = new ArrayList<String>();
public Cate1Fragment() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @param param2 Parameter 2.
* @return A new instance of fragment cate1Fragment.
*/
// 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");
//Context context = getActivity();
FragmentActivity activity = (FragmentActivity) getActivity();
//添加fragment到列表
fragmentList.add(new House1Fragment());
fragmentList.add(new House2Fragment());
fragmentList.add(new House3Fragment());
//创建adapter
HouseFragAdapter viewPagerAdapter=new HouseFragAdapter(activity,fragmentList);//创建适配器对象
//得到viewpager,并为它设置adapter
vp_house = view.findViewById(R.id.houseCateViewPager);
vp_house.setAdapter(viewPagerAdapter); // 设置翻页视图的适配器
vp_house.setCurrentItem(0);
mTitleArray.add("租房");
mTitleArray.add("买房");
mTitleArray.add("找工作");
TabLayout tabLayout = view.findViewById(R.id.tab_layout);
new TabLayoutMediator(tabLayout, vp_house,
(tab, position) -> tab.setText(mTitleArray.get(position))
).attach();
}
}house1fragment的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"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".fragment.House1Fragment">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff8888"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_weight="1"
android:layout_height="0dp"/>
</LinearLayout>
</FrameLayout>house1fragment的java
package com.example.okdemo1.fragment;
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 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.Bottom3Activity;
import com.example.okdemo1.adapter.HouseFragAdapter;
import com.example.okdemo1.adapter.StringRecycleAdapter;
import java.util.ArrayList;
import java.util.List;
/**
* A simple {@link Fragment} subclass.
* Use the {@link House1Fragment#newInstance} factory method to
* create an instance of this fragment.
*/
public class House1Fragment extends Fragment {
// 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;
public House1Fragment() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @param param1 Parameter 1.
* @param param2 Parameter 2.
* @return A new instance of fragment House1Fragment.
*/
// TODO: Rename and change types and number of parameters
public static House1Fragment newInstance(String param1, String param2) {
House1Fragment fragment = new House1Fragment();
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);
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_house1, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
recyclerView = view.findViewById(R.id.recyclerView);
stringList = new ArrayList<>();
// 添加测试数据
for (int i = 1; i <= 20; i++) {
stringList.add("第 " + i + " 项");
}
Bottom3Activity activity = (Bottom3Activity) getActivity();
adapter = new StringRecycleAdapter(activity,stringList);
recyclerView.setLayoutManager(new LinearLayoutManager(activity)); // 垂直列表
recyclerView.setAdapter(adapter);
}
}cate的adapter
package com.example.okdemo1.adapter;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import java.util.List;
public class FragAdapter extends FragmentStateAdapter {
private List<Fragment> mFragments;
public FragAdapter(FragmentActivity fa,List<Fragment> fragments) {
super(fa);
mFragments=fragments;
}
@Override
public Fragment createFragment(int position) {
return mFragments.get(position);
}
@Override
public int getItemCount() {
return mFragments.size();
}
}house的adapter
package com.example.okdemo1.adapter;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import java.util.List;
public class HouseFragAdapter extends FragmentStateAdapter {
private List<Fragment> mFragments;
public HouseFragAdapter(FragmentActivity fa, List<Fragment> fragments) {
super(fa);
mFragments=fragments;
}
@Override
public Fragment createFragment(int position) {
return mFragments.get(position);
}
@Override
public int getItemCount() {
return mFragments.size();
}
}列表的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号