温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在Android中使用FloatingActionButton实现悬浮按钮

发布时间:2021-05-26 09:37:10 来源:亿速云 阅读:548 作者:Leah 栏目:移动开发

今天就跟大家聊聊有关如何在Android中使用FloatingActionButton实现悬浮按钮,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

圆形悬浮按钮

  implementation 'com.android.support:design:28.0.0'   implementation 'com.getbase:floatingactionbutton:1.10.1'

title 字体以及颜色的设置:

FloatingActionButton默认无法显示文字的情况,所以这里需要对其配置样式;

在res/value/style中添加:

<!--Here is the style of floatingactionbutton's title-->   <style name="floatingActionsMenu_fab_style">     <item name="android:background">@drawable/fab_label_background</item> //文字背景的样式     <item name="android:textColor">@color/text_color</item> //文字的颜色   </style>

这里是我的res/value/color的配置:

<!--floatingactionbutton's coclor--> <color name="white">#ffffff</color> <color name="text_color">#000000</color>

然后就到了最重要的部分

这里我们在drawable中添加自定义消灭了文件用于配置文字样式:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"   android:shape="rectangle" >    <!-- 填充的颜色 -->   <solid android:color="#FFffffff" />   <!-- 设置按钮的四个角为弧形 -->   <!-- android:radius 弧形的半径 -->   <corners android:radius="25dip" />    <!-- padding:Button里面的文字与Button边界的间隔 -->   <padding     android:bottom="15dp"     android:left="20dp"     android:right="20dp"     android:top="15dp" />    <!--设置描边-->   <stroke     android:width= "10dp"     android:color= "#00000000" /> </shape>

完成这些步骤之后只需在布局文件中调用即可:

这里是我的布局文件:

<com.getbase.floatingactionbutton.FloatingActionsMenu     android:id="@+id/multiple_actions"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     fab:fab_expandDirection="down"     fab:fab_labelStyle="@style/floatingActionsMenu_fab_style">     <com.getbase.floatingactionbutton.FloatingActionButton       android:id="@+id/action_a"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       fab:fab_size="mini"       fab:fab_title="按钮一" />     <com.getbase.floatingactionbutton.FloatingActionButton       android:id="@+id/action_b"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       fab:fab_size="mini"       fab:fab_title="按钮二" />     <com.getbase.floatingactionbutton.FloatingActionButton       android:id="@+id/action_c"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       fab:fab_size="mini"       fab:fab_title="按钮三" />   </com.getbase.floatingactionbutton.FloatingActionsMenu>

设置方法如代码第六行所示

FloatingActionButton基本使用:

/* 设置三个悬浮按钮的监听事件  */ // final FloatingActionButton actionA = (FloatingActionButton) findViewById(R.id.action_a); actionA.setOnClickListener(new View.OnClickListener() {   @Override   public void onClick(View view) {     //空   } }); //跳转到 FromPointToPoint 活动 final FloatingActionButton actionB = (FloatingActionButton) findViewById(R.id.action_b); actionB.setOnClickListener(new View.OnClickListener() {   @Override   public void onClick(View view) {     startActivityForResult(new Intent(MainActivity.this,FromPointToPoint.class),0x1);   } }); //弹出提示 final FloatingActionButton actionC = (FloatingActionButton) findViewById(R.id.action_c); actionC.setOnClickListener(new View.OnClickListener() {   @Override   public void onClick(View view) {     Toast.makeText(MainActivity.this,"dianjile",Toast.LENGTH_SHORT).show();   } });

Android是什么

Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。

看完上述内容,你们对如何在Android中使用FloatingActionButton实现悬浮按钮有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI