導航是移動應用最重要的方面之一，對使用者體驗是良好還是糟糕起著至關重要的作用。好的導航可以讓一款應用更加易用並且讓使用者快速上手。相反，糟糕的應用導航很容易讓人討厭，並遭到使用者的拋棄。為了打造流暢的使用者導航體驗，我們不得不依賴智慧手機最常見的一個功能：觸控。
觸控改變應用程式的檢視是現在最流行一種導航設計。在本部落格中，我們將經過必要的幾步來實現應用內的橫向滑動導航。
本文毫無遲疑地使用了程式碼優先的方法 。讓我們看一下滑動導航需要完成的主要程式碼片段。
|
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。