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.