Tag: collapsingtoolbarlayout

使用Androiddevise支持库平滑animation折叠工具栏

无论如何,使滚动的Androiddevise支持库的Collapsinganimation更平滑吗? 当我释放滚动,它突然停止。 但是我想要的是:即使停止滚动,折叠animation也会顺利地继续。 Android-ObservableScrollView和Scrollable是正在崩溃的图书馆。

Android CollapsingToolbarLayout标题背景

我正在使用新的Androiddevise支持库中的CollapsingToolbarLayout。 我已经设置了它的标题,它工作正常,唯一的问题是,当你滚动,文本丢失,取决于在背景中的图像。 我想要做的是为CollapsingToolbarLayout标题设置一个背景,但是我没有find办法。 有没有办法做到这一点? 谢谢! 布局: <android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" 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:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="@dimen/detail_backdrop_height" 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="match_parent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/ivBigImage" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:scaleType="centerCrop" app:layout_collapseMode="parallax"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_gravity="fill_vertical" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingTop="24dp"> <android.support.v7.widget.CardView android:id="@+id/cvDescription" […]

如何更改CollapsingToolbarLayout字体和大小?

我想改变CollapsingToolbarLayout字体大小和字体。 我怎么能做到这一点?

Android CollapsingToolbarLayout折叠监听器

我正在使用CollapsingToolBarLayout与AppBarLayout和CoordinatorLayout ,他们一起工作很好。 当我向上滚动时,我的Toolbar被固定,我想知道是否有方法来改变工具栏的标题文本,当CollapsingToolBarLayout它被折叠。 总结起来,我需要两个不同的标题,当滚动和扩大 。 谢谢大家

如何模仿Google地图的底层3阶段行为?

背景 我被分配到创build一个UI,其行为类似于Google地图显示search结果的底部表单。 它有三个不同的阶段: 底部内容。 上部区域仍然是可触摸的,不会在底部滚动任何东西 全屏幕的内容,而上面的区域有一个大头。 全屏幕的内容,而上面的区域只有工具栏。 以下是我在Google地图上讨论的内容: 问题 事情是,底部表不是devise图书馆的一部分(虽然这是要求, 在这里 )。 不仅如此,UI看起来相当复杂,需要在多个阶段处理工具栏。 我试过了 我已经find了一个好的(足够的)底部图纸库( 在这里 ),并添加了内容到它的片段样本,与材料devise样本(如这里 )上显示的大致相同的视图,有一个CollapsingToolbarLayout将小心阶段2 + 3。 在我制作的应用程序中,我也必须在滚动时移动一个图标,但是我认为如果我能够成功完成其他任务,这应该很简单。 代码如下: fragment_my.xml <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" 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.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="@dimen/detail_backdrop_height" 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" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp" app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"> <ImageView android:id="@+id/backdrop" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" app:layout_collapseMode="parallax"/> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" […]

仅在折叠时显示CollapsingToolbarLayout标题

标题说明了一切。 我试过setExpandedTitleColor和setCollapsedTitleColor (切换到透明),没有运气。 我看不到任何内置的方法可以做我想要的。 我只想在CollapsingToolbarLayout完全折叠时显示标题,否则,我需要隐藏它。 任何提示?

CollapsingToolbarLayout无法识别滚动条

我创build了一个简单的CollapsingToolbarLayout ,它像一个魅力。 我的问题是,如果我尝试在嵌套滚动视图上使用滚动滚动,当我松开手指时它会停止。 正常的滚动工作就像它应该。 我的活动代码不变=>自动生成的空活动。 (我只是在android studio中点击创build新的空行为,然后编辑XML)。 我在这里读到,图像视图本身的滚动手势是越野车,但不是,滚动本身是越野车: 看到这里 。 我尝试通过Java代码激活“平滑滚动” 。 似乎如果我滚动足够远,imageview不再可见,扔手势然后被识别。 TLDR:只要imageview可见,为什么投掷手势不工作? 我的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:fitsSystemWindows="true"> <android.support.design.widget.AppBarLayout android:id="@+id/profile_app_bar_layout" 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/profile_collapsing_toolbar_layout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp" android:fitsSystemWindows="true"> <ImageView android:id="@+id/image" android:layout_width="match_parent" android:layout_height="420dp" android:scaleType="centerCrop" android:fitsSystemWindows="true" android:src="@drawable/headerbg" android:maxHeight="192dp" app:layout_collapseMode="parallax"/> <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" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.design.widget.FloatingActionButton […]

以编程方式折叠或展开CollapsingToolbarLayout

简单的问题,但我找不到答案。 如何以编程方式折叠或展开CollapsingToolbarLayout ? ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

Android:CollapsingToolbarLayout和SwipeRefreshLayout卡住了

我一起使用CollapsingToolbarLayout,RecyclerView和SwipeRefreshLayout: XML: <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/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <android.support.design.widget.CoordinatorLayout android:id="@+id/coordinator_layout" 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="@dimen/collapse_toolbar_height" 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="match_parent" app:contentScrim="?attr/colorPrimary" android:fitsSystemWindows="true" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:id="@+id/toolbar_image" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:fitsSystemWindows="true" app:layout_collapseMode="parallax" /> <include layout="@layout/activity_main_toolbar"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipe_container" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <cz.yetanotherview.webcamviewer.app.helper.EmptyRecyclerView android:id="@+id/mainList" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical" /> </android.support.v4.widget.SwipeRefreshLayout> <android.support.design.widget.FloatingActionButton android:id="@+id/floating_action_button" […]

使用AppBarLayout重叠滚动视图

我想从材质devise滚动技术 (如本video中)实施“具有重叠内容的灵活空间”模式: 我的XML布局现在看起来像: <android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="192dp" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <android.support.v7.widget.Toolbar android:layout_height="?attr/actionBarSize" android:layout_width="match_parent" app:layout_collapseMode="pin"/> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <….> </LinearLayout> </android.support.v4.widget.NestedScrollView> </android.support.design.widget.CoordinatorLayout> 有没有简单的方法来完成这个使用devise库? 或者我必须build立一个自定义的CoordinatorLayout.Behavior来做到这一点?