悬浮按钮FloatingActionButton

FloatingActionButton也是Design Support 提供的一个控件,FloatingActionButton不属于主界面的一部分,而是位于另外一个维度。

别忘了添加闭包

compile ‘com.android.support:design:25.0.0‘

代码运用如下,

<android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"位置在屏幕的下部,end根据语言确定是屏幕左下角还是右下角
            android:layout_margin="25dp"       app:elevation="8dp"设置高度,值越大,投影范围越大,投影效果越淡
            android:src="@drawable/done" />

为FloatingActionButton设置点击事件,现获取控件实例,这里使用了一个SnackBar,功能和Toast基本相同,不过比Toast多了一个可以点击功能,

 FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {第一个参数是视图,传入当前页面的任意一个View都可以,Snackbar会利用View找到最外层布局。用于展示Snackbar,第一个是Snackbar展示的内容,第三个是展示的市场。如何在添加一个Action,可以和用户进行交互,.setAction欧两个参数,第一是一个按钮显示文字,可以点击,第二个就是添加的监听事件。最后不要忘记调用.show(),让Snackbar显示出来。
                Snackbar.make(v, "删除", Snackbar.LENGTH_SHORT).setAction("撤销", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this, "撤销删除", Toast.LENGTH_SHORT).show();
                    }
                }).show();
            }
        });
时间: 2024-10-12 16:24:29

悬浮按钮FloatingActionButton的相关文章

Android FloatingActionButton(FAB) 悬浮按钮

FloatingActionButton 悬浮按钮                                                                                                                                  -------部分资料从网上查找的,如果不妥,请留言通知我更改! 1)布局文件 app:backgroundTint - 设置FAB的背景颜色. app:rippleColor - 设置FA

android ——悬浮按钮及可交互提示

一.悬浮按钮 FloatingActionButton是Design Support中的一个控件,它会默认colorAccent作为按钮的颜色,还可以给按钮一个图标. 这是没有图标的,这是有图标的. 然后布局文件这样写: <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:lay

CoordinatorLayout与ListView协同让FAB悬浮按钮从底部消失及出现

CoordinatorLayout协同布局在一般只结合RecyclerView和NestedScrollView使用,如果我使用ListView没有效果的.但是,由于业务原因使用ListView,有需要实现协同的效果怎么办? 其实分析RecyclerView和NestedScrollView的源码可以知道,他们都实现了一个接口NestedScrollingChild,所以我们可以自定义ListView,实现NestedScrollingChild接口就好.当然除此外,google还提供了一个AP

css3代码实现的鼠标悬浮按钮效果代码实例

css3代码实现的鼠标悬浮按钮效果代码实例:在css3之前,鼠标悬浮于按钮之上,无非是设置按钮的大小.字体颜色或者背景图片等简单的项目,但是css3的出现,可以让设置变得丰富多彩,下面就是一个css3实现的此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://

Android用悬浮按钮实现翻页效果

今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子. 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.LayoutParams.那么在AndroidManifest.xml中添加权限: ? 1 <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 然后,我们要对WindowManager,WindowManager.La

tableView添加悬浮按钮button添加悬浮窗

如何给tableView添加一个悬浮的按钮? 恐怕没有想象的那么简单! 最近在公司做项目时,产品经理有一个需求就是在一个 tableView上 加一个悬浮的按钮, 尝试了很多方案之后我终于找到了一个通用的可行的方案! 最终效果图: 滑动tableView之后的效果是: 可以 看到,我们实现了 悬浮的效果,随着tableView的滑动,悬浮按钮并没有随之儿而滚动! 受到这个启发,我们应该可以在 tableView上面,可以根据实际情况添加一个 悬浮的 置顶按钮,提高用户体验! 首先说一下方案的选取

iOS开发——悬浮按钮

项目中需要在创建一个悬浮按钮,自己觉得光创建一个按钮不能滑动有点不太优化,就自己试着做了一个可以随意拖动的悬浮按钮,希望大家能够多多支持. -(void)viewDidLoad { //创建悬浮按钮 self.editEventsButton=[UIButton buttonWithType:UIButtonTypeCustom]; self.editEventsButton.frame=CGRectMake(0, 0, 60, 60); [self.editEventsButton setBa

Framework7新版学习笔记之 升级版悬浮按钮

一:悬浮按钮 悬浮按钮是一种有着特殊UI效果的按钮,它看起来就像悬浮在界面之上一样. 悬浮按钮点击时通常会展开一系列的选项按钮,十分酷炫. 新版F7中的悬浮按钮不仅仅是Material Design特有了,而是一种通用的UI控件. 二:悬浮按钮种类 1)按照它在界面中的位置来分类: fab-right-bottom fab-center-bottom fab-left-bottom fab-right-center fab-center-center fab-left-center fab-ri

小程序悬浮按钮进入内页

wxml: <!-- 小程序悬浮按钮进入内页 --> <navigator class="set_button" url='../set/set' hover-class='none'> <image class="set_image" src="/images/set.png"></image> </navigator> wxss: .set_button{ background-co