小伙伴们，你们是否已经发觉，曾经爱过的姑娘在不知不觉中已变了模样，曾经鲜艳的红领巾也不再飘荡于前胸，而曾经最熟悉的QQ电脑 UI，竟在不知不觉中改头换面了。没关系，少年，还不晚，今天，让我们携起手来，坐在高高的谷堆上，听我来数一数，这十五年来我们追过的 UI。1999 的那个秋，天还是蓝的，水还是绿的，丈母娘嫁女儿是不图你房的。1999 年，QQ 还被我们亲切的称呼：OICQ，将自己定义为中文网络
前言气泡框作为社交聊天软件的基本功能，想必大家都了解怎么实现了。但是像国内巨头腾讯旗下的QQ气泡(尤其是动态的)我想应该是没有几个。这里就为大家提供一种类似QQ动态气泡的解决方案(还不完善)。首先用到了一个第三方Lottie, airbnb做的一个专门做动画的东西。专门研究过动画的应该都知道或了解。简单讲就是通过插件将AE中画的动画转换成json文件，然后按照特定规则转换到页面上通过CABaseA
转载
2023-08-28 15:44:33
46阅读
QQ聊天界面好友来信息会有一个气泡显示多少条信息，如不看也可以拖拽让其消失。效果如下：分析：动画组成部分如下图 ⚠️重点 一、动画由三个部分组成 不动圆、可动圆、粘连部分（AB与CD是两个贝塞尔曲线）二、不动圆圆心e固定不动（可知） 可动圆圆心f就是手指滑动位置（可知）三、可拖拽的最大距离我们这里设置 可动圆半径的8倍四、不动圆的半径随着 可动圆 与 不动圆 距离变化而变化（没拖拽的时候与可动圆半
转载
2023-11-18 19:48:36
13阅读
# Android实现QQ气泡拖拽教程
## 简介
在本教程中，我将教你如何在Android应用程序中实现类似QQ气泡拖拽的效果。这个效果可以让用户通过拖拽气泡来移动它，并且可以在放手的时候执行一些操作。
## 整体流程
下面是实现该功能的整体流程图：
```mermaid
flowchart TD
A(创建气泡) --> B(监听触摸事件)
B --> C(根据事件处理拖
原创
2023-12-08 03:26:23
74阅读
使用贝塞尔曲线绘制qq气泡，整个动画过程可分为4个过程：1、默认状态：此时显示一个气泡和一个消息框。2、连接状态：一个固定气泡（大小随着拖拽的长度变化而变化），一个移动气泡和它之上的消息框。3、分离状态，此时固定气泡消失，只有移动气泡（和它的消息框）随手指的移动而移动。4、消失状态：放开手指后气泡爆炸消失。将整个过程分割为这几个步骤，再分别实现每个步骤，整个过程就完成了！首先是默认状态，就是一开始
转载
2023-10-31 15:35:59
16阅读
可用数字有：11123441505354576062637077849396104107110114117129149181216238257272311336349398效果图展示如下： 使用方法： 复制链接地址给任意好友或者发送电脑，然后点击进去，进行设置后即可使用。 注：有些是活动获取的，可能会用不了。
转载
2023-10-25 18:21:54
21阅读
因公司交友小程序有聊天模块，需要实现一个如同qq气泡的功能。如果在andriod开发平台的可以用“点九”实现：“点九”是什么：是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示，文件扩展为：.9.png。其实相当于把一张png图分成了9个部分（九宫格），分别为4个角，4条边，以及一个中间区域。如下图，在图
转载
2023-11-16 11:46:44
55阅读
作者：@的小熊
好久没有更新过博客了,最近公司比较忙，老项目需要换Swift重写，用了一周左右的时间 学习了下Swift，目前正在改写旧项目，个人对Swift爱不释手，感觉取代OC就这一两年内的事，不过老的iOS开发者也不需要担心，会OC转 Swift真的像切菜一样简单，只需要熟悉下语法就可以，函数和OC的基本差不多，基本看个4，5个小时就可以直接上手Swift开发项目，中间不熟悉的 写法只需
转载
2023-08-01 22:54:06
9阅读
c# winform实现QQ聊天气泡界面，原理非常简单，通过webKitBrowser(第三方浏览器控件，因为自带的兼容性差)加载html代码实现，聊天界面是一个纯HTML的代码，与QQ的聊天界面可以比拟，很不错，因为是html所以扩展性非常大，点击发送按钮可以将文本框的文字加入聊天里，项目开发过程遇到几个难点都解决了，如：1、怎么在聊天新消息插入后将滚动条滚动到最底部，这里我网上搜索了webKi
转载
2023-06-19 21:10:21
233阅读
# JavaScript QQ气泡实现教程
## 1. 整体流程
为了实现JavaScript QQ气泡效果，我们需要按照以下步骤进行操作：
```mermaid
journey
title 教学流程
section 创建HTML结构
section 编写CSS样式
section 编写JavaScript代码
```
## 2. 步骤及代码示例
###
原创
2024-03-26 06:55:31
379阅读
QQ或微信发消息功能设计用例总的功能点有：消息内容、发送键、用户状态、网络情况，群聊或单聊1.消息内容类型：纯文字、纯图片、纯表情、文字+表情、文件2.发送键：点击“发送”键发送、使用快捷键发送（电脑端）3.用户在线状态：在线和离线4.网络情况：网络正常、网络异常5.群聊情况：@功能（个人、多个人、全部）、提醒功能（被人@到时，进入群聊是否提示有人@）综合以上测试用例：1.单聊：发送文字/表情/图
转载
2023-08-21 17:16:44
18阅读
： 对于这么复杂的效果首先得要将它的功能进行拆解，首先先静止观察其效果： 两端可以
原创
2017-10-24 22:15:00
354阅读
今天做消息推送功能时，业务要求当用户收到推送消息时 信封消息角标需要显示数字气泡提醒 ，其实想想 微信 、QQ收到消息时就是这么实现的 既然有设计样板 那么我们想想该如何实现。I. 最容易想到的是采用布局文件实现，比如FrameLayout 采用层叠的方式 如代码：<FrameLayout
转载
2023-07-30 15:59:30
629阅读
#前言(可跳过) 我在开发自己的APP时遇到了一个类似于qq聊天消息气泡拖拽消息的需求，因为在网上没有找到相关的组件，所以自己动手实现了一下 需求：对聊天消息气泡拖拽到一定长度松开时该气泡会消失(可自行增加拖拽过程，以及消失的动画) 解决思路：触摸下聊天气泡时，以一种合理的方式确定该气泡是当前气泡所 ...
转载
2021-10-29 20:52:00
825阅读
2评论
此次的自定义View是仿qq消息列表，消息气泡拖拽效果。1.原理介绍：自定义view，绘制原始点圆，touch点圆，然后将两圆用贝塞尔曲线连接并填充。 2.应用WindowManager，将自定义view添加到屏幕中区，全屏布局，根据相关坐标，计算出目标view在屏幕中的坐标，并将目标view（消息气泡view）绘制到自定义view中。3，源码解析
1)按中目标view代码操作/**
参考： 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阅读
下载Demo Apkbintray 1.1.4 Go Github气泡布局的形状可以改变，如四角弧度、气泡颜色、箭头大小和阴影。气泡Dialog可以根据被点击的view的位置来确定自己展示的位置。更新1.1.4： ①新增方法setLayout(int width, int height, int margin)，width（设置
转载
2024-05-21 17:59:03
210阅读
# Python气泡消息
