android:viewpager2滑动fragment
一，代码：
1,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.FragPageActivity">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager2.widget.ViewPager2
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fragViewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="200px">
<Button
android:id="@+id/btn1"
android:layout_width="100dp"
android:layout_height="50dp"
android:background="#ff0000"
android:text="按钮一"/>
<Button
android:id="@+id/btn2"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="按钮二"/>
<Button
android:id="@+id/btn3"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="按钮三"/>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="100px">
</LinearLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>单个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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffff00"
tools:context=".fragment.HomeFragment">
<!-- TODO: Update blank fragment layout -->
<TextView
android:layout_width="match_parent"
android:layout_height="60dp"
android:textSize="45sp"
android:text="home页面" />
<Button
android:id="@+id/apibutton"
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_gravity="center"
android:text="点击这里访问接口"
tools:layout_editor_absoluteX="169dp"
tools:layout_editor_absoluteY="128dp" />
</FrameLayout>2,java
1,HomeFragment.java,就是默认创建时的代码
package com.example.okdemo1.fragment;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.example.okdemo1.R;
/**
* A simple {@link Fragment} subclass.
* Use the {@link HomeFragment#newInstance} factory method to
* create an instance of this fragment.
*/
public class HomeFragment 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;
public HomeFragment() {
// 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 HomeFragment.
*/
// TODO: Rename and change types and number of parameters
public static HomeFragment newInstance(String param1, String param2) {
HomeFragment fragment = new HomeFragment();
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_home, container, false);
}
}FragAdapter.java
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();
}
}activity.java
package com.example.okdemo1.activity;
import android.annotation.SuppressLint;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.activity.EdgeToEdge;
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.viewpager.widget.ViewPager;
import androidx.viewpager2.widget.ViewPager2;
import com.example.okdemo1.R;
import com.example.okdemo1.adapter.FragAdapter;
import com.example.okdemo1.fragment.HomeFragment;
import com.example.okdemo1.fragment.MessageFragment;
import com.example.okdemo1.fragment.ServiceFragment;
import java.util.ArrayList;
import java.util.List;
public class FragPageActivity extends AppCompatActivity {
private List<Fragment> fragmentList = new ArrayList<>();
private ViewPager2 vp_content;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
EdgeToEdge.enable(this);
setContentView(R.layout.activity_frag_page);
//添加fragment到列表
fragmentList.add(new HomeFragment());
fragmentList.add(new MessageFragment());
fragmentList.add(new ServiceFragment());
//创建adapter
FragAdapter viewPagerAdapter=new FragAdapter(this,fragmentList);//创建适配器对象
//得到viewpager
vp_content = findViewById(R.id.fragViewPager);
vp_content.setAdapter(viewPagerAdapter); // 设置翻页视图的适配器
vp_content.setCurrentItem(0);
//滑动时的事件回调
vp_content.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
// 当页面开始滑动时调用
System.out.println("位置:"+position);
}
@Override
public void onPageSelected(int position) {
// 当页面被选中时调用，position是当前页面的索引
// 此处要选中相应的按钮，标识出滑动到的位置
int currentPage = position;
System.out.println("选中位置:"+position);
setButtonSelected(currentPage);
}
@Override
public void onPageScrollStateChanged(int state) {
// 当页面滑动状态改变时调用，state可以是SCROLL_STATE_IDLE, SCROLL_STATE_DRAGGING, SCROLL_STATE_SETTLING
}
});
//按钮的点击事件, 第一个按钮
Button btn1 = findViewById(R.id.btn1);
btn1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//滑动到第一页
vp_content.setCurrentItem(0,true);
}
});
//按钮的点击事件, 第二个按钮
Button btn2 = findViewById(R.id.btn2);
btn2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//滑动到第二页
vp_content.setCurrentItem(1,true);
}
});
//按钮的点击事件, 第三个按钮
Button btn3 = findViewById(R.id.btn3);
btn3.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//滑动到第三页
vp_content.setCurrentItem(2,true);
}
});
}
@SuppressLint("ResourceAsColor")
private void setButtonSelected(int id) {
System.out.println("选中按钮id："+id);
Button btn1 = findViewById(R.id.btn1);
Button btn2 = findViewById(R.id.btn2);
Button btn3 = findViewById(R.id.btn3);
if (id == 0) {
btn1.setBackgroundColor(Color.parseColor("#FF0000"));
btn2.setBackgroundColor(Color.parseColor("#D3D3D3"));
btn3.setBackgroundColor(Color.parseColor("#D3D3D3"));
} else if (id == 1) {
btn2.setBackgroundColor(Color.parseColor("#FF0000"));
btn1.setBackgroundColor(Color.parseColor("#D3D3D3"));
btn3.setBackgroundColor(Color.parseColor("#D3D3D3"));
} else if (id == 2) {
btn3.setBackgroundColor(Color.parseColor("#FF0000"));
btn2.setBackgroundColor(Color.parseColor("#D3D3D3"));
btn1.setBackgroundColor(Color.parseColor("#D3D3D3"));
}
}
}二，测试效果:
浙公网安备 33010602011771号