- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android干货
浅谈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
4.2K90发布于 2018-05-18 - 来自专栏灵儿的笔记
电话悬浮代码
<style type="text/css"> *{ margin:0; padding:0; list-style:none;} body{ font-size:14px;} .main{ width:0px; height:0px; position:fixed; bottom:150px; border:1px solid #b83b3b; background-color:#FFF;} .main2{ width:0px; height:0px; position:relative; padding:10px;} .main2 ul li{ width:100%; height:30px; line-height:30px; text-align:left;} .main2 ul li a{ color:#000; text-decoration:none;} .main2 ul li a:hover{ text-decoration:underline; color:#000;} .bar{ width:100px; height:105px; position:absolute; left:-100px; top:-1px; background:url(http://pic.kuaizhan.com/g2/M00/28/2D/wKjmqlXAH3aALlzfAAAcqLZkqM40852415) no-repeat; display:block;} </style> <body>
</body>1.6K10发布于 2020-06-23 - 来自专栏个人路线
Flutter全局悬浮按钮
), ), ), ); }), ); } 方法三 1.场景 现在需要做一个Test按钮，悬浮在所有页面之上 2.思路 1）悬浮按钮可以使用flutter提供的Overlay + OverlayEntry 组合实现 2）拖拽功能可以使用GestureDetector手势按钮或者Draggable实现（PS：我做了一版 ，把它包裹在MaterialApp外面，就可以实现悬浮在所有的组件之上的一个按钮啦（当然也可以不是按钮，具体样式可以自己定义）。 BuildContext context) { return LayoutBuilder( builder: (context, constraints) { // 显示悬浮按钮 addPostFrameCallback((_) => _insertOverlay(context)); return widget.child; }, ); } // 悬浮按钮
3K20发布于 2021-08-25 - 来自专栏前端文章小tips
Flutter 全局悬浮按钮
), ), ), ); }), ); } 方法三 1.场景 现在需要做一个Test按钮，悬浮在所有页面之上 2.思路 1）悬浮按钮可以使用flutter提供的Overlay + OverlayEntry 组合实现 2）拖拽功能可以使用GestureDetector手势按钮或者Draggable实现（PS：我做了一版 ，把它包裹在MaterialApp外面，就可以实现悬浮在所有的组件之上的一个按钮啦（当然也可以不是按钮，具体样式可以自己定义）。 BuildContext context) { return LayoutBuilder( builder: (context, constraints) { // 显示悬浮按钮 fontWeight: FontWeight.bold, ), ), ), ), ); } } 全局悬浮按钮
3.3K10发布于 2021-11-23 - 来自专栏Web前端
React 悬浮按钮组件 FloatingActionButton
悬浮按钮的作用悬浮按钮通常放置在屏幕的一角，旨在为用户提供快速访问重要操作的方式。例如，在笔记应用中，悬浮按钮可以用来添加新笔记；在社交应用中，它可以触发发布新动态的功能。2. 悬浮按钮位置不对齐悬浮按钮的位置非常重要，因为它直接影响到用户的操作体验。如果悬浮按钮没有正确对齐，可能会导致用户难以找到或点击它。 悬浮按钮在移动设备上显示不佳在不同尺寸的屏幕上，悬浮按钮的表现可能有所不同。特别是在移动设备上，屏幕较小，悬浮按钮可能会显得过大或位置不合适。 悬浮按钮的颜色和主题不一致为了让悬浮按钮更好地融入整体设计风格，其颜色应该与应用程序的主题相匹配。如果不注意这一点，悬浮按钮可能会显得突兀，影响视觉美感。 过度使用悬浮按钮虽然悬浮按钮非常有用，但并不是每个页面都需要它。过度使用悬浮按钮可能导致界面混乱，降低用户体验。避免方法：只在确实需要快速访问关键操作的地方使用悬浮按钮。
3.3K10编辑于 2024-12-27 - 来自专栏React Native开发圈
React Native悬浮按钮组件
React Native悬浮按钮组件：react-native-action-button，纯JS组件，支持安卓和IOS双平台，支持设置子按钮，支持自定义位置和样式和图标。 效果图 ? 示例代码 <View style={styles.container}> <Text style={styles.welcome}> 悬浮按钮组件示例
3.7K20发布于 2018-08-03 - 来自专栏Android开发与分享
【Android】RecyclerView：打造悬浮效果
悬浮效果 先看个效果 效果 这是一个City列表，每个City都有所属的Province，需要在滑动的时候，将对应的Province悬浮在顶部。 悬浮顶部的Province需要根据列表的滑动而适当改变位置，实现“顶上去”的效果。 效果 （详情代码见底部链接） 打造悬浮效果 这是一个城市列表，根据省份分组，相同的城市只会显示一个省份。滚动城市列表时，省份会悬浮在顶部。 到目前为止，一个带有悬浮功能的列表就实现了。 （详细代码见底部链接） -- 进阶 当我们利用ItemDecoration实现文字的悬浮的时候，是不是还可以搞点事情~ ~我有个大胆的想法 只有文字的悬浮怎么行！我还希望可以再来个icon？
3.5K100发布于 2018-05-18 - 来自专栏lib库
悬浮窗开发设计实践
3.1 业务思考点分析3.2 关键技术要点3.3 应用悬浮窗3.4 添加浮窗源码流程3.5 理解WMS原理3.6 拖拽回弹吸附04.开发重要步骤4.1 悬浮窗实现流程4.2 请求悬浮窗权限4.3 初始化悬浮窗 ，点击悬浮窗回到通过页面，悬浮窗消失。 市面上常见的悬浮窗，如微信视频通话功能，有如下特点：整屏页面能切换到一个小的悬浮窗；悬浮窗能运行在其他app上方；悬浮窗能跳回整屏页面，并且悬浮窗消失需求悬浮窗效果点击缩小按钮，将当前远端视屏加载进悬浮窗 ，且悬浮窗可拖拽，不影响其他界面焦点；点击悬浮窗可返回原来的Activity1.2 遇到问题什么是悬浮窗全局悬浮窗在许多应用中都能见到，点击Home键，小窗口仍然会在屏幕上显示。 x值用于确定悬浮窗的位置，如果要横向移动悬浮窗，就需要改变这个值。y值用于确定悬浮窗的位置，如果要纵向移动悬浮窗，就需要改变这个值。width值用于指定悬浮窗的宽度。
3.7K40编辑于 2022-11-18 - 来自专栏web前端技术分享
移动端解决悬浮层（悬浮header、footer）会遮挡住内容的方法
实现原理很简单，就是在navbar-fixed-top和navbar-fixed-bottom使用了position：fixed属性，并且设置navbar-fixed-top的top值为0,而navbar-fixed-bottom的bottom值为0。具体的源码如下：
1.7K10编辑于 2022-05-05 - 来自专栏方球
hoverHook vue 鼠标悬浮 Hook
/boolHook' /** * dom 鼠标悬浮事件 hook * @param { { dom, onEnter, onLeave } } options 配置 dom 初始绑定dom
1.5K20发布于 2020-04-09 - 来自专栏我的csdn
网页中添加悬浮窗
在网页中添加悬浮窗，自适应手机电脑平板，码如下：
< 2.3K10发布于 2020-07-14来自专栏Android NoteAndroid-悬浮窗效果FloatingView
前言 之前有写录制视频的小demo，有同学反映要添加浮窗View，这样录制的时候就不需要来回切换当前的页面。所以，这里我晚上花了点时间写了一个FloatingView。 老规矩，先看图 这里我们需要用
3K30发布于 2018-07-02来自专栏Java工程师成长之路uni-app悬浮框模板
1. uni-app悬浮框模板 1.1. 目标 模仿饿了吗app的悬浮框效果，即上移过程中，中间的某个组件框到顶部后不再上移，呈类似置顶的效果 1.2.
1.8K20发布于 2019-09-10来自专栏完美Excel在Excel中创建悬浮图
标签：Excel图表技巧 有时候，我们想将图表中的数据列悬浮呈现。本文介绍如何实现这样效果的技巧。 原始数据及想要创建的图表如下图1所示。 一个名为“隐藏”的列，计算出悬浮的高度，也就是前面显示的柱状的高度之后；一个名为“显示”的列，即绘制的可见柱状的高度。
2.9K50编辑于 2023-10-05来自专栏Android机器圈自己做悬浮拖拽按钮依赖
PS：悬浮拖拽按钮的使用也是非常广的，就比如说上一个网站的时候就会弹出一个对话框，对话框可以随意拖动，那么安卓手机上可以实现吗，答案是可以的，这就用到了自定义view的按压点击等事件，本文的例子比较简单是继承 onTouchEvent()的重写 MotionEvent.ACTION_DOWN: MotionEvent.ACTION_MOVE: MotionEvent.ACTION_UP: 当手指按下的时候记住悬浮按钮屏幕所在位置作为起始位置
1.9K30发布于 2018-07-04来自专栏编程微刊css实现悬浮效果的阴影
要实现的效果图： 图片.png 实现的代码： -webkit-box-shadow:0px 3px 3px #c8c8c8 ; -moz-box-shadow:0px 3px 3px #c8c8c8
3K41发布于 2018-05-31来自专栏向治洪React Native悬浮效果组件
今天给大家讲的是一个可以实现悬浮效果的组件，效果如下： 该库的源码地址为：https://github.com/mastermoo/react-native-action-button 安装
1K30编辑于 2022-11-30来自专栏全栈程序员必看CSS鼠标悬浮及其样式
hover鼠标悬浮的使用和定义用法 示例 选择鼠标指针浮动在其上的元素，并设置其样式： .box:hover{ background-color: red; } 定义和用法 : 鼠标悬浮样式 这里我们要用cursor属性 cursor 属性规定要显示的光标的类型（形状）。 1、default 默认光标(通常是一个箭头) 2、auto 默认。浏览器设置的光标。
5.4K30编辑于 2022-09-04来自专栏Devops专栏GitBook - 插件安装 - 悬浮目录
page-toc-button 在book.json中添加以下内容。然后执行gitbook install { "plugins" : [ "page-toc-button" ] } 可选配置： { "plugins" : [ "page-toc-button" ], "pluginsConfig": { "page-toc-button": { "maxTocDepth": 2, "minT
2.6K10发布于 2019-05-30来自专栏钻芒博客右侧悬浮菜单悬浮窗 css+html css自动判断PC显示手机端隐藏
--右侧悬浮菜单 開始--><style>/*footer*/.elevator_item .hd-time-limited { display: block; position: fixed --右侧悬浮菜单 結束-->html<!
4.2K10编辑于 2023-05-16腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号