Articles of android collapsingtoolbar

使用viewpager折叠工具栏布局

我正在使用viewpager CollapsingBarLayout和viewpager的片段有listview,gridview。 这是我的代码: <?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" tools:context="com.bigsteptech.seandroidnativeapp.classes.modules.common.ViewGroupEvent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:expandedTitleTextAppearance="@style/TransparentText"> <FrameLayout android:id="@+id/carouselLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax"> <ImageView android:id="@+id/coverImage" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop"/> <LinearLayout android:layout_width="match_parent" android:gravity="bottom" android:orientation="vertical" android:layout_gravity="bottom" android:padding="@dimen/profile_image_margin" android:background="@drawable/gradient_bg" android:layout_height="wrap_content"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/profile_image_margin" android:textSize="@dimen/text_size_xlarge" android:textStyle="bold" android:textColor="@color/white" […]

工具栏中的自定义视图,如Airbnb探索屏幕

我想添加多个input字段在应用程序(工具栏)的顶部栏区域为我的应用程序的search目的。 我看到Airbnb做到了最好! 我已经尝试了在CoordinatorLayout中使用AppBarLayout的各种场景,但都失败了。 是否有可能获得相同或相似的效果? 如果是的话,我们该怎么做? 下面是我向下滑动顶部栏的截图:

如何使CollapsingToolbarLayout伸展

我使用CollapsingToolbarLayout,我需要使它像这样伸展: 这是我的布局: <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:collapsedTitleGravity="bottom|center_horizontal" app:expandedTitleTextAppearance="@android:color/transparent" app:layout_scrollFlags="scroll|exitUntilCollapsed|snap" app:title="@string/app_name"> <ImageView android:id="@+id/coverIv" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:scaleType="fitXY" app:layout_collapseMode="parallax" /> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="80dp" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> 我需要对imageView进行拉伸。 有什么办法与CollapsingToolbarLayout做到这一点? 或只是与第三方图书馆? 我发现只有第三方(这)才能做到这一点,但与ListView和我有一个Recyclerview。 但无论如何,我需要与android.support.design.widget.CollapsingToolbarLayou一起工作。 所以有这样的机会CollapsingToolbarLayout的支持吗? 如果没有,像这样的第三方正在与行动吧? 感谢您的帮助

Android:CollapsingToolbarLayout中心扩展文本,但不是折叠文本

我有一个CollapsingToolbarLayout被定义为以折叠和展开模式居中: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/rootLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="286dp"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsingToolbar" android:layout_width="match_parent" android:layout_height="match_parent" app:collapsedTitleGravity="center" app:expandedTitleGravity="center" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/backgroundImage" android:layout_width="match_parent" android:layout_height="match_parent" android:contentDescription="@null" android:scaleType="centerCrop" app:layout_collapseMode="parallax" app:layout_scrollFlags="scroll|exitUntilCollapsed"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_collapseMode="pin" app:layout_scrollFlags="scroll|exitUntilCollapsed"/> <ImageView android:id="@+id/someIcon" android:layout_width="56dp" android:layout_height="wrap_content" android:src="@drawable/some_icon" android:padding="16dp" android:layout_gravity="top|end" app:layout_collapseMode="pin"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> 我为工具栏定义了一个标题,但是当我折叠它时,我可以看到标题在对angular线方向上移动,而不是直线向上,它自身略微alignment到工具栏行中心的右侧。 请注意,宽度是match_parent,折叠的重心是中心,为什么会发生这种情况,我该如何解决? • 第一个屏幕截图:如果使用折叠 – >居中和展开 – >中心重力,然后折叠布局,看起来像什么。 请注意,它位于屏幕中央的右侧。 第二个截图:如果我摆脱了崩溃 – […]

折叠工具栏布局第一次不扩展,引脚不工作

我在我的应用程序底部工作表,我想使用折叠工具栏布局。 但是当我打开底部工作表Collapsing工具栏布局将消失,我不得不向下滚动才能看到它。 另一个问题是关于引脚模式,不适用于我的线性布局,我想成为滚动模式的引脚。 当我添加折叠工具栏布局我的底部工作表也不会打开全屏。 这是我的XML: <?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:id="@+id/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="360dp" android:background="#ffffff" app:elevation="5dp" app:expanded="true"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsingToolbarLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:expanded="true"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_collapseMode="parallax" app:layout_collapseParallaxMultiplier="0.7"> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="252dp" app:layout_constraintBottom_toTopOf="@+id/indicator" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent"/> <me.relex.circleindicator.CircleIndicator android:id="@+id/indicator" android:layout_width="match_parent" app:ci_drawable="@drawable/circleindicator_round" android:layout_height="48dp" android:layout_gravity="bottom" android:gravity="bottom" android:visibility="visible"/> </LinearLayout> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" […]

AppBarLayout + TabLayout + CollapsingToolbarLayout + SwipeToRefresh

我遇到了很多与我的问题有关的问题,但没有人发现我想要的行为。 我想要一个带有选项卡和应用栏的视图页面,当所包含的片段是可滚动的并且滚动(朝向底部)时,我想让应用栏消失,但是向顶部滚动时离开这些选项卡,以重新a光。 其中一些片段包含SwipeToRefresh布局(有时会导致问题)。 我尝试了很多configuration,总是出现错误。 现在我没有崩溃的效果(它总是隐藏的) <?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:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".MainPagerActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|enterAlways"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabIndicatorHeight="6dp" app:tabMode="fixed" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/main_pager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/app_bar_layout" […]

Collapsing Toolbar Title和Home / Upbutton之间有额外的空间

我正在尝试使用折叠工具栏和Home / Upbutton。 工具栏崩溃后,箭头和标题文本之间有一个额外的空间,我想摆脱。 我附加了两个图像,有没有布局边界,以说明我的观点。 我searchStackOverflow和无处不在,尝试了android:contentInsetStart =“0dp”徒劳。 这是我的布局XML文件。 <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.design.widget.AppBarLayout android:id="@+id/app_bar_layout" android:layout_width="match_parent" android:layout_height="300dp" android:background="?colorPrimary" app:elevation="4dp"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:background="?attr/colorPrimary" app:collapsedTitleTextAppearance= "@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse" app:contentScrim="?attr/colorPrimary" app:expandedTitleTextAppearance= "@style/TextAppearance.ExpandedTitle" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:title="Toolbar Title"> <ImageView android:id="@+id/collapsing_toolbar_background" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="88dp" android:contentDescription="@string/app_name" android:scaleType="centerCrop" android:src="@drawable/glider" app:layout_collapseMode="parallax" /> <View android:id="@+id/toolbar_title_scrim" android:layout_width="match_parent" android:layout_height="100dp" android:layout_alignBottom="@+id/collapsing_toolbar_background" android:layout_gravity="bottom" android:background="@android:color/holo_green_light"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:text="test […]

没有find来自CollapsingToolbarLayout的app:layout_scrollflags的资源ID

这个问题的标题基本上是这么说的。 我得到错误:从CollapsingToolbarLayout找不到应用程序的layout_scrollflags资源标识符。 我使用eclipse并导入了devise库jar文件。 我能够在我的课程中使用devise支持布局,所以这是正确的 这是我使用的一段代码: <LinearLayout 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:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@color/activityBg" tools:context=".MainActivity" > <android.support.design.widget.AppBarLayout android:layout_height="wrap_content" android:layout_width="match_parent"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <include layout="@layout/toolbar"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> 示例: http : //android-developers.blogspot.in/2015/05/android-design-support-library.html

折叠工具栏和nestedscrollview不能平滑滚动

嵌套的滚动视图在向下滚动时平滑滚动,但向上滚动时很慢。滚动时混乱的工具栏(带有图像视图和框架布局)不呈现其内容(保持空白)。 我试图在折叠工具栏中的每一个标志。 <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/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/collapsing_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/backdrop" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="100dp" android:fitsSystemWindows="true" android:scaleType="centerCrop" android:src="@drawable/pic" app:layout_collapseMode="parallax" app:layout_collapseParallaxMultiplier="0.5" app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"/> <include android:id="@+id/framelayout" layout="@layout/header_layout" app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" android:minHeight="100dp"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <!– Your Scrollable View –> <android.support.v4.widget.NestedScrollView android:id="@+id/nested" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="fill_vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" […]

当向下滚动到达RecyclerView顶部时,如何展开AppBarLayout

我正在使用一个Android应用程序,我正在使用CoordinatorLayout , AppBarLayout和CollapsingToolbarLayout使用高级崩溃栏function。 我正在使用recyclerview来显示片段中的项目数量。 当我滚动recyclerview它顺利地崩溃AppBarLayout但是当我向下滚动并达到recyclerview的第一项时,它自动停止滚动,而不扩大`AppBarLayout'。 然后再次,我需要再次向下滚动,使AppBarLayout可见。 所以我的要求是,当我到达recyclerview的顶部滚动下来,它必须展开'AppBarLayout'。 我们应该怎么做。 任何想法 ? 请参阅相同的videohttps://www.dropbox.com/s/va5jk27ikytk​​5ax/app_collapsebar_issue.mp4?dl=0 这是我的布局: – <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/drawerLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <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/coordinator" android:layout_width="match_parent" android:layout_height="match_parent" android:adjustViewBounds="true" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll|exitUntilCollapsed" > <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="220dp" android:background="@drawable/offer_image" android:fitsSystemWindows="true" android:theme="@style/AppTheme.AppBarOverlay" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <!– <com.flaviofaria.kenburnsview.KenBurnsView android:id="@+id/image" android:layout_width="match_parent" android:layout_height="220dp" android:src="@drawable/offer_image" />–> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/toolbar_layout" android:layout_width="match_parent" […]