导航是移动应用最重要的方面之一,对用户体验是良好还是糟糕起着至关重要的作用。好的导航可以让一款应用更加易用并且让用户快速上手。相反,糟糕的应用导航很容易让人讨厌,并遭到用户的抛弃。为了打造流畅的用户导航体验,我们不得不依赖智能手机最常见的一个功能:触摸。
触摸改变应用程序的视图是现在最流行一种导航设计。在本博客中,我们将经过必要的几步来实现应用内的横向滑动导航。
本文毫无迟疑地使用了代码优先的方法 。让我们看一下滑动导航需要完成的主要代码片段。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
public class MainActivity extends Activity { SectionsPagerAdapter mSectionsPagerAdapter; ViewPager mViewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mSectionsPagerAdapter = new SectionsPagerAdapter(getFragmentManager()); mViewPager = (ViewPager) findViewById(R.id.pager); mViewPager.setAdapter(mSectionsPagerAdapter); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } public class SectionsPagerAdapter extends FragmentPagerAdapter { public SectionsPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch (position) { case 0: return new MoviesFragment(); case 1: return new TVShowsFragment(); case 2: return new SongsFragment(); } return null; } @Override public int getCount() { // Show 3 total pages. return 3; } } } |
我们的Main Activity包含了ViewPager组件,它封装了几个不同的菜单屏,每一屏有一个不同的fragment。我们要做的第一件事就是声明一个FragmentPagerAdapter,用它在不用的菜单fragment间切换。正如你在上面代码中看到的,我们声明了一个SectionsPagerAdapter,它继承自FragmentPagerAdaper类。然后在onCreate方法中将它实例化.
对于SectionsPagerAdapter类,需要重写两个方法。第一个方法是getCount()方法,它返回导航的的fragment数量。第二个也是最中的getItem()方法,它用来实例化并返回相关的fragment,它的显示基于它在菜单中的位置。
这些不同的菜单fragment必须继承fragment类,然后填充自己的布局,让我们看下其中的一个类:
1 2 3 4 5 6 7 8 9 |
public class MoviesFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.movies_fragment, container, false); return rootView; } } |
把这些放到一起就为我们的安卓应用程序创建了一个非常直观的滑动的导航。我们辛苦完成的Native Ads在不影响用户体验的前提下可以很好的让应用程序盈利。快速集成原生、In-stream和可定制的广告单元,这儿可以检出Native Ads的SDK,
这儿可以得到这篇教程中完整的源代码:SwipeNavigationExample。