导航是最重要的方面之一,对用户体验是良好还是糟糕起着至关重要的作用。好的导航可以让一款应用更加易用并且让用户快速上手。相反,糟糕的应用导航很容易让人讨厌,并遭到用户的抛弃。为了打造流畅的用户导航体验,我们不得不依赖智能手机最常见的一个功能:触摸。

触摸改变应用程序的视图是现在最流行一种导航设计。在本博客中,我们将经过必要的几步来实现应用内的横向滑动导航。

本文毫无迟疑地使用了代码优先的方法 。让我们看一下滑动导航需要完成的主要代码片段。

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,

这儿可以得到这篇教程中完整的源代码: