android 5.0 toolbar 上实现 material tabs

我就是我 2022-08-06 06:05 124阅读 0赞

android5.0 中如何才能实现类似play store中的tab效果？（滚动式隐藏，合适的间距），我尝试过 SlidingTabs 和其他的一些lib库，他们基本上都超期了..  
   
关于一些细节方面，android5之前的版本中，api20一下，我经常使用 actionBar.setNavigationMode(ActionBar.NAVIGATION\_MODE\_TABS); ，但是在android5.0中，整个ActionBar  都被ToolBar替换了  
.  
如何才能正确的使用 Material Design 做出类似 google paly store的效果? android 5中如何让tabs在滚动的时候隐藏？

![2014112318463409890000.jpg][]

### 处理方法 ###

他们的layout如下，基本上是这样的，达不到和 play store完美一样的程序

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
     
        <android.support.v7.widget.Toolbar xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/my_awesome_toolbar"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:minHeight="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:theme="@style/ThemeOverlay.AppCompat.ActionBar">
     
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
     
                <TextView
                    android:text="@string/hello_world"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title" />
     
                <widget.SlidingTabLayout
                    android:id="@+id/sliding_tabs"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />
            </LinearLayout>
        </android.support.v7.widget.Toolbar>
     
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:paddingTop="@dimen/activity_vertical_margin"
            android:paddingBottom="@dimen/activity_vertical_margin">
     
            <TextView
                android:text="@string/hello_world"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
     
            <android.support.v4.view.ViewPager
                android:id="@+id/ViewPager"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
     
        </LinearLayout>
    </LinearLayout>

原文地址：[http://www.itmmd.com/201411/209.html][http_www.itmmd.com_201411_209.html]   
该文章由 [萌萌的IT人][IT] 整理发布,转载须标明出处。

[2014112318463409890000.jpg]: /images/20220806/efefb138c5dd4dbfb68b84557495681a.png
[http_www.itmmd.com_201411_209.html]: http://www.itmmd.com/201411/209.html
[IT]: http://www.itmmd.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Android]Toolbar

Toolbar是由AndroidX库提供的，它的强大之处在于，它不仅继承了ActionBar的所有功能，并且灵活度很高，可以配合其他控件完成一些Material Design的

野性酷女/ 2024年03月27日 09:05/ 0 赞/ 102 阅读

相关 [Android]ToolBar使用心得

前言 github链接： [ToolBar Demo][] 和 [ActionBar][] 关于Toolbar的具体可以参考[Android开发：最详细的 To

Love The Way You Lie/ 2022年08月20日 10:11/ 0 赞/ 242 阅读

相关 android 5.0 toolbar 上实现 material tabs

android5.0 中如何才能实现类似play store中的tab效果？（滚动式隐藏，合适的间距），我尝试过 SlidingTabs 和其他的一些lib库，他们基本上都超期

我就是我/ 2022年08月06日 06:05/ 0 赞/ 125 阅读

相关 Android：ToolBar使用

我们在使用 Toolbar 时候需要先隐藏掉系统原先的导航栏，网上很多人都说给Activity设置一个NoActionBar的Theme。但个人觉得有点小题大做了，所以这里我直

浅浅的花香味﹌/ 2022年07月28日 01:20/ 0 赞/ 193 阅读

相关 android开发 -- Android Toolbar 开发实践总结（Material Design）

推荐另一篇 Toolbar 的文章： [http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1118/2006

缺乏、安全感/ 2022年07月14日 03:10/ 0 赞/ 302 阅读

相关 Material Design系列风格控件之(一)----AppBarLayout实现上滑隐藏ToolBar

一、简介 Material Design是Google推出的一个全新的设计语言，它的特点就是拟物扁平化。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和"其他平

深藏阁楼爱情的钟/ 2022年06月17日 13:00/ 0 赞/ 181 阅读

相关 Android Material Design

Material Design 是专为设计适用于多个平台和设备的视觉、运动与互动效果而制定的综合指南。 Android 现在已支持 Material Design 应用。如果

た入场券/ 2022年06月17日 07:27/ 0 赞/ 230 阅读

相关 android toolbar效果3

[android toolbar效果3][android toolbar_3] ![20779-20170928163302387-1950628382.jpg][] Ti

r囧r小猫/ 2021年11月10日 05:26/ 0 赞/ 360 阅读

相关 android toolbar效果2

[android toolbar效果2][android toolbar_2] ![20779-20170928160443669-878139985.jpg][] 只有一

骑猪看日落/ 2021年11月10日 05:24/ 0 赞/ 344 阅读

相关 Android 折叠toolbar CollapsingToolbarLayout

展开时如图 ![这里写图片描述][SouthEast] 上滑时 ![这里写图片描述][SouthEast 1] 折叠后 ![这里写图片描述][SouthEa

女爷i/ 2021年09月26日 03:04/ 0 赞/ 439 阅读