Android ViewPager滑动指示器实战教程

"Android 中使用 ViewPager 实现滑动指示器的示例代码，通过结合开源库实现炫酷效果" 在 Android 开发中，ViewPager 是一个强大的组件，用于展示多个 fragment 并支持滑动切换。通常，为了提升用户体验，我们会在 ViewPager 上添加滑动指示器，以清晰地显示当前选中的页面。本示例将介绍如何使用 ViewPager 结合第三方库 Android-TitleIndicatorLibrary（通常用 TabPageIndicator 或 UnderlinePageIndicator）来创建滑动指示器。 首先，你需要在项目中引入相应的库。通常，可以通过在 build.gradle 文件中添加依赖来实现，例如： ```groovy dependencies { implementation 'com.viewpagerindicator:library:2.4.1' } ``` 然后，在布局文件 activity_main.xml 中，你需要包含 ViewPager 和指示器控件，例如 TabPageIndicator 和 UnderlinePageIndicator： ```xml <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <androidx.viewpager.widget.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" /> <com.viewpagerindicator.TabPageIndicator android:id="@+id/tab_indicator" android:layout_width="match_parent" android:layout_height="wrap_content" /> <com.viewpagerindicator.UnderlinePageIndicatorEx android:id="@+id/underline_indicator" android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> ``` 在 `MainActivity` 类中，你需要初始化这些组件并设置它们的关联关系： ```java public class MainActivity extends FragmentActivity { private ViewPagerFrameAdapter adapter; private ViewPager mPager; private TabPageIndicator tabPageIndicator; private UnderlinePageIndicatorEx underlinePageIndicator; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); // 创建假数据，实际应用中应根据需求动态生成 List<String> titles = new ArrayList<>(); for (int j = 0; j < 3; j++) { titles.add("第" + j + "标签卡"); } // 初始化 ViewPager mPager = findViewById(R.id.pager); adapter = new ViewPagerFrameAdapter(getSupportFragmentManager(), titles); mPager.setAdapter(adapter); // 初始化 TabPageIndicator tabPageIndicator = findViewById(R.id.tab_indicator); tabPageIndicator.setViewPager(mPager); // 初始化 UnderlinePageIndicatorEx underlinePageIndicator = findViewById(R.id.underline_indicator); underlinePageIndicator.setViewPager(mPager); } } // 自定义适配器 ViewPagerFrameAdapter，用于处理每个页面的标题和内容 public class ViewPagerFrameAdapter extends FragmentPagerAdapter { private List<String> titles; public ViewPagerFrameAdapter(FragmentManager fm, List<String> titles) { super(fm); this.titles = titles; } @Override public Fragment getItem(int position) { return PlaceholderFragment.newInstance(position); } @Override public int getCount() { return titles.size(); } @Override public CharSequence getPageTitle(int position) { return titles.get(position); } } // 用于显示单个页面的 Fragment public static class PlaceholderFragment extends Fragment { private static final String ARG_SECTION_NUMBER = "section_number"; public static PlaceholderFragment newInstance(int sectionNumber) { PlaceholderFragment fragment = new PlaceholderFragment(); Bundle args = new Bundle(); args.putInt(ARG_SECTION_NUMBER, sectionNumber); fragment.setArguments(args); return fragment; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_placeholder, container, false); } } ``` 在这个例子中，`ViewPagerFrameAdapter` 是自定义的适配器，它扩展了 `FragmentPagerAdapter`，并实现了 `getPageTitle` 方法，以便为每个页面设置标题。`PlaceholderFragment` 是用于显示每个页面内容的基本 Fragment。 最后，`TabPageIndicator` 和 `UnderlinePageIndicatorEx` 分别通过 `setViewPager` 方法与 `ViewPager` 关联，当用户在 `ViewPager` 中滑动时，它们会自动更新以指示当前页面。 这个示例展示了如何在 Android 应用中集成 ViewPager 和滑动指示器，为用户提供直观的页面导航体验。在实际项目中，你可以根据需求调整指示器样式、颜色等属性，以符合应用的设计风格。