Articles of android collapsingtoolbarlayout

折叠工具栏就像Google Play商店一样

我想实现像Google Play商店这样的折叠工具栏。 我已经实现了一些function,但这只适用于肖像屏幕。 这是我能够做的截图的示例。 现在我要做的是当我将设备方向改为LandScape模式时,它应该看起来完全像这样。 那么我的主要问题是如何处理这些方向变化。 是否有任何可用的官方Android组件可以执行此类操作,或者我必须对我的Layouts进行Z-index以实现此类布局行为。 请注意,我希望布局完全像这样,双边边距和Z-indexing在图片顶部,滚动行为也需要与Google Play商店完全一样。 我附上了我迄今为止编写的示例xml。

Android折叠工具栏没有像Google Play App那样使用惯性

我正在使用Android设计支持库创建一个带有可折叠工具栏的活动,具有很好的淡化效果,就像Google Play或Whatsapp的联系人个人资料一样。 我将活动布局放在最后但请记住,这只是默认的可折叠活动布局,我将ImageView添加到AppBarLayout以创建工具栏图像淡入淡出效果。 我对这个实现的问题表现为我将描述的两个症状: 活动内容很长,当我想快速向上滚动时,滚动将在展开工具栏之前停止。 我希望它继续,当我在我的NestedScrollView的底部,我做一个快速的手指滑动,一直到我的活动的顶部我希望这个滚动去扩展工具栏,这是方式谷歌播放应用程序的行为或Whatsapp的个人资料。 类似地,当工具栏展开时,滚动没有惯性,快速向下滑动会滚动一点点,这也不是Google Play或Whatsapp配置文件的行为方式。 折叠工具栏后,滚动的行为与ScrollViews,ListViews等中的滚动一样。快速滑动将允许您进入底部或顶部(除非有大量内容)。 我描述的行为是否由设计支持库支持? activity.xml: content_scrolling.xml:

由于支持lib 26.0.0,因此折叠工具栏会出现故障

自Android支持库从版本25.4.0更新到26.0.0(最高27.0.0)后,我在Collapsing Toolbar内部活动中遇到了一些奇怪的行为。 看看这些GIF的不同之处: 25.4.0 26.0.0(+) 向上滚动时,您会看到折叠工具栏的奇怪反弹。 请参阅以下布局的代码片段: 有人遇到同样的问题吗? 这是支持lib bug,还是我做错了什么? 编辑: 只有当您在屏幕上移动时才会发生故障,而不是在拖动时发生 测试你可以拉下面的项目: https : //github.com/aaronbond/CollapsingToolbarLayoutExample并将支持库增加到26及更高

与CoordinatorLayout和CollapsingToolbarLayout结合使用时,共享元素转换不起作用

我的应用程序主屏幕包含图像的网格视图。 当用户选择图像时,使用共享元素转换开始细节活动,该共享元素转换将所选择的网格图像animation化为位于细节活动中的CardView中的配对图像。 升级我的详细视图XML布局以包含CoordinatorLayout以及CollapsingToolbarLayout后,共享元素转换将图像视图移动到详细活动中的错误位置(“enter”活动)。 如果在包含目标图像视图的CardView上方没有CollapsingToolBarLayout,框架似乎会将整个AppBarLayout和内部CollapsingToobarLayout的偏移量和animation放大到图像的大致位置。 通过将activityView (带有transitionName)添加到activity_detail.xml中的3个CardView中的任何一个,可以在Chris Banes的cheesesquare示例应用程序中复制该问题: 然后在CheeseListFragment.java中的onBindViewHolder中设置共享元素转换,如下所示: @Override public void onBindViewHolder(final ViewHolder holder, int position) { holder.mBoundString = mValues.get(position); holder.mTextView.setText(mValues.get(position)); holder.mView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Context context = v.getContext(); Intent intent = new Intent(context, CheeseDetailActivity.class); intent.putExtra(CheeseDetailActivity.EXTRA_NAME, holder.mBoundString); holder.mImageView.setTransitionName(“sharedImage”); ActivityOptionsCompat options = ActivityOptionsCompat. makeSceneTransitionAnimation( getActivity(v.getContext()), holder.mImageView, “sharedImage”); ActivityCompat.StartActivity((MyActivity) context, intent, options.toBundle()); […]

CollapsingToolbarLayout和NestedScrollView无法正常工作

我正在尝试使用NestedScrollView实现CollapsingToolbarLayout,它在底部的NestedScrollView中显示TextView,不允许,滚动或折叠工具栏。 我已经使用了RecyclerView而不是NestedScrollView。 当我删除app:layout_behavior=”@string/appbar_scrolling_view_behavior ,工具栏会崩溃,但NestedScrollView不会低于AppBarLayout。有任何解决方案或建议可以解决这个问题吗? XML 结果

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

我有一个CollapsingToolbarLayout ,它被定义为以折叠和扩展模式为中心: 我为工具栏定义了一个标题,但是当我折叠它时,我可以看到标题在对角线方向上移动而不是直线向上,并且它略微与工具栏中心的右侧对齐。 请注意,宽度是match_parent,折叠的重力是中心,所以为什么会发生这种情况,我该如何解决? • 第一个截图:如果我使用折叠 – >中心和展开 – >中心重力,然后折叠布局,它看起来是什么样子。 请注意,它位于屏幕中心的右侧。 • 第二个截图:如果我摆脱崩溃的样子 – >中心重力但是保持扩展 – >中心重力然后折叠布局。 请注意,它默认为左对齐。 • 第三个屏幕截图 :展开的内容 到目前为止我已经尝试过解决这个问题的事情(没有成功): •摆脱collapsedGravity并只留下expandFravity •使用标题的默认roboto字体 •为工具栏和折叠布局设置填充和边距为0 •设置gravity center_horizo​​ntal而不是center 编辑: 我发现这个工作正常的唯一解决方法是使用单独的textview来保存标题而不是为collapsingtoolbarlayout设置标题(这使得标题正确地折叠到中心)。 这不是最佳的,所以我很想知道CPL是否有错误,或者是否有办法使用默认标题来做同样的事情。

CollapsingToolbarLayout与GridView的问题

CollapsingToolbarLayout仅与RecyclerView一起使用但不使用ListView和GridView 。 下面是我的XML文件: 这个是我的Activity文件: Toolbar toolbar = (Toolbar) findViewById(R.id.anim_toolbar); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); collapsingToolbar.setTitle(“Resturant Name”); ImageView header = (ImageView) findViewById(R.id.restaurant_image); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { ViewCompat.setNestedScrollingEnabled(mGrid,true); } mGrid.setAdapter(new ResturantItemsAdapter(this, images, name));//images and name is array with size 10…. 注意:-Scrolling工作正常但是在一些网格视图列表滚动之后它会卡住而不是滚动更多,即使网格视图中有更多行。 它仅滚动网格视图的第8项,第9项和第10项未显示… 我搜索了许多链接,有人说它只能在上面和Lollipop版本中工作。 下面的版本有一些问题。 是否可以在棒棒糖版本下运行折叠工具栏? 谢谢大家 ….

折叠工具栏标题和主页/向上按钮之间的额外空间

我正在尝试使用折叠工具栏和Home / Up按钮。 工具栏折叠后,箭头和标题文本之间有一个额外的空格,我想摆脱它。 我附加了两个图像,有和没有layoutboundaries,以说明我的观点。 我搜索了StackOverflow和所有地方并尝试了android:contentInsetStart =“0dp”徒劳无功。 这是我的布局XML文件。

当recyclerview滚动/返回顶部时展开appbarlayout

我实现了一个带有recyclerview的collapsingtoolbar布局,如附带的示例代码所示。 我的问题是,当我向下推送列表时,它不会一直到顶部。 会发生什么,滚动停止在AppBarLayout应该结束的点。 我想要的效果是向下推送列表,列表将一直到顶部并显示/扩展AppBarLayout 我的minSdk是14.非常感谢任何帮助或建议。 //some elements //value android.support.design.widget.AppBarLayout$ScrollingViewBehavior

CollapsingToolbarLayout未显示标题

就我而言,当我滚动列表时,工具栏会消失。 我正在使用CollapsingToolbarLayout,我需要设置标题文本。 但在我的情况下,标题文本没有显示,即使我已经设置它(见下面的代码)。 哪里不对? 布局代码: 活动代码: protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.app_activity_with_left_panel); mPreferences = PreferenceManager.getDefaultSharedPreferences(this); mToolbar = (Toolbar) findViewById(R.id.toolbar); mCollapsingToolbarLayout = (CollapsingToolbarLayout)findViewById(R.id.collapsing); setSupportActionBar(mToolbar); setTitle(getIntent().getStringExtra(TITLE)); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setHomeButtonEnabled(true); } @Override public void setTitle(CharSequence title) { if (title != null && !title.toString().isEmpty()) { mTitle = title.toString(); mCollapsingToolbarLayout.setTitle(mTitle); } }