使用Material design仿JD顶部搜索
来源:互联网 发布:逆战刷枪软件源码 编辑:程序博客网 时间:2024/06/14 08:28
1、先看效果
————————————————————————————————————————————————————————
2、
<?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" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <android.support.design.widget.AppBarLayout android:id="@+id/appbar_layout" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapse_layout" android:layout_width="match_parent" android:layout_height="250dp" app:contentScrim="@color/colorWhite" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <LinearLayout android:id="@+id/head_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:layout_collapseMode="pin" app:layout_collapseParallaxMultiplier="0.7"> <com.test.maq.view.banner.Banner android:id="@+id/slid_headView" style="@style/banner_mall_style" /> </LinearLayout> <android.support.v7.widget.Toolbar android:id="@+id/appbar_layout_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:title="AppbarLayout" app:titleTextColor="@color/white"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="left" android:layout_marginLeft="16dp" android:background="@drawable/icon_back" android:visibility="gone" /> <ImageView android:id="@+id/iv_cart" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:layout_marginRight="16dp" android:padding="@dimen/s5" android:src="@mipmap/icon_mall_cart" /> <TextView android:id="@+id/tv_search" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="@dimen/s40" android:layout_marginRight="@dimen/s20" android:background="@drawable/search_edt" android:drawableLeft="@mipmap/mall_home_search_glass" android:drawablePadding="@dimen/s5" android:hint="搜索内容" android:imeOptions="actionSearch" android:inputType="text" android:textColorHint="@color/colorWhite" android:textSize="14sp" /> </android.support.v7.widget.Toolbar> </android.support.design.widget.CollapsingToolbarLayout> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="wrap_content" android:layout_height="@dimen/s40" android:layout_gravity="bottom" android:background="@color/colorDivider" android:fillViewport="false" app:layout_scrollFlags="scroll" app:tabGravity="center" app:tabIndicatorColor="@color/colorMenstrual" app:tabIndicatorHeight="2.0dp" app:tabMode="scrollable" app:tabSelectedTextColor="@color/colorMenstrual" app:tabTextAppearance="@android:style/TextAppearance.Holo.Small" app:tabTextColor="@color/colorBlack"> </android.support.design.widget.TabLayout> </android.support.design.widget.AppBarLayout></android.support.design.widget.CoordinatorLayout>
3、viewpager中如果多次使用
android.support.v7.widget.RecyclerView
可以在最外层使用
android.support.v4.widget.NestedScrollView
并设置
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity());linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);linearLayoutManager.setSmoothScrollbarEnabled(true);linearLayoutManager.setAutoMeasureEnabled(true);recyclerView.setHasFixedSize(true);recyclerView.setLayoutManager(linearLayoutManager);recyclerView.setNestedScrollingEnabled(false);mAdapter = new MallRecommendAdapter(getActivity(), list);recyclerView.setAdapter(mAdapter);
阅读全文
0 0
- 使用Material design仿JD顶部搜索
- 【Material Design】Toolbar使用
- Material Design使用总结
- Material Design的使用
- 开始使用Material Design
- material design使用总结
- Material Design的使用
- 使用Material Design主题
- Android View 仿iOS SwitchButton [Material Design]
- Android View 仿iOS SwitchButton [Material Design]
- Android View 仿iOS SwitchButton [Material Design]
- Android View 仿iOS SwitchButton [Material Design]
- 使用Material Design创建应用
- 使用Material design主题异常
- Material Design之CollapsingToolbarLayout使用
- 使用Material Design 应用主题
- Material Design之CollapsingToolbarLayout使用
- Material Design之CollapsingToolbarLayout使用
- 种花 (贪心+(堆 or 线段树))
- LintCode-----11.二叉查找树中搜索区间
- POJ-1091:[NOIP模拟](二)T2-跳蚤
- HttpServletRequest
- 电机矢量控制
- 使用Material design仿JD顶部搜索
- Universal 2nd Factor (U2F) 概述(4)-特定的公私秘钥对
- [知了堂学习笔记]_css3特效第一篇--旋转的背景&翻书效果
- python 验证码
- POJ
- C++拷贝构造函数详解
- Android -support annotation
- PHP7.0微信公众平台开发5: 实例二:获取用户列表
- 【Android】判断当前手机是否有虚拟按键