导航是最重要的方面之一,对用户体验是良好还是糟糕起着至关重要的作用。好的导航可以让一款应用更加易用并且让用户快速上手。相反,糟糕的应用导航很容易让人讨厌,并遭到用户的抛弃。为了打造流畅的用户导航体验,我们不得不依赖智能手机最常见的一个功能:触摸。
触摸改变应用程序的视图是现在最流行一种导航设计。在本博客中,我们将经过必要的几步来实现应用内的横向滑动导航。
本文毫无迟疑地使用了代码优先的方法 。让我们看一下滑动导航需要完成的主要代码片段。
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类,然后填充自己的布局,让我们看下其中的一个类:
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,
这儿可以得到这篇教程中完整的源代码:。