Questions tagged «android-collapsingtoolbarlayout»



4
如何模仿Google Maps的底页3个阶段的行为?
背景 我被指派制作一个行为类似于Google Maps显示找到结果底部的UI。 它具有三个不同的阶段: 底部内容。上方区域仍可触摸,底部不会滚动任何内容 全屏内容,而上部区域具有较大的标题。 全屏内容,而上方区域只有工具栏。 这就是我在Google Maps上谈论的内容: 问题 事实是,底层表还不是设计库的一部分(尽管在这里是要求的)。 不仅如此,UI似乎也很复杂,需要在多个阶段处理工具栏。 我尝试过的 我已经找到了一个很好的(足够的)底纸库(在此处),并向其片段样本中添加了内容,使其具有与材料设计样本中所示的大致相同的视图(例如此处),并具有一个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" …


2
使用AppBarLayout的重叠滚动视图
我想通过Material design滚动技术实现“具有重叠内容的灵活空间”模式,如本视频所示: 我的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> 使用设计库是否有一种简单的方法来完成此任务?还是我必须构建自定义的CoordinatorLayout.Behavior才能做到这一点?

6
CollapsingToolbarLayout无法识别滚动
我创建了一个简单的CollapsingToolbarLayout,它的工作原理很像。我的问题是,如果我尝试在nestedscrollview上使用浮动滚动,则在松开手指时滚动将停止。正常的滚动工作应该像它应该的那样。 我的活动代码未更改=>自动生成的空活动。(我只是单击了在android studio中创建新的空活动并编辑了XML)。 我在这里读到,imageview上的滚动手势本身是错误的,但不是,滚动本身是错误的:请参见此处。 我尝试通过Java代码激活“平滑滚动”。似乎如果我滚动到足够远以至于图像视图不再可见,则可以识别出挥动手势。 TLDR:为什么只要可见图像视图,挥动手势就不起作用?我的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 android:id="@+id/fab" app:layout_anchor="@id/profile_app_bar_layout" app:layout_anchorGravity="bottom|right|end" android:layout_height="@dimen/fab_size_normal" …


1
如何在Android中实现自定义可折叠工具栏?
使用本教程来实现“灵活空间”模式(带有折叠工具栏的模式)。 我正在尝试实现与Lollipop Contacts活动中类似的效果,该活动在开始时进入活动时,视图仅是图像标题的一部分: 然后,用户可以向下滚动图像下方的布局以显示更多布局,直到达到最大值为止: 在我的应用中,我无法使其正常运行。 发生的情况是,在进入活动时,图像标头以其最大大小,AppBarLayout的大小显示,就像上面的布局一样,并且与Lollipop Contacts活动不同,后者仅显示图像的一部分。 这是设置AppBarLayout的高度的代码(我希望屏幕的宽度为最大高度): int widthPx = getResources().getDisplayMetrics().widthPixels; AppBarLayout appbar = (AppBarLayout)findViewById(R.id.appbar); appbar.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, widthPx)); 这是设置RecyclerView的代码。使用scrollToPosition进行了尝试,认为它可以提升RecyclerView的视图,但它完全没有效果: mRecyclerView = (RecyclerView) findViewById(R.id.activity_profile_bottom_recyclerview); mRecyclerView.setHasFixedSize(true); // use a linear layout manager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); // specify an adapter (see also next example) if(mAdapter == null){ mAdapter = new …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.