Android - 框架布局高度与协调器布局不匹配
Android - Frame layout height not matching with coordinator layout
我的 FrameLayout(抽屉布局中的容器)有问题。 FrameLayout 的高度超过了屏幕高度(低于底部的 android 默认菜单按钮)。
<android.support.design.widget.CoordinatorLayout
android:id="@+id/main_content"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/navContainer"
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="wrap_content"
android:minHeight="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
我的第一次尝试是在 FrameLayout 上设置一个 android:layout_marginBottom="?attr/actionBarSize"
。这解决了具有 "fixed" 高度的不可滚动视图的解决方案,因为没有垂直可滚动的内容(就像通常的具有 match_parent
高度的 RelativeLayout 一样)。将组件与父级底部对齐 (android:layout_alignParentBottom="true"
) 会导致元素仍然可见。在 Android Studio 的预览器中,不超过高度是可见的。
但是,此 marginBotton-fix 为根视图可滚动(如 RecyclerView)的片段引入了一个新问题。对于这些视图,向下滚动时底部边距将在白色条中可见(如果白色是背景色)。这种接缝是合理的,对于那些嵌套滚动功能的视图将滑出工具栏
tl;dr 我通过将 ?attr/actionBarSize
作为底部边距应用到框架布局内显示的不可滚动片段来解决这个问题。在此之前,我将工具栏的高度设置为 ?attr/actionBarSize
.
Activity布局:
<android.support.design.widget.AppBarLayout
android:id="@+id/navContainer"
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="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
/>
</android.support.design.widget.CoordinatorLayout>
片段布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="?attr/actionBarSize"
android:orientation="vertical">
<!-- Further stuff here -->
<TextView android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
/>
</LinearLayout>
我现在面临的唯一缺点是在创建片段布局时在 Android Studio 的预览器中显示白色 space。
如果您在 CoordinatorLayout
中使用不同的 Fragments
,您将面临这样的问题,一些 Fragments
具有可滚动的内容,而另一些不应滚动。您的 Toolbar
具有滚动标志“scroll|enterAlways
”,这对于前一种布局是可以的,但对于后者则不行。我的解决方案是自定义 AppBarLayout.Behavior
,它根据自定义标签 (contentShouldNotScrollTag) 切换滚动标志。为布局设置此标记,它不应像这样滚动:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:tag="@string/contentShouldNotScrollTag">
<!-- my non-scrollable Fragment layout -->
</FrameLayout>
因此,这个Fragment的高度不会超过屏幕的高度。这是 AppBarLayout
:
的自定义行为 class
public class MyScrollBehavior extends AppBarLayout.Behavior {
private View content;
public MyScrollBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onMeasureChild(CoordinatorLayout parent, AppBarLayout appBarLayout, int parentWidthMeasureSpec, int widthUsed, int parentHeightMeasureSpec, int heightUsed) {
if(content == null) {
content = parent.findViewById(R.id.container);
}
if(content != null) {
boolean shouldNotScroll = content.findViewWithTag(parent.getContext().getString(R.string.contentShouldNotScrollTag)) != null;
Toolbar toolbar = (Toolbar) appBarLayout.findViewById(R.id.toolbar);
AppBarLayout.LayoutParams params =
(AppBarLayout.LayoutParams) toolbar.getLayoutParams();
if (shouldNotScroll) {
params.setScrollFlags(0);
appBarLayout.setExpanded(true, true);
} else {
params.setScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL
| AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);
}
}
return super.onMeasureChild(parent, appBarLayout, parentWidthMeasureSpec, widthUsed, parentHeightMeasureSpec, heightUsed);
}
}
我的 FrameLayout(抽屉布局中的容器)有问题。 FrameLayout 的高度超过了屏幕高度(低于底部的 android 默认菜单按钮)。
<android.support.design.widget.CoordinatorLayout
android:id="@+id/main_content"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/navContainer"
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="wrap_content"
android:minHeight="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
我的第一次尝试是在 FrameLayout 上设置一个 android:layout_marginBottom="?attr/actionBarSize"
。这解决了具有 "fixed" 高度的不可滚动视图的解决方案,因为没有垂直可滚动的内容(就像通常的具有 match_parent
高度的 RelativeLayout 一样)。将组件与父级底部对齐 (android:layout_alignParentBottom="true"
) 会导致元素仍然可见。在 Android Studio 的预览器中,不超过高度是可见的。
但是,此 marginBotton-fix 为根视图可滚动(如 RecyclerView)的片段引入了一个新问题。对于这些视图,向下滚动时底部边距将在白色条中可见(如果白色是背景色)。这种接缝是合理的,对于那些嵌套滚动功能的视图将滑出工具栏
tl;dr 我通过将 ?attr/actionBarSize
作为底部边距应用到框架布局内显示的不可滚动片段来解决这个问题。在此之前,我将工具栏的高度设置为 ?attr/actionBarSize
.
Activity布局:
<android.support.design.widget.AppBarLayout
android:id="@+id/navContainer"
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="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
/>
</android.support.design.widget.CoordinatorLayout>
片段布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="?attr/actionBarSize"
android:orientation="vertical">
<!-- Further stuff here -->
<TextView android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
/>
</LinearLayout>
我现在面临的唯一缺点是在创建片段布局时在 Android Studio 的预览器中显示白色 space。
如果您在 CoordinatorLayout
中使用不同的 Fragments
,您将面临这样的问题,一些 Fragments
具有可滚动的内容,而另一些不应滚动。您的 Toolbar
具有滚动标志“scroll|enterAlways
”,这对于前一种布局是可以的,但对于后者则不行。我的解决方案是自定义 AppBarLayout.Behavior
,它根据自定义标签 (contentShouldNotScrollTag) 切换滚动标志。为布局设置此标记,它不应像这样滚动:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:tag="@string/contentShouldNotScrollTag">
<!-- my non-scrollable Fragment layout -->
</FrameLayout>
因此,这个Fragment的高度不会超过屏幕的高度。这是 AppBarLayout
:
public class MyScrollBehavior extends AppBarLayout.Behavior {
private View content;
public MyScrollBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onMeasureChild(CoordinatorLayout parent, AppBarLayout appBarLayout, int parentWidthMeasureSpec, int widthUsed, int parentHeightMeasureSpec, int heightUsed) {
if(content == null) {
content = parent.findViewById(R.id.container);
}
if(content != null) {
boolean shouldNotScroll = content.findViewWithTag(parent.getContext().getString(R.string.contentShouldNotScrollTag)) != null;
Toolbar toolbar = (Toolbar) appBarLayout.findViewById(R.id.toolbar);
AppBarLayout.LayoutParams params =
(AppBarLayout.LayoutParams) toolbar.getLayoutParams();
if (shouldNotScroll) {
params.setScrollFlags(0);
appBarLayout.setExpanded(true, true);
} else {
params.setScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL
| AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);
}
}
return super.onMeasureChild(parent, appBarLayout, parentWidthMeasureSpec, widthUsed, parentHeightMeasureSpec, heightUsed);
}
}