文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

自定义View学习——仿QQ消息气泡拖拽黏连删除

该篇主要是对MessageBubbleView仿QQ消息控件的修改。因为我发现这个QQ消息气泡开源控件是规则的圆，所以稍加修改，对onDraw()绘画图形做了变动，更加接近于QQ气泡了。...需要的文件图片请从文中提供的MessageBubbleView仿QQ消息控件下载。...参考博客：仿 QQ 未读消息气泡，可拖拽删除，粘连效果 参考博客中的实现思路： 首先我们需要两个圆，一个是在原点不需要跟随手指的圆，一个是跟随手指的圆，当用户开始点击时，绘制跟随手指的圆和圆上的未读消息数量...用户松开手指时，同样对两圆之间的距离进行判断，如在最远距离内，被拖动的圆自行回到原点，如超过最远距离，则在手指释放位置播放删除动画。 废话不多说，先看一下效果图： ?...+ 5）/ 2 mPath = new Path(); if (centerRadius <= 2) { //如果不是第一次创建，上次的拖动删除会因为中心圆半径随着拖放变为零

2K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    利用d3.js对QQ群资料进行大数据可视化分析

    对于这种问题，普通关系型数据库的计算复杂度是O(N^c)左右或者更高，N为选择范围的数据集合大小，你好友数量加上好友的好友的数量等，c为关系层数。...图数据库的计算复杂度在O(N^2)左右或者更低，但是基本不会超过O(N^2)。...每个节点可以有很多自定义属性，在d3.js可以针对每个节点存取节点的属性，比如我定义num是QQ号或者群号，type代表节点是QQ还是群，另外我在js里设定在type==‘qun’的时候显示群的图标，是...首先，d3.js需要在浏览器里面运行，我的首选是Google Chrome，V8引擎的效率果然不错，在节点和关系不多的时候基本感觉不到延迟，后来在FF和IE11里面测试了一次，FF比Chrome卡一半左右...在下图中大家可以隐约的看到，所有的关系都是以QQ 10001为起点的。 ? 在图上节点是可以拖拽的，拖拽后会固定在你释放的地方。我们把几个群稍微拖的分开一点，关系就一目了然了 ?

    4.5K70

    QQ家园迷你屋单机版下载：复刻05年经典网页社区，像素风直接拉满

    QQ家园迷你屋单机版下载：复刻05年经典网页社区，像素风直接拉满 SEO关键词：QQ家园迷你屋单机版、QQ家园下载、腾讯QQ家园复刻版、像素风房屋装扮游戏、怀旧网页社区、QQ家园替代版、迷你屋单机版、...打开之后那种熟悉的像素背景和家具摆放界面，瞬间有点穿越回2005年左右的感觉。 很多老用户可能还有印象。...实际体验 最有意思的是： 它并不是简单截图，而是真的能拖拽家具进行编辑。 虽然目前： 不能联网 不能保存 功能比较基础 后续可能也不会继续更新 但对于怀旧来说已经非常够用了。...QQ家园当年有多火？ 很多年轻用户可能没接触过。 这里简单科普一下。 QQ家园是什么？ QQ家园是腾讯公司于2008年推出的手机端娱乐社区平台。...现在很多独立游戏其实都在刻意模仿这种风格。 但真正经历过那个时代的人，一眼就能看出来： 这就是早期腾讯网页社区的味道。 适合哪些人？

    32510

    纯 HTML 单文件实现类 Miro 实时协作白板原型——WorkBuddy 实战

    ，或鼠标中键）滚轮缩放（以鼠标位置为中心）缩放范围限制（10% ~ 400%）3.2 图形元素矩形、圆形、文本框、箭头连线拖拽移动、调整大小选中/多选/删除颜色与边框自定义3.3 协作模拟鼠标位置实时同步...元素可拖拽、选中、删除5....高质量 UI，深色主题4.2 第二步：迭代优化WorkBuddy 生成初版后，逐步提出优化需求："画布缩放时以鼠标位置为中心，不是以画布中心""选中元素时显示8个调整手柄""按 Delete 键删除选中元素...解决方法：CSS 用缩写属性JS 去除冗余注释（发布版）合并相似功能函数六、最终效果一个 800 行左右的 HTML 文件，双击浏览器打开即可使用：流畅的画布平移缩放直观的图形拖拽编辑专业感的深色 UI...零安装、零配置、零依赖七、总结WorkBuddy 在这个场景中的价值：快速出原型：从需求到可交互原型，迭代3轮即可用零环境配置：不需要 Node.js、不需要 npm install、不需要 webpack

    20410

    Z-blogPHP《小清新》至简至美个人博客主题模板，自适应加SEO优化

    2020/05/13 V、优化评论js代码，修改评论模板接口函数。 V、优化文章页文章推荐，删除阅读和评论数，修改成文章发布时间。 V、精简代码，提升网站打开速度！...2020/03/07 1.优化侧栏热门模块，模块管理-热门文章，拖拽到右侧侧栏，随意编辑文章，提交生成缓存文件即可。 2.优化网友反馈问题。 3.精简主题样式表和js文件。...2020/02/27 1.模块新增热门图文，需要关闭主题，重新启用才能出现新模块，模块管理，热门图文，拖拽到右侧侧栏即可。 2.修改和优化移动端菜单。...3.优化文章全局上下篇开关，左右空白区域显示上下篇，增加用户体验。 4.修改主题模板缩略图。 5.优化更新首页轮播图js代码，修复部分情况下360浏览器单击轮播不跳转的BUG。...然后顶部的QQ登录可以根据实际需求而定，需要插件来实现，安装免费的QQ登录插件，按照插件教程设置，然后将登录地址添加进去，保存就行了。

    5K20

    你见过微信侧滑返回的联动效果，但开门效果、百叶窗效果见过吗？

    2个方向，而DrawerConsumer支持上下左右4个方向 .addConsumer(new DrawerConsumer()) //设置横向(左右两侧)的抽屉为同一个view（常见的侧滑显示删除按钮的功能...它可以帮助我们处理控件的拖拽：先创建一个自定义ViewGroup，将被拖动的控件添加到这个自定义ViewGroup中，并用ViewDragHelper来处理控件的拖拽。...ViewDragHelper的主要作用是：拦截父容器的touch事件，捕获一个子控件来进行拖拽，通过改变这个子控件的left和top来将其在父容器中重新定位，从而达到拖拽的效果。...但是，ViewDragHelper的名称也表明它就是用来处理拖拽的，拖拽的对象必须是一个子View，在拖拽的过程中需要改变子控件的left和top，对于一些没有子View被拖拽的侧滑效果（例如：MIUI...系统的贝塞尔曲线侧滑返回效果、手机QQ的侧滑返回效果及MIUI官方app中的普遍使用了的弹性拉伸效果等等），却有点力有不逮。

    2.2K10

    【第三篇】商城系统-基础业务-实现类别管理

    如果出现如下错误 -Djps.track.ap.dependencies=false 添加相关配置即可 分类管理 1.后端分类接口 JDK8特性：https://blog.csdn.net/qq...http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许...http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http://www.a.com/a.js https://www.a.com.../b.js 同一域名，不同协议 不允许 http://www.a.com/a.js http://70.32.92.74/b.js 域名和域名对应ip 不允许 http://www.a.com/a.js...http://script.a.com/b.js 主域相同，子域不同 不允许 http://www.a.com/a.js http://a.com/b.js 同一域名，不同二级域名（同上） 不允许（cookie

    1.4K20

    获取任何小程序源码

    大神写的node.js版本的，当然也有其它版本的，这里我只是简单地用node.js版本举例 地址：https://github.com/qwerty472123/wxappUnpacker 3.安卓模拟器...、微信、RE管理器 QQ、微信在模拟器自带的应用商店里搜索下载安装即可 RE管理器的下载地址：https://pan.baidu.com/s/1PPBx08rNutXxhlMMJbuTpQ 下载好后直接拖拽进打开的模拟器窗口就会自动安装...发送到我的电脑 如果不进行压缩的话，是无法将这个文件通过QQ来发送的  所以QQ的这个功能可以让我们很方便的拿到源文件，而不必到电脑目录去找模拟器的文件目录。...那么请在详情里把基础版本库调低至1.5左右，再试试  3、出现找不到某些文件的情况怎么办？我只能告诉：删！删！删！...app.json  里面,提示找不到那个文件，就将pages下注册的该页面语句暂时删除掉。删  到可以运行为止  4、还是无法运行？那就自己想办法吧！

    6K30

    Android分享：Android侧滑原来可以这么优雅

    前言 侧滑手势在Android App应用得非常广泛，常见的使用场景包括：滑动抽屉、侧滑删除、侧滑返回、下拉刷新以及侧滑封面等。...来指定拖拽区域及捕获子控件的逻辑。...通过阅读ViewDragHelper的源码发现，它对view在父容器中的拖拽行为进行了封装，通过拦截父容器控件的手势事件，捕获需要拖拽的子控件，并实时根据手指的移动改变它的坐标，从而实现拖拽效果。...一行代码添加滑动透明效果 侧滑透明效果，侧滑后可显示被其遮挡的view，可用作侧滑删除，也可以用来制作封面效果 //侧滑删除 SmartSwipe.wrap(view) .addConsumer...一行代码添加开门效果 侧滑时，主view像开门一样从中间向两边(上下 或 左右)分开，透明显示它下层的视图 可用来制作封面、轮播图等 //用DoorConsumer实现百叶窗侧滑删除 SmartSwipe.wrap

    2.2K20

    Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

    更新说明（2020/07/02） V、优化精简js代码，改用css实现！ 更新说明（2020/06/16） V、优化商品模板QQ咨询无法唤醒QQ的问题。 V、修复文章归档模板错误的BUG。...改动信息较大，更新之后，前往模块管理-插件创建的模块-删除主题自带模板（不知道就都删除）然后重新启用主题，会生成新的模块，然后把模块拖拽到右侧对应侧栏即可。...V、完善自适应左右间距的展示效果。 更新说明（2019年/10/18）： V、更新网页div框架。...---、优化列表底部翻页JS代码，不会出现未加载时导致错位的BUG。 ---、优化部分php及js代码，删除冗余代码，提升网站打开速度。...更新数据调用缓存，需要重新启用主题，你可以直接点击启用主题（锦鲤），也可以先启用默认主题，然后在重新启用新主题（需要删除模块管理-主题自带插件的读者墙栏目，不要拖拽到右侧侧栏（如果侧栏有那么请移除），因为新版已经删除此代码

    5.5K30

    QQ 8.0改版策划故事

    它既能很好的展示进度信息，又可以平衡气泡内的信息密度，让QQ多样化的用户群都能对语音进度拖拽有更直觉化的操作。 ? ? 2. 准确or美——直观体验至上 -“声纹是程序直接生成的，难道还需要设计？”...不止拖拽，更要畅快感受 1. 更大的响应区域 -“点击拖拽是常规操作，调用系统交互就好了吧？” 拖拽的确常规，但是在功能之外，我们能否让用户的操作体验更畅快呢？...拖拽事件的触发范围由气泡本身扩大到气泡的外边缘区域。 ? 第二次放大：拖拽中，拖动行为的响应范围扩大到全屏。...var first_sceen__time = (+new Date());if ("" == 1 && document.getElementById('js_content')) { document.getElementById...('js_content').addEventListener("selectstart",function(e){ e.preventDefault(); }); } (function(){ if

    1.6K30

    点滴匠心，声入人心

    它既能很好的展示进度信息，又可以平衡气泡内的信息密度，让QQ多样化的用户群都能对语音进度拖拽有更直觉化的操作。 2. 准确or美——直观体验至上 -“声纹是程序直接生成的，难道还需要设计？”...不止拖拽，更要畅快感受 1. 更大的响应区域 -“点击拖拽是常规操作，调用系统交互就好了吧？” 拖拽的确常规，但是在功能之外，我们能否让用户的操作体验更畅快呢？...拖拽事件的触发范围由气泡本身扩大到气泡的外边缘区域。 第二次放大：拖拽中，拖动行为的响应范围扩大到全屏。一旦用户触发拖拽，系统将屏蔽聊天页面的所有操作，包括右滑返回、上下滚动和页面内的所有点击操作。...var first_sceen__time = (+new Date());if ("" == 1 && document.getElementById('js_content')) { document.getElementById...('js_content').addEventListener("selectstart",function(e){ e.preventDefault(); }); } (function(){ if

    1.2K40

    从零开始学 Web 之 HTML5（四）拖拽接口，Web存储，自定义播放器

    存储的容量 5MB 左右。 注意：sessionStorage 的存储特点： 这个数据本质是存储在当前页面的内存中，意味着其它页面和浏览器无法获取数据。...*/ document.querySelector("#removeData").onclick=function(){ /*在删除的时候如果key值错误，不会报错，但是也不会删除数据...2、删除数据的时候，如果 key 值错误，不会报错，但是也不会删除数据。 2、localStorage localStorage的使用： 存储的内容大概 20MB 大小 不同浏览器不能共享数据。...注意：jQuery中没有提供对视频播放控件的方式，所以如果使用jQuery操作元素，必须将其转为原生 js 的方式来调用这些方法。.../jquery.min.js"> $(function () { // 获取播放器文件 var video = $("video

    2.2K20

    Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

    更新说明（2020/07/02） V、优化精简js代码，改用css实现！ 更新说明（2020/06/16） V、优化商品模板QQ咨询无法唤醒QQ的问题。 V、修复文章归档模板错误的BUG。...改动信息较大，更新之后，前往模块管理-插件创建的模块-删除主题自带模板（不知道就都删除）然后重新启用主题，会生成新的模块，然后把模块拖拽到右侧对应侧栏即可。...V、完善自适应左右间距的展示效果。 更新说明（2019年/10/18）： V、更新网页div框架。...---、优化列表底部翻页JS代码，不会出现未加载时导致错位的BUG。 ---、优化部分php及js代码，删除冗余代码，提升网站打开速度。...更新数据调用缓存，需要重新启用主题，你可以直接点击启用主题（锦鲤），也可以先启用默认主题，然后在重新启用新主题（需要删除模块管理-主题自带插件的读者墙栏目，不要拖拽到右侧侧栏（如果侧栏有那么请移除），因为新版已经删除此代码

    4.3K40

    了解一下：如何把Word文档进行压缩？

    可以选择将需要操作的文件保存在一个文件夹中，便于方便后面的操作；如图：word中添加很多图片会使文件的大小变得很大，比如在一个word中添加了几张画质比较好的图片，图片的大小多为1M以上，那么word文件的大小就是10M左右...一个word文件十兆左右，非常不利于数据共享，处理起来也比较麻烦。 QQ截图20190308182111.png 如何将word文件的大小进行压缩呢？...可以移动鼠标选择页面上的栏目【特色转换】，在栏目下功能中包括了“Word压缩”功能； QQ截图20190308182601.png 接下来一步就可以选择将保存在文件夹的Word文件直接拖拽转换器中，这样就比较方便了...QQ截图20190308181748.png 点击“开始转换”按钮就可以进入到压缩的过程，在看到状态栏完成100就表示压缩成功，可以直接点击“打开”查看Word文件。...QQ截图20190308181817.png 查看文件的大小，鼠标右击文件点击属性即可看到，如图； QQ截图20190308181512.png

    1.3K00
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券