Articles of android coordinatorlayout

CoordinatorLayout AppBarLayout背后的内容

我正在为我的应用创建设置活动/布局。 我有一个带有AppBarLayout和Toolbar的CoordinatorLayout ,然后它包含了content_settings.xml 。 当内容加载时,.xml文件位于应用栏后面。 我正在使用相同的设置加载主要内容,它工作正常,但由于某种原因无法在“设置”部分正确呈现。 activity_settings.xml content_settings.xml只是一个由PreferenceFragment替换的FrameLayout

在NestedScrollView用完内容后滚动,停止CollapsingToolbar折叠

在Android中,如果NestedScrollView内容不足以滚动,我如何让CollapsingToolbar停止折叠? 此function目前存在于Android 5.1.1上的“联系人”应用中。 但是,在我的代码中,当NestedScrollView停止滚动时,工具栏继续折叠,两者之间留下间隙。

将windowTranslucentStatus与CollapsingToolbarLayout一起使用

我试图获得与谷歌播放中看到的相似的效果。 我有以下布局,以显示一个透明的工具栏,后面有一个图像。 当用户滚动时,在图像视图滚动离开屏幕时会出现视差效果。 当用户向上滚动时,工具栏会返回,只有当用户到达列表的顶部时,imageview才会返回。 一切都很好。 问题 当我将windowTranslucentStatus设置为true时。 视图中的内容向上移动到状态栏下方,但CollapsingToolbarLayout的内容向上移动状态栏高度的两倍(CollapsingToolbarLayout保持正确的高度)。 这意味着图像顶部的某些部分被切断,操作栏现在显示在状态栏下方而不是在其下方。 作为一个副作用,现在在CollapsingToolbarLayout底部的填充与状态栏的高度相同 这是没有windowTranslucentStatus的样子。 这里的一切都很好 windowTranslucentStatus设置为true 用户从列表中的较低位置向上滚动(不在顶部)

使用新的Material Design覆盖AppBarLayout上方的内容

我希望实现这样的目标。 (不是FAB或Snackbar)。 如何创建布局,覆盖AppBarLayout? 喜欢这个! (例如) 喜欢Play商店: 我的带有CoordinatorLayout的AppBarLayout和带有RelativeLayout的NestedScrollView作为内容如下所示: 如果有人可以帮助我,那真是太棒了。 我在互联网上找不到任何东西…… 提前致谢!

Android – 协调器布局,抽屉布局和片段

我花了一些时间试图实现这一点,并做了我的一点研究,但不能使其工作。 在Chris Banes的cheesesquare例子中,当ViewPager滚动时,他使工具栏滚动。 ViewPager直接包含在他的抽屉布局中,就在NaviagtionView之前。 <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_height="match_parent" android:layout_width="match_parent" android:fitsSystemWindows="true"> <!– THIS CONTAINS COORDINATOR LAYOUT with APPBAR LAYOUT + VIEWPAGER –> <include layout="@layout/include_list_viewpager"/> <android.support.design.widget.NavigationView android:id="@+id/nav_view" android:layout_height="match_parent" android:layout_width="wrap_content" android:layout_gravity="start" android:fitsSystemWindows="true" app:headerLayout="@layout/nav_header" app:menu="@menu/drawer_view"/> </android.support.v4.widget.DrawerLayout> include_list_viewpager文件是这样的: <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" 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="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" […]

CoordinatorLayout中的第三方FloatingActionButton库

我正在尝试使用futuresimple的FloatingActionButton库在CoordinatorLayout使用FloatingActionMenu因此当我显示一个Snackbar ,FAB将向上移动,而不会被Snackbar隐藏。 FloatingActionMenu工作正常,虽然我注意到第三方库不在CoordinatorLayout内工作。 当我使用来自Google的支持库FAB时, CoordinatorLayout按照预期工作,虽然FutureSimple的库不是。 (它被Snackbar隐藏)。 我如何使第三方库与CoordinatorLayout工作? fragment_comic.xml <RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_horizontal" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:text="@string/default_title" android:textAppearance="?android:textAppearanceLarge" android:layout_centerHorizontal="true" /> <TextView android:id="@+id/alt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/title" android:layout_centerHorizontal="true" android:layout_gravity="center_horizontal" android:fadeScrollbars="false" android:gravity="center" android:maxLines="4" android:textColor="@color/black" android:paddingBottom="13dp" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:scrollbars="vertical" android:text="@string/default_alt" android:textAppearance="?android:textAppearanceMedium" /> <ImageView android:id="@+id/imageView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/alt" android:adjustViewBounds="false" android:layout_marginBottom="10dp" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:scaleType="fitCenter" /> </RelativeLayout> <com.getbase.floatingactionbutton.FloatingActionsMenu android:id="@+id/famMain" android:layout_width="wrap_content" […]

CoordinatorLayout / AppBarLayout ExpandableListView被渲染出屏幕

还有更多的问题在使用CoordinatorLayout和AppBarLayout。 我正在尝试实现基本function,即在滚动屏幕时向下滚动屏幕,并在滚动屏幕时返回屏幕。 但是,我目前的设置显示出一个问题:不仅工具栏不滚动,ListView似乎在屏幕底部渲染。 就好像被AppBarLayout高度所抵消一样。 这里是一个描述问题的gif,请注意最后的项目也被closures了ScrollBar在屏幕之外: 我的布局很标准: <?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:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/background"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?android:attr/actionBarSize" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:background="@color/orange" app:layout_scrollFlags="scroll|enterAlways"/> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeToRefresh" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <ExpandableListView android:id="@+id/listView" android:groupIndicator="@android:color/transparent" android:layout_width="match_parent" android:dividerHeight="0px" android:layout_height="match_parent"/> </android.support.v4.widget.SwipeRefreshLayout> </android.support.design.widget.CoordinatorLayout>

adjustResize不适用于CoordinatorLayout

我在我的android应用程序中有以下布局,但是我在活动中有一个windowSoftInputMode="adjustResize"的问题:名为“container”的LinearLayout包含多个EditTexts但是当其中一个具有焦点并且键盘出现时, Activity不会resize而EditText隐藏在键盘后面。 我认为这与CoordinatorLayout但我无法弄清楚它有什么问题。 <?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/main_content" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:background="#F0f0f0"> <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="wrap_content" app:layout_scrollFlags="scroll" app:contentScrim="?attr/colorPrimary"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/colorPrimary" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:layout_collapseMode="parallax"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_marginTop="?attr/actionBarSize" android:padding="15dp"> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp"> <EditText android:id="@+id/titleEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:maxLength="60" android:hint="Title"/> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:layout_marginBottom="10dp"> […]

协调员布局,工具栏下方的活动

我有一个协调器布局的应用程序,在协调器布局中使用滑动选项卡和视图页面。 我正在尝试在工具栏下放置一个活动(列表)。 我已经尝试了许多不同的东西,但总是列表重叠工具栏。 布局 <?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=".MainActivity"> <LinearLayout 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="wrap_content" android:orientation="vertical" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:fitsSystemWindows="true" android:minHeight="?attr/actionBarSize" android:padding="2dp" app:titleMarginStart="20dp" android:theme="@style/AppTheme.AppBarOverlay"/> <com.passwordstore.utility.SlidingTabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" /> <View android:layout_width="match_parent" android:layout_height="4dp" android:background="@android:color/white" android:foreground="@drawable/shadow"/> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> </android.support.v4.view.ViewPager> </LinearLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" android:id="@+id/frameLayout"> […]

Android NestedScrollViewalignment顶部的内容

我发现CoordinatorLayout中的NestedSCrollView中的内容总是在底部alignment,如果它不填满整个屏幕。 我该如何解决这个问题? 我的代码: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:card_view="http://schemas.android.com/tools" 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="140dp" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:fitsSystemWindows="true"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:contentScrim="?attr/colorPrimary" app:expandedTitleMarginStart="48dp" app:expandedTitleMarginEnd="64dp"> <android.support.v7.widget.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.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_anchorGravity="top|start" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="24dp" android:orientation="vertical"> <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="200dp" android:layout_marginTop="10dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" card_view:cardBackgroundColor="@color/white" card_view:cardElevation="2sp" card_view:cardUseCompatPadding="true"> </android.support.v7.widget.CardView> <ListView android:layout_height="match_parent" android:layout_width="match_parent" […]