`
zdphpn
  • 浏览: 11544 次
  • 性别: Icon_minigender_1
  • 来自: 邯郸市
社区版块
存档分类
最新评论

8、Dp Notes底部导航栏

阅读更多
        实现了点击切换效果(只是图标状态变化),如何结合页面,点击时切换页面,页面滑动时图标有渐变。需要一个新的控件ViewPager,看名字就知道是管理页面切换的,在底部的QEndBar之上加入一个ViewPager:
<android.support.v4.view.ViewPager
	android:id="@+id/vp_main"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:layout_above="@+id/qeb_main" >
</android.support.v4.view.ViewPager>

        ViewPager控件在android-support-v4中,写法和其他控件不同,给他一个id(vp_main),位置在底部QEndBar之上(above="@+id/qeb_main")。

        ViewPager的用法要在java代码中,把xml中的ViewPager转化为java中的ViewPager对象。MainActivity.java定义ViewPager对象vp_main,onCreat()初始化:
    ViewPager vp_main;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        vp_main=(ViewPager)findViewById(R.id.vp_main);
    }

        转为对象之后如何使用,ViewPager.setAdapter()可以为ViewPager设置一个Adapter(适配器,某些控件留出的数据控制的封装,通过适配器可以控制某些控件(ViewPager,ListView)显示的内容,很方便的一种操作模式)。setAdapter()参数PagerAdapter,官方推荐ViewPager与Fragment(说不清楚,百度)一块使用,百度搜索了下(之前没用过),有个FragmentPagerAdapter可以当参数传入,实现ViewPager和Fragment一块使用。定义一个FragmentPagerAdapter adapter(就像普通对象的声明,觉得开始声明太乱,可以放最后):
FragmentPagerAdapter adapter=new FragmentPagerAdapter(getSupportFragmentManager()) {

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public Fragment getItem(int position) {
        // TODO Auto-generated method stub
        return null;
    }
};

        为ViewPager设置vp_main.setAdapter(adapter);(没有设置时直接new,而是像变量一样外部定义,便于管理),getSupportFragmentManager()这个方法Activity没有,要FragmentActivity才有,所以MainActivity继承从Activity改为FragmentActivity。看一下adapter中的函数getCount()返回个数(ViewPager有几页),getItem()返回Fragment,参数position可以判断要显示第几个页面,Fragment,并没有,要新建,怎么建,怎么用,百度,要新建一个类继承自Fragment并实现其中的方法。新建一个包(例:com.zdphpn.dpnotes.fragment),包里新建类(例HomeFragment)继承自Fragment(为统一选择v4包下的Fragment)。HomeFragment重载onCreateView方法:
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
	// TODO Auto-generated method stub
	return super.onCreateView(inflater, container, savedInstanceState);
}

        怎么用?还得百度,可以通过inflater.inflate(R.layout.xxx, container, false);将一个布局转为View并返回,有点理解了?新建个布局文件试试吧,layout/新建Android XML Layout File,fragment_home.xml,中间位置拖上一个TextView(不建议拖,自己xml写,测试可以拖无所谓而且比较快)。修改onCreateView返回值:
return inflater.inflate(R.layout.fragment_home, container, false);

        ViewPager中显示出HomeFragment,adapter的getCount()改为return 1,getItem()中:
return new HomeFragment();

运行,上方显示出了TextView,getCount()改为4,运行。

注:这是一个.gif动图,ctrl点击图片查看。

        涉及到的东西有点多,乱。

温故知新——2016/10/26



  • 大小: 202.8 KB
  • 大小: 421.8 KB
分享到:
评论

相关推荐

    fragment底部导航栏

    在Android应用开发中,底部导航栏(Bottom Navigation Bar)是一种常见的设计模式,它允许用户在应用的多个顶级视图之间快速切换。Fragment是Android SDK提供的一种组件,它可以帮助开发者构建可重用的UI块,非常...

    Android底部导航栏实现

    在Android应用开发中,底部导航栏(Bottom Navigation Bar)是一种常见的用户界面元素,它允许用户在应用的几个主要功能之间快速切换。这个“Android底部导航栏实现”项目提供了一个简单的试用版本,适用于普通应用...

    xamarin fragment底部导航栏

    在Xamarin Android开发中,使用Fragment作为底部导航栏是一种常见的做法,这允许用户在不同的内容区域之间轻松切换,而无需加载新的Activity。Fragment是Android应用中的一个可重用的UI组件,可以在同一个Activity中...

    自定义实现底部导航栏(底部Tab)

    在Android应用开发中,底部导航栏(Bottom Navigation)是一种常见的用户界面组件,它允许用户在应用的几个主要功能之间快速切换。本篇文章将详细介绍如何自定义实现底部导航栏,并特别关注中间凸起的设计效果。 ...

    RadioButton 底部导航栏

    - 底部导航栏应确保在不同分辨率和屏幕尺寸的设备上都能正确显示,可以使用dp单位和百分比布局来实现响应式设计。 10. **无障碍功能**: - 为了满足无障碍需求,确保RadioButton具有合适的accessibility labels和...

    FragmentTabHost FrameLayout实现底部导航栏

    FragmentTabHost 和 FrameLayout 实现底部导航栏 FragmentTabHost 和 FrameLayout 是 Android 中实现底部导航栏的常见方法。下面将详细介绍如何使用 FragmentTabHost 和 FrameLayout 实现底部导航栏,并提供一个...

    底部导航栏控件BottomNavigationView的使用和修改样式

    在Android应用开发中,底部导航栏(BottomNavigationView)是一个常用组件,它允许用户在多个顶层导航之间进行切换,通常位于屏幕底部。这个控件在Android Design Support Library中提供,可以帮助开发者实现符合...

    Android 实现底部导航中间菜单凸起效果

    在Android应用开发中,底部导航栏(Bottom Navigation)是一种常见的用户界面设计,它允许用户在应用的几个主要功能之间快速切换。实现底部导航栏中间菜单凸起效果是为用户提供更直观、更具吸引力的交互体验。下面...

    使用ViewPager和Fragment实现底部导航滑动Demo

    在Android应用开发中,创建一个具有底部导航栏的滑动界面是常见的需求,这能提供良好的用户体验,使得用户可以方便地在多个视图之间切换。本教程将详细讲解如何使用`ViewPager`和`Fragment`来实现这样的底部导航滑动...

    Android实现带有指示器的自定义底部导航栏

    "Android实现带有指示器的自定义底部导航栏" Android实现带有指示器的自定义底部导航栏是Android应用程序中常用的功能模块之一,本文将详细介绍如何实现带有指示器的自定义底部导航栏。 知识点1:自定义控件的...

    Android中TabLayout+ViewPager 简单实现app底部Tab导航栏

    在Android应用开发中,创建一个底部Tab导航栏是常见的需求,用于在多个页面间进行切换。`TabLayout`是Android Design Support Library中的一个重要组件,它提供了美观且易于使用的标签页功能,可以与`ViewPager`结合...

    Android程序开发之Fragment实现底部导航栏实例代码

    在Android程序开发中,底部导航栏(Bottom Navigation)是一种常见的用户界面元素,它允许用户在应用的几个主要功能之间快速切换。本文将详细介绍如何使用Fragment来实现底部导航栏,这对于构建多视图应用程序至关...

    android底部菜单中间部分凸起

    在Android应用开发中,"底部菜单中间部分凸起"通常是指设计一个底部导航栏(Bottom Navigation)时,其中的一个选项卡或按钮呈现出突出效果,以此吸引用户的注意力或者表示当前选中的状态。这样的设计常见于多页面...

    android实现底部导航栏

    "android实现底部导航栏" Android 实现底部导航栏是 Android 开发中的一种常见需求,通过使用 FragmentTabHost 和 Fragment 可以轻松实现底部导航栏的功能。本文将详细介绍如何使用 FragmentTabHost 和 Fragment ...

    使用TabLayout与ViewPager快速实现底部导航栏带图标和文字效果

    在Android应用开发中,创建一个具有底部导航栏的界面是常见的需求,这能提供良好的用户体验,使得用户可以轻松地在不同的功能模块之间切换。本文将详细介绍如何使用`TabLayout`和`ViewPager`来快速实现这样一个底部...

    Android-BottomNavView自定义底部导航栏

    在Android应用开发中,BottomNavigationView(底部导航栏)是一个常用组件,用于在多个主功能间进行切换。在标准的Android SDK中,谷歌提供了预设的BottomNavigationView,但开发者经常需要根据设计需求对其进行...

    超简单的几行代码搞定Android底部导航栏功能

    Android 底部导航栏实现技术详解 Android 底部导航栏是 Android 应用程序中非常常见的组件,它提供了一个简洁的方式来帮助用户快速切换不同的页面。本文将详细介绍如何使用简单的几行代码来实现 Android 底部导航栏...

    使用Tablayout和RadioGroup实现底部导航

    在Android应用开发中,底部导航(Bottom Navigation)是一种常见的用户界面设计模式,它允许用户在三个到五个主要功能之间快速切换。在这个场景中,我们将探讨如何利用`TabLayout`和`RadioGroup`来实现这样的功能。 ...

Global site tag (gtag.js) - Google Analytics