2 u012839149 u012839149 于 2017.08.29 16:00 提问

Android 滑动嵌套NestedScrolling效果 求助 5C

目前在做一个app
大体描述下首页想要的效果
希望做成顶部一个view 上滑可以隐藏这个view,中间有4个按钮,按钮下边是可以切换的view
这4个view不是一样的布局,其中一个view需要listview。
目前对怎么处理这个布局思维很混乱,希望大家可以指点一二,有个大体思路就好

5个回答

andywangzhen_ai
andywangzhen_ai   2017.08.29 16:07

你说的是 ,可以上下滑动.还能左右切换..上滑还能隐藏.....

u012839149
u012839149 对,大体就是需要这个效果
3 个月之前 回复
zanjiaowei
zanjiaowei   2017.08.29 17:55

最外层用Scrolview 里面依次可以放《LinearLayout》《Scrolview》《LinearLayout (放顶部view)》《LinearLayout(中间有4个按钮)》《viewpager》,这么写不知道你能明白吗,点击中间的4个按钮切换下面 的viewpager

anyanyan07
anyanyan07   2017.08.29 18:15
qq_36255612
qq_36255612   2017.08.31 17:01
j550341130
j550341130   2017.09.04 16:11

把TabLayout放到上面就好

 <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.youcii.mvplearn.view.activity.MainActivity">

    <!-- AppBarLayout 一种支持响应滚动手势的app bar布局(比如工具栏滚出或滚入屏幕) -->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="256dp"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <!-- CollapsingToolbarLayout 专门用来实现子布局内不同元素响应滚动细节的布局 -->
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
            <!-- app:layout_scrollFlags是用来设置view是否可以滚动的: "scroll|enterAlways"滑动recyclerView就会隐藏ToolBar
                1. scroll:将此布局和滚动时间关联。这个标识要设置在其他标识之前,没有这个标识则布局不会滚动且其他标识设置无效。
                2. enterAlways:任何向下滚动操作都会使此布局可见。这个标识通常被称为“快速返回”模式。
                3. enterAlwaysCollapsed:假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。
                4. exitUntilCollapsed:当你定义了一个minHeight,此布局将在滚动到达这个最小高度的时候折叠。
                5. snap:当一个滚动事件结束,如果视图是部分可见的,那么它将被滚动到收缩或展开。。  -->

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@mipmap/ic_launcher"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.1" />
            <!-- app:layout_collapseMode 折叠模式
                1. off:这个是默认属性,布局将正常显示,没有折叠的行为。
                2. pin:CollapsingToolbarLayout折叠后,此布局将固定在顶部。
                3. parallax:CollapsingToolbarLayout折叠时,此布局也会有视差折叠效果。 -->

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:contentInsetLeft="0dp"
                app:contentInsetStart="0dp"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.PopupOverlay" />
        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="bottom|end" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.v4.view.ViewPager
            android:id="@+id/main_viewpager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <android.support.design.widget.TabLayout
            android:id="@+id/main_tab_layout"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_gravity="bottom"
            android:background="@drawable/back_bottom_tap"
            app:tabIndicatorHeight="0dp" />
    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

Csdn user default icon
上传中...
上传图片
插入图片