这是Android支持设计库中的错误吗?

时间:2015-06-03 07:57:39

标签: android android-support-library floating-action-button

我刚刚开始使用Google新的Deisgn库:' com.android.support:design:22.2.0'

我使用FloatingActionButton,我在Android 5.0以下和5.0之间有一个小问题。 观看截图:

Android 4.4:

Android 4.4

Android 5.0: Android 5.0

正如您所看到的,在Android 4.4上,FAB周围有一个边距。我认为这是为了展示阴影。但是IT' S超大! 那么它是一个错误(或忘记谷歌)还是只是正常行为?

托管他的视图的xml:

<RelativeLayout 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"
tools:context="fr.freemo.freemo.activities.ListFreemoCityActivity">

<include
    android:id="@+id/toolbar"
    layout="@layout/view_toolbar" />


<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/toolbar">

</FrameLayout>


<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_add"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="@dimen/margin_fab"
    android:layout_marginRight="@dimen/margin_fab"
    android:elevation="@dimen/fab_elevation_lollipop"
    android:src="@drawable/ic_action_new"
    app:backgroundTint="@color/color_app"
    app:fab_type="normal" />


<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_display"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/fab_add"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="@dimen/margin_fab"
    android:layout_marginRight="@dimen/margin_fab"
    android:elevation="@dimen/fab_elevation_lollipop"
    android:src="@drawable/ic_map_white"
    android:tint="@color/color_app"
    app:backgroundTint="@color/white"
    app:fab_type="normal" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_display_list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/fab_display"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="@dimen/margin_fab"
    android:layout_marginRight="@dimen/margin_fab"
    android:elevation="@dimen/fab_elevation_lollipop"
    android:src="@drawable/ic_action_list"
    android:tint="@color/color_app"
    android:visibility="invisible"
    app:backgroundTint="@color/white"
    app:fab_type="normal" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_display_grid"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/fab_display_list"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="@dimen/margin_fab"
    android:layout_marginRight="@dimen/margin_fab"
    android:elevation="@dimen/fab_elevation_lollipop"
    android:src="@drawable/ic_view_module_white"
    android:tint="@color/color_app"
    android:visibility="invisible"
    app:backgroundTint="@color/white"
    app:fab_type="normal" />
   </RelativeLayout>

3 个答案:

答案 0 :(得分:3)

这是一个问题(查看我创建的错误报告:https://code.google.com/p/android/issues/detail?id=175330),并且应该在支持设计库的未来版本中修复。

答案 1 :(得分:0)

它是API 21的错误。您可以通过删除一些边距使箭头可见。 以下是您可以解决此问题的方法,并且在不同设备上进行测试后,它似乎可以正常工作:

https://stackoverflow.com/a/31337162/3173384

<强>被修改

Bug已经修复。只需将所有支持库更新到v 22.2.1

compile 'com.android.support:design:22.2.1'
compile 'com.android.support:appcompat-v7:22.2.1'
compile 'com.android.support:cardview-v7:22.2.1'
compile 'com.android.support:recyclerview-v7:22.2.1'

答案 2 :(得分:0)

这已被指定为不是实际的错误。相反,这是预期的行为。

引用谷歌开发回答:

  

这不是一个错误,并且正在按预期工作,因为它是一个完全不可避免的东西。在CoordinatorLayout中,我们有一些控制,可以检测它可以抵消FAB的某些情况(边缘)。这是一个黑客。

     

如果您不喜欢它,请将高程设置为0dp并完成。

正如其他人所说,我们应该定义

xmlns:app="http://schemas.android.com/apk/res-auto"
app:borderWidth="0dp"
app:elevation="0dp"

或者更好的是,根据您正在使用的API版本在dimens.xml中定义您的高程。 最常见的情况是:

<!-- dimens.xml(v21) -->
<dimen name="custom_fab_elevation">@dimen/fab_elevation</dimen>

<!-- dimens.xml(lower) -->
<dimen name="custom_fab_elevation">0dp</dimen>