CoordinatorLayout+AppBarLayout+C
2018-09-19 本文已影响0人
Android砖家
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/background_light"
android:orientation="vertical">
<!--app:layout_collapseMode="pin" toolbar折叠后固定于顶部 -->
<com.syzs.app.view.MyTitleBar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="@dimen/divede_50_dp"
android:layout_gravity="center"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</com.syzs.app.view.MyTitleBar>
<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="@color/line_color" />
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/background_light">
<android.support.design.widget.AppBarLayout
android:id="@+id/main.appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:contentScrim="@color/white"
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
app:statusBarScrim="@android:color/transparent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="@dimen/divide_5_dp"
android:gravity="center">
<LinearLayout
android:id="@+id/ll_xycj"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/home_item_selectd_bg"
android:gravity="center"
android:orientation="vertical"
android:padding="@dimen/divide_10_dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/img_choujiang" />
<TextView
android:id="@+id/tv_xycj"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="幸运抽奖"
android:textColor="@color/gray_3"
android:textSize="12sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_jb"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/home_item_selectd_bg"
android:gravity="center"
android:orientation="vertical"
android:padding="@dimen/divide_10_dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/img_coin" />
<TextView
android:id="@+id/tv_jinbi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="10086金币"
android:textColor="@color/gray_3"
android:textSize="12sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_dhjl"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/home_item_selectd_bg"
android:gravity="center"
android:orientation="vertical"
android:padding="@dimen/divide_10_dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/divide_4_dp"
android:src="@mipmap/img_duihuan" />
<TextView
android:id="@+id/tv_dhjl"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/divide_2_dp"
android:gravity="center"
android:text="兑换记录"
android:textColor="@color/gray_3"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
<com.bannerlayout.widget.BannerLayout
android:id="@+id/BannerLayout"
android:layout_width="match_parent"
android:layout_height="96dp" />
</LinearLayout>
</android.support.design.widget.CollapsingToolbarLayout>
<!--需要悬停的部分都可以放这里 可以是Tablayout 也可以是LinearLayout-->
<net.lucode.hackware.magicindicator.MagicIndicator
android:id="@+id/MagicIndicator"
android:layout_width="match_parent"
android:layout_height="45dp" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/mViewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
</android.support.v4.view.ViewPager>
</android.support.design.widget.CoordinatorLayout>
</LinearLayout>
注意事项:
1.TabLayout 滑动标签,可以任意用第三方滑动标签代替,项目中我使用就是MagicIndicator第三方库。
2.列表需要配合Recyclerview使用,我尝试过用Listview没毛用,这个需要注意。
- Toolbar 可以包裹一起滑动,也可以固定不动,(如果固定不动则外层用LinearLayout包裹一下)
效果图:
yhx.gif