Android 悬浮按钮之实现兔兔按钮示例

 更新时间:2023年02月09日 09:50:21   作者:ObliviateOnline  
这篇文章主要为大家介绍了Android 悬浮按钮之实现兔兔按钮示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前言

安卓的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一致好。

以上就是Android 悬浮按钮之实现兔兔按钮示例的详细内容,更多关于Android 悬浮兔兔按钮的资料请关注脚本之家其它相关文章!

相关文章

  • Android快速实现无预览拍照功能

    Android快速实现无预览拍照功能

    这篇文章主要为大家详细介绍了Android快速实现无预览拍照功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • Android实现截图和分享功能的代码

    Android实现截图和分享功能的代码

    截图和分享功能大家都玩过,下面通过本文给大家介绍Android实现截图和分享功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-07-07
  • 详解Flutter的路由导航

    详解Flutter的路由导航

    这篇文章主要介绍了Flutter的路由导航的相关资料,帮助大家更好的理解和学习使用Flutter,感兴趣的朋友可以了解下
    2021-04-04
  • Android自定义View实现环形进度条的思路与实例

    Android自定义View实现环形进度条的思路与实例

    最近看到豆瓣FM的音乐播放界面,有一个环形的进度条挺不错的,最近有空就想着实现了,所以下面这篇文章主要给大家介绍了Android自定义View实现环形进度条的思路与实例,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-04-04
  • 如何使用Flutter实现58同城中的加载动画详解

    如何使用Flutter实现58同城中的加载动画详解

    这篇文章主要给大家介绍了关于如何使用Flutter实现58同城中加载动画详的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-10-10
  • Android中去掉标题栏的几种方法(三种)

    Android中去掉标题栏的几种方法(三种)

    本文给大家带来了三种android去掉标题栏的方法,都非常不错,对android 去掉标题栏的方法感兴趣的朋友一起通过本文学习吧
    2016-08-08
  • Android实现定制返回按钮动画效果的方法

    Android实现定制返回按钮动画效果的方法

    这篇文章主要介绍了Android实现定制返回按钮动画效果的方法,涉及Android控件及动画的相关操作技巧,需要的朋友可以参考下
    2016-02-02
  • Android实现高亮搜索功能的示例

    Android实现高亮搜索功能的示例

    这篇文章主要介绍了Android实现高亮搜索功能的示例,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-05-05
  • Android开发之permission动态权限获取详解

    Android开发之permission动态权限获取详解

    这篇文章主要为大家详细介绍了Android开发之permission动态权限获取,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Android利用SurfaceView实现简单计时器

    Android利用SurfaceView实现简单计时器

    这篇文章主要为大家详细介绍了Android利用SurfaceView实现一个简单计时器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论