【问题标题】:FAB - square on pre Lollipop and without shadow on LollipopFAB - 棒棒糖前的正方形,棒棒糖上没有阴影
【发布时间】:2015-08-12 20:28:08
【问题描述】:

看起来FloatingActionButton 在 Android 4.0 和 Lollipop 上无法正常工作。正如您在下图中看到的那样,在 Android Lollipopo 上没有阴影,而在 Android 4.1.1 上它是方形的:/

有人遇到过这个问题吗?

库版本: compile 'com.android.support:design:22.2.0'

代码:

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/abc_ic_clear_mtrl_alpha"/> 

【问题讨论】:

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


【解决方案1】:

如果在将borderWidth 设置为0dp 后FAB 仍然显示为正方形,请确保您没有在XML 中设置android:background 或在代码中调用setBackgroundColor。

你应该使用 android:backgroundTint (XML) 或 setSupportBackgroundTintList (code)

【讨论】:

    【解决方案2】:

    设置 应用程序:borderWidth="0dp" 作品。但是,如果您在 Android Studio 中遇到渲染问题并且将 Renderer 设置为 Android M 或 22,请将其设置为 21

    【讨论】:

      【解决方案3】:

      @Raghunandan,我在 Lollipop 上也有同样的问题。
      最后我发现根本原因是我的可绘制文件夹中名为“fab_background”的可绘制对象。
      drawable 以前用于我自己的 fab 实现。
      现在我重命名这个可绘制对象后可以看到圆形晶圆厂。

      【讨论】:

        【解决方案4】:

        似乎是一个错误。一位开发人员说“内部修复。很快就会出来。”。

        【讨论】:

          【解决方案5】:

          感谢@harism 评论,只需设置app:borderWidth="0dp" 即可解决这两个问题。

          注意:不要忘记将xmlns:app="http://schemas.android.com/apk/res-auto" 添加到您的根布局中。

          【讨论】:

          • 我仍然看到它在棒棒糖设备上也是一个正方形。我是不是错过了什么。 &lt;android.support.design.widget.FloatingActionButton xmlns:app="http://schemas.android.com/apk/res-auto" app:borderWidth="0dp" android:scaleType="center" android:elevation="5dp" android:src="@drawable/ic_add" android:layout_marginBottom="16dp" android:layout_width="56dp" android:layout_height="56dp" android:id="@+id/fab_1" android:layout_gravity="center_horizontal|bottom"/&gt;
          • Note 在运行 5.1 的 nexus 5 上对其进行了测试
          • 这已在 v22.2.1 中修复。如果您仍然遇到问题,请确保您没有直接设置背景颜色,而只是设置色调。
          猜你喜欢
          • 2016-10-14
          • 2017-01-29
          • 2015-09-22
          • 2015-02-23
          • 1970-01-01
          • 1970-01-01
          • 2016-05-02
          • 2014-12-15
          • 1970-01-01
          相关资源
          最近更新 更多