我正在参加「兔了个兔」构思投稿大赛,概况请看:「兔了个兔」构思投稿大赛

需求弥补,本周末进行更改 –2/25

前语

安卓的Material库供给了许多款式更精美的控件,其中就有悬浮控件,它表现出一种悬浮在页面的作用,也便是有立体作用的,让人发生这种控件是另一个维度而不是这个维度的感觉,下面咱们就来看看兔兔按钮

正篇

实现过程

首先咱们在布局中加上咱们的FloatingActionButton控件:

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:src="@drawable/rabbit_logo" />

这样预览页面就会呈现一个悬浮的圆形按钮,上面是咱们的兔兔图案,而且这个控件是呈现在屏幕的右下角,接着咱们为其添加点击作用:

binding.fab.setOnClickListener {
    "FAB Rabbit!".showToast(context)
}

其中Toast用到了咱们之前文章中的简化方法(安卓开发根底——简化Toast调用方法 – ())

运转程序后,咱们就可以点击这个兔兔按钮,显现一句”FAB Rabbit!”的提示。

写的过程很简单,由于其实它的本质仍是Button,不过是对其款式进行了不同的改动,有了质感和阴影,使其呈现出显现的作用。

兔兔按钮——安卓悬浮按钮

当然,咱们也可以去改动阴影作用的呈现程度:

app:elevation="8dp"

咱们在XML布局中该控件控制elevation特点,就能为FloatingActionButton指定一个高度,其中,高度值越大,投影范围越大,但投影作用越淡,而高度越小,投影范围越小,反而投影作用越浓。

总结

Material库的确让安卓许多控件作用不一样,但在咱们作业规划中仍是很少去用它的,由于它的共同作用在公司自己的UI规划师与产品眼中说不定最终还不如和IOS共同好。