这是 Android 支持设计库中的错误吗?
Is this a bug in Android support design Library?
我刚开始使用来自 Google 的新 Deisgn 库:'com.android.support:design:22.2.0'
我使用 FloatingActionButton,在 Android 低于 5.0 和高于 5.0 之间有一个小问题。
观看截图:
Android 4.4 :
Android 5.0 :
如您所见,在 Android 4.4 上,FAB 周围有一个空白。我认为这是为了显示阴影。但它太大了!
那么这是一个错误(或忘记 Google)还是正常行为?
xml 的视图托管他 fabs :
<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>
这是一个问题(查看我创建的错误报告:https://code.google.com/p/android/issues/detail?id=175330),应该在支持设计库的未来版本中修复。
这是 API 21 的错误。您可以通过删除一些边距使箭头可见。
这是您可以解决它的方法,在不同设备上测试后它似乎有效:
已编辑
错误已经修复。只需将所有支持库更新到 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'
这已被指定为不是一个实际的错误。相反,这是预期的行为。
引用 google 开发者回答:
This isn't a bug and is working as intended, in the sense that it's something that which is completely unavoidable. Within a CoordinatorLayout we have some control and can detect certain situations (edges) where it can offset the FAB. This is a hack though.
If you don't like it, set elevation to 0dp and be done with it.
正如其他人所说,我们应该定义
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>
我刚开始使用来自 Google 的新 Deisgn 库:'com.android.support:design:22.2.0'
我使用 FloatingActionButton,在 Android 低于 5.0 和高于 5.0 之间有一个小问题。 观看截图:
Android 4.4 :
Android 5.0 :
如您所见,在 Android 4.4 上,FAB 周围有一个空白。我认为这是为了显示阴影。但它太大了! 那么这是一个错误(或忘记 Google)还是正常行为?
xml 的视图托管他 fabs :
<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>
这是一个问题(查看我创建的错误报告:https://code.google.com/p/android/issues/detail?id=175330),应该在支持设计库的未来版本中修复。
这是 API 21 的错误。您可以通过删除一些边距使箭头可见。 这是您可以解决它的方法,在不同设备上测试后它似乎有效:
已编辑
错误已经修复。只需将所有支持库更新到 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'
这已被指定为不是一个实际的错误。相反,这是预期的行为。
引用 google 开发者回答:
This isn't a bug and is working as intended, in the sense that it's something that which is completely unavoidable. Within a CoordinatorLayout we have some control and can detect certain situations (edges) where it can offset the FAB. This is a hack though.
If you don't like it, set elevation to 0dp and be done with it.
正如其他人所说,我们应该定义
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>