目前在做一个app
大体描述下首页想要的效果
希望做成顶部一个view 上滑可以隐藏这个view,中间有4个按钮,按钮下边是可以切换的view
这4个view不是一样的布局,其中一个view需要listview。
目前对怎么处理这个布局思维很混乱,希望大家可以指点一二,有个大体思路就好
你说的是 ,可以上下滑动.还能左右切换..上滑还能隐藏.....
最外层用Scrolview 里面依次可以放《LinearLayout》《Scrolview》《LinearLayout (放顶部view)》《LinearLayout(中间有4个按钮)》《viewpager》,这么写不知道你能明白吗,点击中间的4个按钮切换下面 的viewpager
http://blog.csdn.net/xyz_lmn/article/details/48055919
https://github.com/fengwenjing/MyButtonDemo
把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>