android 左右滑动动画,Android ViewPager实现点击滑块左右滑动翻页效果完整代码
时间: 2023-09-12 21:09:57 浏览: 61
以下是一个简单的示例代码,演示如何在 Android 中使用 ViewPager 实现左右滑动效果:
1. 首先,创建一个名为“activity_main.xml”的布局文件,添加一个 ViewPager 作为主要布局元素:
```
<?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"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
```
2. 创建一个新的 Fragment 类,名为“PageFragment”,用于显示每个页面的内容。在这个类中,创建一个名为“newInstance()”的静态方法,用于创建新的 Fragment 实例,并将页面内容作为参数传递:
```
public class PageFragment extends Fragment {
private static final String ARG_PAGE_CONTENT = "page_content";
public static PageFragment newInstance(String content) {
Bundle args = new Bundle();
args.putString(ARG_PAGE_CONTENT, content);
PageFragment fragment = new PageFragment();
fragment.setArguments(args);
return fragment;
}
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_page, container, false);
TextView textView = view.findViewById(R.id.textView);
String content = getArguments().getString(ARG_PAGE_CONTENT);
textView.setText(content);
return view;
}
}
```
3. 创建一个名为“fragment_page.xml”的布局文件,用于定义每个页面的布局:
```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"/>
</LinearLayout>
```
4. 在 MainActivity 类中,创建一个 ViewPager 实例,并使用 PagerAdapter 将每个页面添加到 ViewPager 中。在这个示例中,我们将使用“setAdapter()”方法将 PagerAdapter 与 ViewPager 关联起来:
```
public class MainActivity extends AppCompatActivity {
private ViewPager viewPager;
private List<String> pageContents = Arrays.asList("Page 1", "Page 2", "Page 3");
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewPager = findViewById(R.id.viewPager);
PagerAdapter pagerAdapter = new PagerAdapter(getSupportFragmentManager());
for (String content : pageContents) {
pagerAdapter.addFragment(PageFragment.newInstance(content));
}
viewPager.setAdapter(pagerAdapter);
}
private static class PagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragments = new ArrayList<>();
public PagerAdapter(@NonNull FragmentManager fm) {
super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);
}
public void addFragment(Fragment fragment) {
fragments.add(fragment);
}
@NonNull
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public int getCount() {
return fragments.size();
}
}
}
```
现在,你可以运行这个应用程序,查看 ViewPager 实现的左右滑动效果了!