【问题标题】:FloatingActionButton no border?FloatingActionButton 没有边框?
【发布时间】:2015-06-17 16:47:24
【问题描述】:

我找不到获得没有边框的 FAB 的方法。例如当我尝试时:

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/fab"
    android:background="@android:color/transparent"
    android.support.design:fabSize="normal"
    android:adjustViewBounds="true"
    style="@style/Fab"/>

我明白了:

请注意 FAB 周围的边界。我已经尝试过 adjustViewBounds="true" 和 android:background="@android:color/transparent" ,这两者都是摆脱 ImageView (FAB 扩展)边框的建议解决方案,但都不起作用。我怎样才能摆脱这个边界?

注意:@style/Fab 所做的只是定位按钮,与边框无关。

【问题讨论】:

  • 也试过android:scaleType="fitXY",结果一样
  • 你为什么要构建一个透明的 FAB?
  • 尝试设置borderwidth为0dp..app:borderWidth="0dp"
  • 为它实现一个阴影。透明度只是一个例子,真的需要去掉边界。
  • 另外,我注意到蓝色边框来自 AppTheme。

标签: android material-design


【解决方案1】:

只需在布局文件中添加app:borderWidth="0dp"

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/fab"
    app:borderWidth="0dp"
    android:background="@android:color/transparent"
    android.support.design:fabSize="normal"
    android:adjustViewBounds="true"
    style="@style/Fab"/>

添加这个还有一个好处,它修复了API

更新:android支持的最新更新不需要borderwidth=0dp来修复方形FAB。

【讨论】:

  • 我尝试摆脱 FAB 的背景,但没有成功。 'android:background="@android:color/transparent"' 行完全没有效果。
  • 我什至尝试更改那条线的颜色,但我的 FAB 始终使用从颜色文件“colorPrimary”中获取的相同颜色。当我更改该颜色时,FAB 背景颜色会发生变化。
【解决方案2】:

@Zvi 回复评论

要使按钮的背景透明,请使用以下行:

app:backgroundTint="#00FFFFFF"

透明背景的哈希码是:#00FFFFFF

要更改按钮内图标的颜色,请使用:

android:tint="#800080"  

#800080 是紫色的哈希码

要访问不同颜色的哈希码,请访问:http://www.color-hex.com/color-palettes/

只需复制哈希码并将其粘贴到您想要的任何位置。

【讨论】:

  • 你的意思是把按钮背景色设置为透明会去掉边框吗?否则,我看不出这是如何回答问题的。
  • 这是@Zvi 评论的答案
  • 是的,但他应该问自己的问题。
【解决方案3】:

原来是这样

app:borderWidth="0dp"

我多么愚蠢。谢谢@Ranjith。

这不知何故还在按钮下方添加了一个阴影:

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-10
  • 1970-01-01
  • 2017-07-23
  • 2021-04-08
  • 1970-01-01
相关资源
最近更新 更多