仅在API 19上的FloatingActionButton周围有多余的边距

时间:2018-07-09 10:54:29

标签: android android-layout floating-action-button

我在FloatingActionButton上遇到e xtra边距或间距,但仅在API19上。

API19上的屏幕截图:

enter image description here

每个其他版本上的保证金都是正确的,请参见下面的截图:

enter image description here

在两种情况下都会打开用于显示布局边界的开发人员选项。您可以清楚地看到,在API 19中,FAB周围有多余的空间。

XML:

      <RelativeLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical">

                        <android.support.design.widget.FloatingActionButton
                            android:id="@+id/path_btn"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="12dp"
                            android:layout_marginRight="12dp"
                            android:layout_marginTop="12dp"
                            android:background="@null"
                            app:backgroundTint="@color/blue_light"
                            app:srcCompat="@drawable/ic_line" />

                        <android.support.design.widget.FloatingActionButton
                            android:id="@+id/stream_toggle_btn"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_below="@+id/path_btn"
                            android:layout_marginBottom="12dp"
                            android:layout_marginLeft="12dp"
                            android:layout_marginTop="12dp"
                            android:background="@null"
                            app:srcCompat="@drawable/ic_stream_video_white" />
                    </RelativeLayout>

请注意,XML中的边距仅在屏幕截图上添加了紫色区域。如果我删除边距,多余的间距不会消失。

请帮助。

谢谢。

E D I T:

添加

  app:useCompatPadding="true"

致FABS没有帮助。间距仍然存在。

3 个答案:

答案 0 :(得分:3)

您可以 programmatically margin 中删除 floatingActionButton 。这是一个已知问题这是因为有额外的利润。

if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
    RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) stream_toggle_btn.getLayoutParams();
    params.setMargins(0, 0, 0, 0); 
    stream_toggle_btn.setLayoutParams(params);

    RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) path_btn.getLayoutParams();
    params.setMargins(0, 0, 0, 0); 
    path_btn.setLayoutParams(params);
}

编辑

尝试在 FloatingActionButton xml中使用此属性。

app:elevation="0dp"
app:pressedTranslationZ="0dp"

喜欢

<android.support.design.widget.FloatingActionButton
    android:id="@+id/path_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="12dp"
    android:layout_marginRight="12dp"
    android:layout_marginTop="12dp"
    android:background="@null"
    app:backgroundTint="@color/blue_light"
    app:srcCompat="@drawable/ic_line"
    app:elevation="0dp"
    app:pressedTranslationZ="0dp"/>

答案 1 :(得分:2)

这是因为在棒棒糖之前的设备上,FAB中执行了特殊的填充操作。

您可以使用

app:useCompatPadding="true"

以覆盖此行为。

  

布尔值:如果FloatingActionButton在其上添加内部填充,则为true   平台和之后的Lollipop,以确保所有尺寸均一致   平台。

答案 2 :(得分:0)

如果要为所有android版本使用相同的填充,请为工厂设置app:useCompatPadding="true"