Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Android之FloatingActionButton使用

Android之FloatingActionButton使用

作者头像
yechaoa
发布于 2022-06-10 02:59:19
发布于 2022-06-10 02:59:19
52600
代码可运行
举报
文章被收录于专栏:移动开发专栏移动开发专栏
运行总次数:0
代码可运行

FloatingActionButton悬浮按钮。

继承自ImageView,配合CoordinatorLayout一起使用。

1.引用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
compile 'com.android.support:design:24.2.1'

2.布局

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/ll_goods_list_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_go_to_cart"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="bottom|right"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/cart_white"
        android:visibility="visible"
        app:backgroundTint="@color/blue"
        app:elevation="0dp"
        app:pressedTranslationZ="0dp"
        app:borderWidth="0dp"
        app:rippleColor="@color/gray" />

</android.support.design.widget.CoordinatorLayout>

3.属性

app:backgroundTint="@color/blue" //背景颜色 app:elevation="0dp" //默认状态下的阴影大小 app:pressedTranslationZ="0dp" //点击状态下的阴影大小 app:borderWidth="0dp" //边宽,上下兼容,设置0dp app:rippleColor="@color/gray" //点击时的背景颜色 app:layout_anchor //设置锚点,即以哪个控件为参照点设置位置。 app:layout_anchorGravity //设置相对锚点的位置,值有 bottom、center、right、left、top等。 app:fabSize //按钮大小,normal和mini

Github:https://github.com/yechaoa/MaterialDesign

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-03-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
MaterialDesign之FloatingActionButton
就是上面这样了,忘说了一件很重要的事情……FloatingActionButton的监听就是最原始的监听!!!接下来到了重头戏了
蜻蜓队长
2018/08/03
7460
MaterialDesign之FloatingActionButton
Android材料设计之FloatingActionButton+Snackbar+SheetX3
本文把几个小东西讲一下 FloatingActionButton:浮动按钮 Snackbar:底弹框 BottomSheet:底抽屉 BottomSheetDialog :抽屉对话框 Bot
张风捷特烈
2018/12/19
1K0
浅谈FloatingActionButton(悬浮按钮)
一、介绍 这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性 android.support.design.widget.FloatingActionButton 二、使用准备, 在as 的 build.grade文件中写上 compile 'com.android.support:design:22.2.0' 三、使用说明 xml文件中,注意蓝色字体部分 <android.support.design.widget.FloatingActionButton
听着music睡
2018/05/18
3.7K0
Floating Action Button-Android M新控件
浮动操作按钮 (简称 FAB) 是: “一个特殊的promoted操作案例。因为一个浮动在UI之上的圆形图标而显得格外突出,同时它还具有特殊的手势行为”
小小工匠
2021/08/16
1.6K0
一个Demo学会用Android兼容包新控件
伟大的Google为Android推出了一系列的兼容包,最新的就是Design Support Library了,这里我们结合v7和v4中的几个控件,来主要学习Design Support Library中的几个新控件!一个Demo学会用它们!
GitOPEN
2019/01/29
1.7K0
一个Demo学会用Android兼容包新控件
动画必须有(二):悬浮菜单了解一下!
前言 悬浮按钮是我非常喜欢的, 可以把最关键的功能放入到悬浮按钮中. 比如日记app里的新建日记, 阅读类app里的喜欢. 稍微处理一下可以将悬浮按钮扩展成悬浮菜单, 来看下实现吧! github直
sean_yang
2018/09/04
1.8K0
动画必须有(二):悬浮菜单了解一下!
Snackbar-Android M新控件
Snackbar 是 Android design support library 中的另一个组件。使用 Snackbar,可以在屏幕底部快速的显示一条消息,大体与 Toast 相同,但多了几分灵活性:
小小工匠
2021/08/16
8440
Android开发笔记(一百三十四)协调布局CoordinatorLayout
Android自5.0之后对UI做了较大的提升,一个重大的改进是推出了MaterialDesign库,而该库的基础即为协调布局CoordinatorLayout,几乎所有的design控件都依赖于该布局。协调布局的含义,指的是内部控件互相之前的动作关联,比如在A视图的位置发生变化之时,B视图的位置也按照某种规则来变化,仿佛弹钢琴有了协奏曲一般。 使用CoordinatorLayout时,要注意以下几点: 1、导入design库; 2、根布局采用android.support.design.widget.CoordinatorLayout; 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"; CoordinatorLayout继承自ViewGroup,实现效果类似于RelativeLayout,若要指定子视图在整个页面中的位置,有以下几个办法: 1、使用layout_gravity属性,指定子视图在CoordinatorLayout内部的对齐方式。 2、使用app:layout_anchor和app:layout_anchorGravity属性,指定子视图相对于其它子视图的位置。其中app:layout_anchor表示当前以哪个视图做为参照物,app:layout_anchorGravity表示本视图相对于参照物的对齐方式。 3、使用app:layout_behavior属性,指定子视图相对于其它视图的行为,当对方的位置发生变化时,本视图的位置也要随之相应变化。 下面是使用anchor方式定义子视图方位的截图,其中红色方块位于整个页面的右上方:
aqi00
2019/01/18
2.3K0
一篇博客让你了解Material Design的使用
Material Design是Google设计的一套视觉语言,将优先的经典的设计原理与科技创新相结合,为开发者提供一套完成视觉和交互设计规范。移动设备是这套设计语言的基础对象,让用户在不同的平台、不同尺寸的设备上能保持一致的体验。 Material Design强调交互上的即时反馈,即对于用户的触控等行为app需要给出即时的反应。同时Material Design要求应用给用户带入感,让用户在使用时是沉浸在当前的应用当中。例如Google给出了沉浸式状态栏等“工具”,希望通过改变StatusBar和NavigationBar来给用户更强的融入感,专注于应用本身提供的内容。 Google从动画、颜色、样式、触控反馈、布局等多个方面给出了Material Design的设计要求。无论是单一的控件还是图文布局,Google都给出了明确的设计说明,有兴趣的同学可以去上方提到的官方链接处做进一步了解。
老马的编程之旅
2022/06/22
3.6K0
Android材料设计之Behavior攻坚战
接触目标view时才会回调:onStartNestedScroll 加了layout_behavior的View是child
张风捷特烈
2018/12/21
1.3K0
Android Material Design系列之FloatingActionButton和Snackbar
今天主讲的Material Design系列的两个控件都不难,所以一起讲了,分别是FloatingActionButton和Snackbar。这个系列都是主讲的Material Design风格的控件,所以都是控件的一些基本使用,也会扩展讲一些与这个控件相关的东西和效果,如果都会了的同学,可以不看这个系列。当然看一下也没啥,再巩固一下知识点也挺好的。 FloatingActionButton FloatingActionButton从本质讲就是一个ImageView,从FloatingActionButto
非著名程序员
2018/02/02
2.2K0
Android Material Design系列之FloatingActionButton和Snackbar
Android--AppBarLayout、CollapsingToolbarLayout组合使用
通常AppBarLayout和CollapsingToolbarLayout是一起使用的,也就是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar常常是组合应用的,AppBarLayout能够赋予Toolbar显示和消失的功能,而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLayout下只能有一个控件,而CollapsingToolbarLayout需要包裹Toolbar外,还支持包裹其
aruba
2020/07/03
3.7K0
Android--AppBarLayout、CollapsingToolbarLayout组合使用
【Android】这效果,我没法描述
前言 最近接到一个需求,这需求让我表示很尴尬。(下面是一些废话) 要求的效果是这样的,顶部有部分悬浮,接着是一些布局,在下面是几个可切换的Tab页面,然后滚动的时候~~吧啦吧啦吧啦吧啦~~ 还是
Gavin-ZYX
2018/05/18
1.1K0
Material Design 实战 之第四弹 —— 卡片布局
首先这里准备用CardView来填充主题内容, CardView是用于实现卡片式布局效果的重要控件,由appcompat-v7库提供。 实际上,CardView也是一个FrameLayout,只是额外提供了圆角和阴影等效果,看上去会有立体的感觉。
凌川江雪
2018/10/09
2.4K0
Material Design 实战 之第四弹 —— 卡片布局
Android--CoordinatorLayout基本使用
CoordinatorLayout是在desgin包下的一个用于协调子控件的组件,可以解决绝大部分滑动联动问题,使用方法也很简单,为观察者注册一个Behavior,在Behavior指定要监听的控件(
aruba
2020/07/03
1.1K0
Android--CoordinatorLayout基本使用
CoordinatorLayout使用浅析
CoordinatorLayout是design包中的控件,作为外层控件可以协调子控件从而实现炫酷的效果等。
yechaoa
2022/06/10
3930
CoordinatorLayout使用浅析
自定义Behavior —— 仿知乎,FloatActionButton隐藏与展示
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/53453958
程序员徐公
2018/09/18
1.1K0
自定义Behavior —— 仿知乎,FloatActionButton隐藏与展示
第14章 使用Kotlin 进行 Android 开发(2)
我们使用 fastjson 来解析这个数据。在 app 下面的 build.gradle中添加依赖
一个会写诗的程序员
2018/08/17
1.2K0
第14章 使用Kotlin 进行 Android 开发(2)
Material Design 在 Android 中的应用
我刚来这个公司的时候,每个周三都会有分享会,主题自定,分享对象尽量是面向大众,一开始觉得不错,但是到后面发现分享的内容不是那么有营养,而且积极性不是很高,都是当做任务进行分享。 程序员因为较为腼腆,分享的人较少,大部分都是客户部、分析部或者推广部的分享,久而久之,氛围就比较消极。
蜻蜓队长
2018/08/03
1.5K0
Material Design 在 Android 中的应用
细说 AppbarLayout,如何理解可折叠 Toolbar 的定制
Material Design 是个好东西,它的出现使得 Android 也能定制高颜值的界面,并且指导了如果实现复杂炫丽的交互效果,而 Android Surpport Desgin 这个支持包就是 Android 官方对 Material Design 的代码实现。
Frank909
2019/01/14
3.4K1
相关推荐
MaterialDesign之FloatingActionButton
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验