我刚刚开始使用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周围有一个边距。我认为这是为了展示阴影。但是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>
答案 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>