Nic*_*hek 6 xml android-layout android-toolbar android-coordinatorlayout
如果在工具栏中删除了app:layout_scrollFlags值scroll,则内容将移至顶部.见截图
这是我的布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
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"
android:orientation="vertical">
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical">
<!--region Content-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!--region EmptyView-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
android:padding="16dp">
<TextView
android:id="@+id/titleView"
fontPath="@string/font_semibold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:gravity="center"
android:padding="8dp"
android:textColor="#9b9b9b"
android:textSize="16sp"
tools:ignore="MissingPrefix"
tools:text="@string/error_view_internet_connection_title"/>
<TextView
android:id="@+id/messageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="32dp"
android:gravity="center"
android:paddingStart="32dp"
android:paddingEnd="32dp"
android:textColor="#9b9b9b"
android:textSize="14sp"
tools:ignore="MissingPrefix"
tools:text="@string/error_view_internet_connection_message"
/>
</LinearLayout>
<!--endregion-->
<!--region List-->
<android.support.v4.widget.SwipeRefreshLayout
android:id="@+id/swipeRefreshLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
android:scrollbarSize="2dp"
android:scrollbars="vertical"
android:visibility="gone"
tools:visibility="visible"/>
</android.support.v4.widget.SwipeRefreshLayout>
<!--endregion-->
</LinearLayout>
<!--endregion-->
<!--region Toolbar-->
<android.support.design.widget.AppBarLayout
android:id="@+id/appBarLayout"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:background="@android:color/transparent"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:elevation="0dp"
app:layout_behavior="@string/appbar_layout_behavior"
app:layout_collapseMode="pin">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
style="?android:attr/toolbarStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#636363"
android:minHeight="?android:attr/actionBarSize"
app:elevation="0dp"
app:layout_collapseMode="pin"
app:layout_scrollFlags="scroll|enterAlways|snap"
app:popupTheme="@style/ToolbarStyle"
app:theme="@style/ToolbarStyle"
tools:ignore="NewApi"/>
</android.support.design.widget.AppBarLayout>
<!--endregion-->
</android.support.design.widget.CoordinatorLayout>
<!--region BottomNavigation-->
<com.aurelhubert.ahbottomnavigation.AHBottomNavigation
android:id="@+id/bottomNavigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:accentColor="#111232"
app:inactiveColor="#111232"
app:titleState="always_hide"/>
<!--endregion-->
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)
我通过func删除了标志,之后在UI中它正在摇晃:
public void setToolbarCollapsible(boolean collapsible) {
int defaultFlags =
AppBarLayout.LayoutParams.SCROLL_FLAG_SNAP
| AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS
| AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL;
int none = 0;
// //remove from toolbar
Toolbar toolbar = getToolbar();
if (toolbar == null) return;
AppBarLayout.LayoutParams toolbarLayoutParams = (AppBarLayout.LayoutParams) toolbar.getLayoutParams();
toolbarLayoutParams.setScrollFlags(collapsible ? defaultFlags : none);
toolbar.setLayoutParams(toolbarLayoutParams);
}
Run Code Online (Sandbox Code Playgroud)
如果删除Toolbar 中的
app:layout_scrollFlags值scroll,则内容将移动到顶部。
内容正在向上移动,因为LinearLayout包裹的高度TextView正在变化。因此,android:gravity="center"在计算上指定了LinearLayout不同的垂直中心。
以下布局是用于演示目的的布局的简化视图。
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light"
android:gravity="center"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<TextView
android:id="@+id/titleView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@string/error_view_internet_connection_title"
android:textSize="16sp" />
</LinearLayout>
<android.support.design.widget.AppBarLayout
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"
app:layout_scrollFlags="scroll|enterAlways"
app:title="Toolbar" />
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
Run Code Online (Sandbox Code Playgroud)
LinearLayout这是此布局的布局检查器视图,显示设置和未设置滚动标志的高度。
LinearLayout如果没有设置滚动标志,则包裹的高度TextViews将小于 的高度Toolbar。这是有道理的,因为LinearLayout它match_parent必须适合。设置滚动标志后,LinearLayout可以更高,因为它可以滚动并且不必适合屏幕。事实上,它与屏幕一样高,但移到了工具栏下方。
您可以快速测试一下是否是这种情况,但android:gravity="center"用上边距替换。
我通过 func 删除了该标志,然后在 UI 中它开始晃动
我想我以前见过这种行为,但我不记得其原因。由于CoordinatorLayout是如此动态,因此可能由于某些布局模糊性而导致布局中的某种振荡。然而,这只不过是猜测。如果您稍微清理一下布局并考虑为什么要操纵滚动标志(还有其他方法吗?),您也许能够解决问题。
除此之外,演示抖动问题的小型可运行项目可能会很有帮助。