仿ASSISTIVETOUCH效果的浮动层小球

最新推荐文章于 2022-04-28 15:48:47 发布
最新推荐文章于 2022-04-28 15:48:47 发布
阅读量2.1k 收藏
点赞数
分类专栏： web 前端
本文为博主原创文章，转载请注明本文链接。 https://home.cloudn.me/aff.php?aff=11525&gid=11
本文链接：https://blog.csdn.net/sunny_desmond/article/details/71403687
版权

最近在浏览张鑫旭大神的博客的时候，无意中发现了他开源的一个有趣的弹动小球效果的插件。如图所示：


看完demo效果之后满心欢喜，立马打算用在自己的项目中，然而，现实是这样的。。。


在可以的滚动的页面中滑动小球，将导致一些不可控的“意外”出现…如果有同学感兴趣的话可以去研究一下。。。

github地址 https://github.com/yued-fe/inertia



问问那只猫
关注
专栏目录
封装好的类似于 AssistiveTouch 的漂浮按钮
05-07
这个是 飘窗的高度封装，只需要在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 函数中调用一个方法，即可实现飘窗，并采用block回调，方便点击按钮后自定义弹框，可以将自定义弹框放到window 上实现自己的方法。用起来简单，粗暴 eg： //添加按钮 UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)]; view.backgroundColor = [UIColor redColor]; UIView *blue = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)]; blue.backgroundColor = [UIColor blackColor]; [HMYAssistiveControl createOnMainWindowWithCollapsedView:view andExpandedView:nil andBlockClickData:^(CGPoint pointTouch){ NSLog(@"click me is block!~ ha ha ha,在这类 写出你要的弹框效果即可 = %@",NSStringFromCGPoint(pointTouch)); } andIsStickyEdge:YES]; //如果是YES 就是 自动贴近边沿 如果是NO 则只是拖到哪就是哪 哈哈~ 方便
AssistiveTouch,仿IOS AssistiveTouch实现
10-22
AssistiveTouch,仿IOS AssistiveTouch实现，拿去用吧
iOS中全局悬浮按钮，类似IPhone中的AssistiveTouch
iosWorker的博客
01-22 9702
前提：当时看到别人写过这个类似AssistiveTouch的demo，但是有问题，第一改变不了位置、第二切换页面后无法使用、第三运行时偶尔会崩溃。然后自己就去度娘、论坛中都查了一些资料，然后结合起来写了这么一个demo。 思路：实现全局 需要在 AppDelegate.m 文件中 didFinishLaunchingWithOptions 方法里面实现 1、新建一个 继承于 UIWin
Html - 仿Ios assistiveTouch 悬浮辅助球工具
dicha7140的博客
03-26 247
仿Ios assistiveTouch 悬浮辅助球工具 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css...
JS仿ios按触效果
12-01
使用步骤 See end » 复制图片、导入样式与脚本 first 样式文件只有一行，脚本文件只有2358个字符长度，图片文件仅有jy_black.png。 图片文件请先粘贴在你的images文件夹下，样式脚本你可以单独引入，但更推荐把样式插入到你的通用样式文件中(注意背景图片的地址要正确)，把脚本全选复制到通用脚本中。 加上相应的class second 给按钮加上相应的class: lcp_down:根据当前元素的圆角设置反应到按触效果层 lcp_down2:以5px的圆角设置反应到按触效果层 lcp_down3:以50%的圆角设置反应到按触效果层 方法调用 third 调用方法对使用了lcp_down的class进行事件绑定。 该方法有一个参数(dom类型,默认body)，参数用于限定查找元素的范围--只在该dom元素下查找绑定； 此方法为即时绑定，对于未来元素无效，需要再次绑定。 注意事项 See end » 效果说明 1 此库仅用于webapp，对网站无效。 当然，只要改下事件，就能在网站上使用，但笔者认为这是一种多余的手段，就没做通用处理。 class的有效性 2 3个class的优先级按lcp_down,lcp_down2,lcp_down3递减，也就是说，如果一个dom元素上有多个class，则按优先级判定效果。 dom的有效性 3 由于是自定义div模拟按触效果，所以input等非闭合标签的按触效果无效！ 如果需要使用，请把input转化成div或其他需闭合标签。
安卓 仿AssistiveTouch 窗口浮动按钮
10-20
在安卓平台上，"仿AssistiveTouch 窗口浮动按钮"是一种常见的用户界面功能，类似于苹果iOS系统中的AssistiveTouch。这个功能为用户提供了一个便捷的入口，通过一个小巧的浮动按钮，用户可以快速访问各种常用操作或者...
android仿assistivetouch悬浮窗（带功能实现）
01-17
总的来说，创建一个仿 AssistiveTouch 的悬浮窗涉及到了Android的权限管理、窗口管理、自定义View以及事件处理等多个核心知识点。通过实践和学习这些概念，开发者可以构建出更加高效、便捷的用户体验。
仿AssistiveTouch，修改转发android
06-01
【标题】"仿AssistiveTouch，修改转发android" 是一个关于在Android平台上创建类似苹果设备上的AssistiveTouch功能的开发项目。AssistiveTouch是iOS系统中的一个辅助工具，提供快速访问常用功能和手势操作的浮动按钮...
android仿Assistive Touch悬浮按钮
08-05
本文将深入探讨如何在Android应用开发中创建这样一个仿Assistive Touch的悬浮按钮，以及在实现过程中可能遇到的问题和解决方案。 首先，我们要创建一个悬浮窗口服务（Floating Service）。这个服务将在应用后台运行...
用小程序做一个类似于苹果AssistiveTouch功能
weixin_34202952的博客
10-13 264
一、首先我先介绍一下，我们要做一个什么样的项目功能 项目功能就是一个音频点击播放，当点击为播放的状态时，一个音频的动图出现，而且是可以跟随着手指的滑动而滑动，而且，在滑动动图的时候，当前下的页面是不可以跟随着我的滑动而上下滚动，当停止滑动的时候，音频动图停靠在手机的左侧或者右侧，而当前下的页面是可以上下滚动的，功能介绍到此为止，下面...
悬浮球/悬浮按钮/辅助按钮（类似于iOS系统自带的AssistiveTouch/京东/聚划算/建行等的辅助按钮）.zip
09-20
悬浮球/悬浮按钮/辅助按钮（类似于iOS系统自带的AssistiveTouch/京东/聚划算/建行等的辅助按钮）.zip
仿苹果 js悬浮球.zip
11-25
仿苹果 手机端悬浮按钮 js悬浮球. 可以任意拖拽最终黏贴到屏幕最左边或者最右边 有啥问题可以留言.
模仿苹果虚拟悬浮按钮（自动靠边、可浮现任何界面上）
01-12
模仿苹果虚拟悬浮按钮（自动靠边、、倒计时背景变暗、可浮现任何界面上）
JavaScript漂浮的气球
m0_68102325的博客
04-28 1036
搭建基本结构 给布局添加css样式 3.js效果 1.给页面添加一个加载事件，接下来创建气球。 2.写一个封装函数，将气球的样式给封装起来 这是我所学到js的漂浮气球，所以我要分享给你们，希望可以帮助到你们。 以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！ ...
使用Hammer做一个类似于苹果手机多的AssistiveTouch一样的东西，可以随意拖动
qq_33852052的博客
07-13 628
首先先到GitHub上面下载该插件 导入对应的js文件。注：hammer是基于jQuery的，必须引入jQuery/zepto html文件结构如下 拖动 对应的css文件 #circleDiv{     width: 3.6667rem;     height:3.6667rem;     line-height: 3.6667rem;     text-align
js仿苹果手机屏幕可拖动图标AssistiveTouch
Owen的博客
03-13 942
$(document).ready(function () { var _x_start, _y_start, _x_move, _y_move, _x_end, _y_end, left_start, top_start; //按下 document.getElementById("id").addEventListene...
仿iPhone assistivetouch小工具实现详解0
eclipse_xu
03-20 5181
大家都知道iPhone下的assistivetouch这个小圆点 对，就是这个玩意儿 但是Android上没这玩意儿，所有今天我们就给Android上弄上一个这个玩意儿 看见没，和iPhone下的基本一样吧 我准备分几次讲这个项目的开发实例写出来，照例，今天搞定界面： 1、控制球界面 2、菜单界面 这些都不难，大家看下就懂了 控制球界面： <FrameL
仿ios桌面html代码,Html - 仿Ios assistiveTouch 悬浮辅助球工具(示例代码)
weixin_39731807的博客
05-31 226
.assistive-wrap{width: 58px;height: 58px;position: fixed;top:50%;margin-top: -29px;left: 1px;}.assistive-touch{width:100%;height:100%;background: #343434;border-radius: 10px;opacity: .3;position: rela...
仿ios touch按钮创建可随意拖动的悬浮按钮
liuye066的专栏
10-12 2037
WindowManager mWindowManager; WindowManager.LayoutParams wmParams; LinearLayout mFloatLayout; ImageView mFloatView; private void createFloatView() { //获取LayoutParams对象 wmParams = new WindowMa
微信小程序滑动操作详解：实现交互与assistivetouch功能
在疯狂早茶微信小程序基础篇《七》中，滑动操作是移动应用交互的重要组成部分。微信小程序默认提供了一系列与触控相关的事件，其中`touchmove`事件尤其关键，用于响应用户的滑动动作。通过在WXML（微信小程序标记...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

问问那只猫

老板大气~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值