使用贝塞尔曲线绘制qq气泡，整个动画过程可分为4个过程：1、默认状态：此时显示一个气泡和一个消息框。2、连接状态：一个固定气泡（大小随着拖拽的长度变化而变化），一个移动气泡和它之上的消息框。3、分离状态，此时固定气泡消失，只有移动气泡（和它的消息框）随手指的移动而移动。4、消失状态：放开手指后气泡爆炸消失。将整个过程分割为这几个步骤，再分别实现每个步骤，整个过程就完成了！首先是默认状态，就是一开始
转载
2023-10-31 15:35:59
16阅读
可用数字有：11123441505354576062637077849396104107110114117129149181216238257272311336349398效果图展示如下： 使用方法： 复制链接地址给任意好友或者发送电脑，然后点击进去，进行设置后即可使用。 注：有些是活动获取的，可能会用不了。
转载
2023-10-25 18:21:54
21阅读
c# winform实现QQ聊天气泡界面，原理非常简单，通过webKitBrowser(第三方浏览器控件，因为自带的兼容性差)加载html代码实现，聊天界面是一个纯HTML的代码，与QQ的聊天界面可以比拟，很不错，因为是html所以扩展性非常大，点击发送按钮可以将文本框的文字加入聊天里，项目开发过程遇到几个难点都解决了，如：1、怎么在聊天新消息插入后将滚动条滚动到最底部，这里我网上搜索了webKi
转载
2023-06-19 21:10:21
233阅读
前言气泡框作为社交聊天软件的基本功能，想必大家都了解怎么实现了。但是像国内巨头腾讯旗下的QQ气泡(尤其是动态的)我想应该是没有几个。这里就为大家提供一种类似QQ动态气泡的解决方案(还不完善)。首先用到了一个第三方Lottie, airbnb做的一个专门做动画的东西。专门研究过动画的应该都知道或了解。简单讲就是通过插件将AE中画的动画转换成json文件，然后按照特定规则转换到页面上通过CABaseA
转载
2023-08-28 15:44:33
46阅读
因公司交友小程序有聊天模块，需要实现一个如同qq气泡的功能。如果在andriod开发平台的可以用“点九”实现：“点九”是什么：是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示，文件扩展为：.9.png。其实相当于把一张png图分成了9个部分（九宫格），分别为4个角，4条边，以及一个中间区域。如下图，在图
转载
2023-11-16 11:46:44
55阅读
此次的自定义View是仿qq消息列表，消息气泡拖拽效果。1.原理介绍：自定义view，绘制原始点圆，touch点圆，然后将两圆用贝塞尔曲线连接并填充。 2.应用WindowManager，将自定义view添加到屏幕中区，全屏布局，根据相关坐标，计算出目标view在屏幕中的坐标，并将目标view（消息气泡view）绘制到自定义view中。3，源码解析
1)按中目标view代码操作/**
# JavaScript QQ气泡实现教程
## 1. 整体流程
为了实现JavaScript QQ气泡效果，我们需要按照以下步骤进行操作：
```mermaid
journey
title 教学流程
section 创建HTML结构
section 编写CSS样式
section 编写JavaScript代码
```
## 2. 步骤及代码示例
###
原创
2024-03-26 06:55:31
379阅读
： 对于这么复杂的效果首先得要将它的功能进行拆解，首先先静止观察其效果： 两端可以
原创
2017-10-24 22:15:00
354阅读
QQ聊天界面好友来信息会有一个气泡显示多少条信息，如不看也可以拖拽让其消失。效果如下：分析：动画组成部分如下图 ⚠️重点 一、动画由三个部分组成 不动圆、可动圆、粘连部分（AB与CD是两个贝塞尔曲线）二、不动圆圆心e固定不动（可知） 可动圆圆心f就是手指滑动位置（可知）三、可拖拽的最大距离我们这里设置 可动圆半径的8倍四、不动圆的半径随着 可动圆 与 不动圆 距离变化而变化（没拖拽的时候与可动圆半
转载
2023-11-18 19:48:36
13阅读
参考： BubblePopupWindow：https://github.com/smuyyh/BubblePopupWindow PopupMenuView：https://github.com/kareluo/PopupMenuView Android仿QQ长按删除弹出框：项目中要实现类似QQ长按气泡弹窗的效果，GitHub上找了些项目太杂了，还有些在Android P上适配不好，于是站在巨人
转载
2024-01-29 12:16:25
153阅读
# Android实现QQ气泡拖拽教程
## 简介
在本教程中，我将教你如何在Android应用程序中实现类似QQ气泡拖拽的效果。这个效果可以让用户通过拖拽气泡来移动它，并且可以在放手的时候执行一些操作。
## 整体流程
下面是实现该功能的整体流程图：
```mermaid
flowchart TD
A(创建气泡) --> B(监听触摸事件)
B --> C(根据事件处理拖
原创
2023-12-08 03:26:23
74阅读
小伙伴们，你们是否已经发觉，曾经爱过的姑娘在不知不觉中已变了模样，曾经鲜艳的红领巾也不再飘荡于前胸，而曾经最熟悉的QQ电脑 UI，竟在不知不觉中改头换面了。没关系，少年，还不晚，今天，让我们携起手来，坐在高高的谷堆上，听我来数一数，这十五年来我们追过的 UI。1999 的那个秋，天还是蓝的，水还是绿的，丈母娘嫁女儿是不图你房的。1999 年，QQ 还被我们亲切的称呼：OICQ，将自己定义为中文网络
2007-05-21 19:17
QQ登陆画面的最小化显示机制(使程序不在任务栏显示) 怎么使自己的程序不在任务栏显示?去网上找一下答案,关于Delphi的无非是以下一句:SetWindowLong(Application.Handle, GWL_EXSTYLE, WS_EX_TOOWINDOW);在Application窗口的窗口属性中添加工具窗口属性,这样它就不会在任务栏显示了
转载
2023-11-18 14:43:40
11阅读
近期在写IM 聊天界面，想设计出一个类似QQ气泡聊天的样式使用了几种办法1：使用Qt以下的QListview来实现QQ类似效果。差强人意2：使用QWebview载入html css样式来完毕。发现效果不错，可是毕竟webview占用巨大的内存3：使用QTextBrower载入css，可是好像仅仅...
转载
2016-01-25 13:55:00
590阅读
2评论
#前言(可跳过) 我在开发自己的APP时遇到了一个类似于qq聊天消息气泡拖拽消息的需求，因为在网上没有找到相关的组件，所以自己动手实现了一下 需求：对聊天消息气泡拖拽到一定长度松开时该气泡会消失(可自行增加拖拽过程，以及消失的动画) 解决思路：触摸下聊天气泡时，以一种合理的方式确定该气泡是当前气泡所 ...
转载
2021-10-29 20:52:00
825阅读
2评论
因为公司业务原因，不能上传原始项目，这是简化版本。 临时设计的窗体和气泡样式，有需要可以重新设计。效果如下： 主要原理：一个TextBlock + 一个三角形 项目结构： -- Form1 窗体类 -- Item 控件类（气泡） Form1前端代码： #region Windows 窗体设计器生成的
原创
2022-03-08 11:44:25
1319阅读
在日常的Java开发中，遇到“弹气泡”问题是比较常见的。这种问题通常和内存管理、线程安全以及UI更新等方面有关。在这篇文章中，我将详细记录下如何解决这一问题的过程。
---
## 环境配置
首先，我们需要对开发环境进行配置。以下是我所使用的工具和版本：
```mermaid
mindmap
root
Java 11
Maven 3.6.3
IntelliJ ID
网上搜到的只有一篇是自定义的TextView，其使用比较麻烦，所以采用大众化的方法--使用9.png来实现。这里主要介绍sdk tool的draw9patch.bat的使用。这个bat执行文件打开后会打开draw9patch程序如下图:使用的话也比较简单，将文件拖放到程序中，对按住鼠标左键对其最边缘进行拖动，会出现黑线，如下图所示：其中黑线代表的意思是：解释：上面黑色条位置向下覆盖的区域表示图片横
转载
2024-01-05 15:20:41
37阅读
自上次分享了可视化互动平台中天气组件后，友友们都表示很有用，都可以运用到工作当中，非常方便。现在又出了很多新的组件，许多友友私信我出一篇单轴气泡图的使用教程，因为这个图表的使用场景简直太丰富了，例如人流量记录、股价监控、市场物品价格监控等等。既然友友们强烈要求，小编熬夜通宵也要把ta干出来。 按照惯例，为了让新人朋友们知道我们在说什么，我先来介绍一下。数据可视化平台，可以将各种数据报表分
转载
2023-12-12 14:09:08
98阅读
在百度地图和谷歌地图中，点击地图中某个要素便会以气泡的形式，显示出要素信息，在ArcEngine中亦可以气泡的样式显示文字信息，如下图所示：可以看出，实际上它是一个Element，绘制在Map控件中，它有文字部分和气泡背景部分构成，气泡背景是一个IBalloonCallout，它加上文字则可构成一个ITextElement效果就是上图所示，代码如下：1、创建气泡背景 /// <summary
转载
2023-06-06 10:50:19
9阅读
