Android自定义View实现拖拽气泡效果

最新推荐文章于 2025-02-08 12:24:08 发布

ByteWhiz

最新推荐文章于 2025-02-08 12:24:08 发布

阅读量159

点赞数 1

文章标签： Android

本文链接：https://blog.youkuaiyun.com/ByteWhiz/article/details/132573273

版权

Android 专栏收录该内容

53 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在Android应用中通过自定义View实现拖拽气泡效果。详细讲解了创建自定义View类，处理触摸事件，以及判断触摸点是否在气泡内的方法，最终达到气泡随手指移动的效果。可以进一步扩展此自定义View以增加更多功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android自定义View实现拖拽气泡效果

在Android应用开发中，实现拖拽效果是一项常见且有趣的任务。本文将介绍如何使用自定义View在Android应用中实现一个拖拽气泡的效果。我们将通过编写自定义View并处理触摸事件来实现这个功能。

首先，我们需要创建一个自定义的View类来表示气泡。在这个类中，我们将处理气泡的绘制、位置更新和触摸事件。

public class BubbleView extends View {
   
    private static final int INVALID_POINTER_ID =

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ByteWhiz

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Android 自定义View实现气泡拖拽效果

安卓兼职framework和app工程师的博客

08-27

850

今天看见一个气泡拖拽动画觉得特别好，所以就想自定义一个View 来实现下主要也是利用贝赛尔曲线原理来实现的效果图： 1.自定义拖拽气泡view import android.animation.Animator; import android.animation.AnimatorListenerAdapter; import android.animation.PointFEvaluator; import android.animation.ValueAnimator; import android

Android自定义实现气泡显示进度功能

金戈鐡馬

02-23

582

三角指示标部分位置的确认如要是利用PathMeasure的，getPosTan方法根据进度条的进度获取到直角点A所在的坐标，由于我们这里是将该三角形设置为等腰直角三角形，所以该三角形的高等于斜边的1/2因此可以推断出B点和C点的位置，进而根据直角点坐标来推算出整个三角形的位置。这只是能够实现出气泡的效果，实际上只通过这样粗略的算法，实现的气泡并不圆润，因此还需更精细的打磨，比如给矩形部分加入一定的内边距等（这些都在下面代码中会逐一实现）。

参与评论您还未登录，请先登录后发表或查看评论

Android自定义View--QQ未读消息气泡拖拽黏连效果

yanwenyuan0304的专栏

07-04

1851

QQ聊天界面好友来信息会有一个气泡显示多少条信息，如不看也可以拖拽让其消失。效果如下：分析：动画组成部分如下图 ⚠️重点一、动画由三个部分组成不动圆、可动圆、粘连部分（AB与CD是两个贝塞尔曲线）二、不动圆圆心e固定不动（可知）可动圆圆心f就是手指滑动位置（可知）三、可拖拽的最大距离我们这里设置可动圆半径的8倍四、不动圆的半径随着可动圆与不动圆距离变化而变化（...

Android修炼系列（十一），强大的可拖拽工具类ViewDragHelper

最新发布

2501_90499420的博客

02-08

1549

其中ViewDragCallback是我自己创建的内部类，继承自ViewDragHelper.Callback实现类。@Override// 决定child是否可以被拖拽，具体见下文源码分析@Override// 可决定child横向的偏移计算，见下文@Override// 可决定child竖向的偏移计算，见下文return top;

Android代码-BubbleView是带箭头的气泡控件容器类

08-06

BubbleView for Android 中文版README BubbleView is a control/container with an arrow for Android, which can be fully customized by code or XML layout file. Arrow direction: up, down, left, right or none Should arrow auto point to its target Customizable arrow properties: size and location Customizable bubble properties: color, padding, borders and corner radius Bubble can be plain text view(BubbleTextView) or layout container(BubbleXxxLayout) Download Add jcenter() to your project-level build.

安卓开发可以拖拽，拖拽后自动吸附到手机屏幕边的自定义view

08-25

安卓开发可以拖拽，拖拽后自动吸附到手机屏幕边的自定义view

Android-自定义气泡View

weixin_45365889的博客

10-08

1352

实践背景在即时通讯类应用里，很常见各种气泡布局包裹消息，通常我们采用.9图实现。但是使用气泡图片面临着间距不可控，如果是图片消息，此方法就无法实现气泡。本文将介绍如何更加用优雅的方式去实现自定义气泡布局。 PS前置知识: 如何自定义view、XFermode混合图层、path概念以及贝赛尔曲线。惯例，我们先看下最终要实现的效果图，如下图，总共有5种类型，基本满足日常需要，可以根据需要...

Android自定义View实现QQ气泡效果

11-19

本教程将探讨如何利用Android自定义View实现QQ气泡效果，包括手势拖动、贝塞尔曲线绘制以及动态的回弹和爆炸动画。首先，我们要理解`自定义View`的概念。自定义View是在Android系统提供的基本View类基础上进行扩展...

Android自定义View——气泡的扩散与收缩效果

qq_41962476的博客

09-30

644

最近公司做的项目中，需要用到一个动态的气泡效果，气泡是可以收缩和扩散的。本着拿来用的精神去度娘上找，大都是一些下雪、下雨的效果，不是我想要的，只能自己造轮子。虽然网上的资料没什么用，但也给了我一些灵感。下面是我磨出的一点东西，先看下效果图：不会弄gif动图，大家凑合着看下，效果还是可以的。接着咱们看代码： 1.首先是一个气泡的类，初始化时会完成一系列计算，确定气泡的基本信息： ...

探索创新UI设计：BubbleView - 点亮你的Android应用

gitblog_00013的博客

04-11

475

探索创新UI设计：BubbleView - 点亮你的Android应用去发现同类优质开源项目:https://gitcode.com/ 是一个由开发者lguipeng创建的开源Android库，它为Android应用引入了一种新颖且吸引人的用户界面元素——气泡视图。这种独特的视图能够以悬浮气泡的形式展示信息，无论是用于提示、通知还是增强用户体验，都能让你的应用更具活力和个性化。技术分析 Bub...

自定义seekbar带气泡文字提示BubbleSeekBar 在android7.0系统可以正常使用

04-24

自定义seekbar带气泡文字提示BubbleSeekBar，在android7.0系统可以正常使用

BubbleLayout:适用于Android的Bubble View

05-10

BubbleLayout 具有自定义笔触宽度和颜色，箭头大小，位置和方向的Android Bubble View。 BubbleLayout扩展了FrameLayout。 Gradle 步骤1.将JitPack存储库添加到您的构建文件中 allprojects { repositories { .. . maven { url ' https://jitpack.io ' } } } 步骤2.添加依赖项 dependencies { implementation ' com.github.MasayukiSuda:BubbleLayout:v1.2.1 ' } 基本用法在您的布局中包含BubbleLayout小部件。 < com .daasuu.bl.BubbleLayout android : layout_width = " wrap_con

Android 自定义实现带气泡的SeekBar

CodeGu的博客

08-12

360

在自定义的SeekBar监听器中，我们通过重写onProgressChanged方法来更新气泡的位置和数值。首先，我们获取SeekBar的拇指(thumb)的中心坐标，然后根据拇指的位置来更新气泡的位置。为了增强用户体验，我们可以自定义一个带有气泡的SeekBar，通过在SeekBar上显示当前数值的气泡来提供更直观的交互效果。通过以上步骤，我们就实现了一个带有气泡的SeekBar。接下来，我们需要创建一个自定义的SeekBar监听器来处理SeekBar的拖动事件，并更新气泡的位置和数值。

[Android开发]仿天天P图带气泡显示百分比进度的自定义SeekBar

12-22

6084

仿天天P图图像美化修改工具，素材来自于天天P图

android 聊天气泡第三方UI之BubbleView使用

孤注一掷的博客

05-11

1082

实现如图效果： 1.引入依赖 implementation 'com.github.xiaohaozi9825:BubbleView:1.0' //聊天气泡 2.item布局文件中 <pw.xiaohaozi.bubbleview.BubbleView android:id="@+id/left_layout" android:layout_width="wrap_content" android:layout_height="wr

自定义实现带有气泡的SeekBar

ByteJolt的博客

08-24

202

在init()方法中，我们初始化了一些默认值，如气泡的颜色、文本大小和半径，并将该类注册为SeekBar的监听器。为了增强用户体验，我们可以自定义实现一个带有气泡的SeekBar，以便在用户滑动SeekBar时实时显示当前选择的值。在上述代码中，我们通过findViewById()方法找到了自定义SeekBar的实例，并设置了SeekBar的最大值。在该布局文件中，我们可以定义SeekBar的外观和属性。现在，我们可以在需要使用带有气泡的SeekBar的布局文件中引用自定义的SeekBar了。

Android自定义SeekBar，滑动时弹出气泡指示器显示进度

qq_33265437的博客

11-16

7024

之前在网上看到了当Slider控件在滑动时会弹出气泡指示器，觉得很有趣，于是就进行拓展，就有了下面介绍的一个安卓控件：IndicatorSeekBar。先附上IndicatorSeekBar项目地址: GitHub： Android 自定义 IndicatorSeekBar 1：先分享给我编写这个组件灵感的网址，感谢这个网站让我看到有趣的新东西：滑动弹出气泡的slider组件：https:/

Android自定义Bezier拖拽动画效果实现指南

通过自定义拖拽效果的示例，我们了解了如何结合贝塞尔曲线来实现复杂且生动的用户交互效果，特别是在仿QQ或微信消息气泡拖拽消失的场景中。在实际开发中，开发者可以根据这些知识点进行深入研究，并不断实践和优化，...