iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >安卓(Android)中如何实现滑动导航
  • 429
分享到

安卓(Android)中如何实现滑动导航

Android 2022-06-06 10:06:28 429人浏览 泡泡鱼
摘要

为了打造流畅的用户导航体验,我们不得不依赖智能手机最常见的一个功能:触摸。 触摸改变应用程序的视图是现在最流行一种导航设计。在本文中,我们将经过必要的几步来实现应用内的横向滑动

为了打造流畅的用户导航体验,我们不得不依赖智能手机最常见的一个功能:触摸。

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

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


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。

您可能感兴趣的文章:Android手机联系人带字母索引的快速查找Jquery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)Android系统联系人全特效实现(上)分组导航和挤压动画(附源码)Mono for Android 实现高效的导航(Effective Navigation)Android实现底部导航栏功能(选项卡)Android实现沉浸式通知栏通知栏背景颜色跟随app导航栏背景颜色而改变Android BottomNavigationBar底部导航控制器使用方法详解Android仿今日头条滑动页面导航效果Android程序开发之Fragment实现底部导航栏实例代码Android仿微信实现首字母导航条


--结束END--

本文标题: 安卓(Android)中如何实现滑动导航

本文链接: https://www.lsjlt.com/news/26996.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • jQuery如何实现滑动导航
    这篇文章主要介绍jQuery如何实现滑动导航,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.1 App滑动导航说明:这个例子主要是实现一条导航山只有两个选项的。1.适合用于移动端。...
    99+
    2024-04-02
  • weex slider如何实现滑动底部导航功能
    这篇文章将为大家详细讲解有关weex slider如何实现滑动底部导航功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。先看效果图这里主要是使用了weex 的 slide...
    99+
    2024-04-02
  • Android应用中怎实现一个顶部导航栏滑动效果
    本篇文章给大家分享的是有关Android应用中怎实现一个顶部导航栏滑动效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。向app Module中的build.gradle中添加...
    99+
    2023-05-31
    android roi
  • vue实现顶部左右滑动导航
    日常开发中经常用到导航这些东西,写篇文章记录下。该导航实现为点击末尾/起首位置,导航自动滑动出下一项的效果。 思路:判断当前点击项,相对与屏幕的位置,若点击的位置,满足可移动的限制,...
    99+
    2024-04-02
  • Android如何使用Scroller实现一个可向上滑动的底部导航栏
    这篇文章主要介绍了Android如何使用Scroller实现一个可向上滑动的底部导航栏,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。看下效果:首先这个控件是滑动的肯定就会用到...
    99+
    2023-05-31
    android
  • 如何通过CSS实现网页的平滑滚动导航
    导航是网页中非常重要的一部分,是用户浏览网页内容的入口。而在一个较长的网页中,平滑滚动导航可以让用户快速定位到所需内容,并提升用户体验。要通过CSS实现平滑滚动导航,可以使用一些CSS特性和技巧。以下是具体的代码示例:HTML结构:<...
    99+
    2023-10-21
    平滑滚动 ( smooth scrolling ) CSS ( 层叠样式表 ) 导航 ( navigation )
  • Android实现简单底部导航栏 Android仿微信滑动切换效果
    Android仿微信滑动切换最终实现效果:大体思路: 主要使用两个自定义View配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标;2. 底部导航栏的设置方法类似于TabLayout的关联,View...
    99+
    2023-05-30
    android 导航栏
  • 微信小程序中如何实现导航栏滑动定位功能
    这篇文章给大家分享的是有关微信小程序中如何实现导航栏滑动定位功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。实现的效果实现的原理1. 通过对scroll的监听获取滚动条的scr...
    99+
    2024-04-02
  • 如何通过CSS实现网页的平滑滚动导航条
    导航条是网页中非常重要的组成部分之一,它不仅提供了页面导航的功能,还能使网页更加美观。而在网页中实现平滑滚动导航条,可以为用户提供更好的体验。本文将介绍如何通过CSS实现网页的平滑滚动导航条,并提供具体的代码示例。一、HTML结构首先,在H...
    99+
    2023-10-21
    CSS 平滑滚动 导航条
  • Html+Css+Jquery如何实现左侧滑动拉伸导航菜单栏
    这篇文章主要介绍了Html+Css+Jquery如何实现左侧滑动拉伸导航菜单栏,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。PC端移动端代码<!DOCTYPE ...
    99+
    2023-06-09
  • Android如何实现滑动方法
    小编给大家分享一下Android如何实现滑动方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Android 实现滑动方法总结   ...
    99+
    2023-05-31
    android
  • vue实现顶部左右滑动导航的方法
    这篇文章主要讲解了“vue实现顶部左右滑动导航的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue实现顶部左右滑动导航的方法”吧!日常开发中经常用到导航这些东西,写篇文章记录下。该导航...
    99+
    2023-06-20
  • 怎么用vue实现顶部左右滑动导航
    这篇“怎么用vue实现顶部左右滑动导航”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么用vue实现顶部左右滑动导航”文章吧...
    99+
    2023-07-04
  • 如何通过纯CSS实现网页的平滑滚动导航菜单
    引导用户在网页中进行导航是一个重要的设计元素,而平滑滚动导航菜单是提供用户友好的导航体验的一种方式。本文将介绍如何通过纯CSS来实现这样的导航菜单,并提供相应的代码示例。一、HTML结构首先,我们需要在HTML中创建导航菜单的基本结构。以下...
    99+
    2023-10-21
    导航菜单 CSS 平滑滚动
  • Bootstrap中导航条和分页导航如何实现
    这篇文章主要介绍Bootstrap中导航条和分页导航如何实现,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 本篇文章带大家了解一下Bootstrap中的导...
    99+
    2024-04-02
  • 微信小程序如何实现顶部导航栏滑动tab效果
    这篇文章将为大家详细讲解有关微信小程序如何实现顶部导航栏滑动tab效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下效果图:首先是滑动的效果:<scro...
    99+
    2024-04-02
  • Android如何实现View滑动效果
    这篇文章给大家分享的是有关Android如何实现View滑动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、View的滑动简介View的滑动是Android实现自定义控件的基础,同时在开发中我们也难免会遇到...
    99+
    2023-06-14
  • Vue如何实现动态路由导航
    这篇文章主要介绍“Vue如何实现动态路由导航”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue如何实现动态路由导航”文章能帮助大家解决问题。1、导航守卫“导航” 表示路由正在发生改变正如其名,vu...
    99+
    2023-07-05
  • BootStrap中如何实现导航条
    这篇文章给大家分享的是有关BootStrap中如何实现导航条的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、默认的导航条制作默认的导航条,可分以下几步:1.在ul里加上(ul ...
    99+
    2024-04-02
  • 使用html5怎么实现一个横向滑动导航栏
    这篇文章给大家介绍使用html5怎么实现一个横向滑动导航栏,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。首先引入scroll.jshtml部分<!-- 科目导航 --> &nb...
    99+
    2023-06-09
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作