Question

我提供了应用屏幕的屏幕截图。您可以看到浮动按钮（在本例中我使用了图像按钮并提供了我的图像）未显示完整，即其半部分位于应用栏后面，应用栏为绿色。虽然这个相同的FAB按钮在某些设备和版本（如4.2,4.3）中显示为完整但在某些设备和我的5.0及更高版本上没有显示完整。

以下是此布局的代码。

<?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/coordinator_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:fitsSystemWindows="true">

<android.support.design.widget.AppBarLayout
  android:id="@+id/app_bar"
  android:layout_width="match_parent"
  android:layout_height="190dp"
  android:fitsSystemWindows="true"
  android:background="@drawable/cvr1"
  app:expanded="true">
  <!--android:theme="?attr/customAppBarOverlay"-->


<android.support.design.widget.CollapsingToolbarLayout
    android:id="@+id/toolbar_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    app:contentScrim="?attr/colorPrimary"
    app:layout_scrollFlags="snap">

  <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="?attr/actionBarSize"
      app:layout_collapseMode="pin"
      android:background="@null"/>


</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_main" />

<ImageButton
  android:id="@+id/add_fab"
  android:background="@drawable/starts"
  android:layout_width="100dp"
  android:layout_height="100dp"
  android:layout_margin="@dimen/fab_margin"
  app:layout_anchor="@id/app_bar"
  app:elevation="0dp"
  app:layout_anchorGravity="bottom|center"
  />

 </android.support.design.widget.CoordinatorLayout>

我不知道究竟是什么问题。我在互联网上查了但是找到了像这些线路一样的解决方案，但仍然没有显示完整的

app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|center"

请帮助！

Answer 1

最佳做法是使用支持库中提供的 F A B （浮动操作栏）。

将此添加到build.gradle文件：

compile 'com.android.support:design:24.2.1'

在CoordinatorLayout里面试试这个：

<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">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/viewA"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.4"
        android:background="@android:color/holo_purple"
        android:orientation="horizontal"/>

    <LinearLayout
        android:id="@+id/viewB"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:background="@android:color/holo_orange_light"
        android:orientation="horizontal"/>

</LinearLayout>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_done"
    app:layout_anchor="@id/viewA"
    app:layout_anchorGravity="bottom|right|end"/>

这应该产生如下图所示的FAB：

要更改FAB的位置，您可以更改：

app:layout_anchorGravity="bottom|right|end"/>

到布局中理想位置的首选方式。

Answer 2

原因是您在按钮上使用app:elevation="0dp"。由于AppBarLayout的默认高程为4dp，在棒棒糖设备及更高版本上，按钮将在其下方绘制。

在某些设备中，浮动按钮未在应用栏的中心进行调整

2 个答案: