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

最新推荐文章于 2024-04-11 09:36:56 发布

ByteWhiz

最新推荐文章于 2024-04-11 09:36:56 发布

阅读量190

点赞数 1

CC 4.0 BY-SA版权

文章标签： Android

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

Android 专栏收录该内容

53 篇文章 ¥59.90 ¥99.00

订阅专栏

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

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

885

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

Android 自定义实现带气泡的SeekBar

CodeGu的博客

08-12

405

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

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

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.

自定义气泡效果（BubbleView）

分享技术与经验的博客

04-15

1049

代码如下： package com.example.myapplication; import android.content.Context; import android.graphics.BlurMaskFilter; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.ut

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

2401_83330193的博客

03-28

403

作者2013年从java开发，转做Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。参与过不少面试，也当面试官面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长，而且极易碰到天花板技术停滞不前！我整理了一份阿里P7级别的最系统的Android开发主流技术，特别适合有3-5年以上经验的小伙伴深入学习提升。主要包括阿里，以及字节跳动，腾讯，华为，小米，等一线互联网公司主流架构技术。

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

08-25

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

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

11-19

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

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

qq_41962476的博客

09-30

682

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

Android-自定义气泡View

weixin_45365889的博客

10-08

1422

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

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

最新发布

gitblog_00013的博客

04-11

548

探索创新UI设计：BubbleView - 点亮你的Android应用是一个由开发者lguipeng创建的开源Android库，它为Android应用引入了一种新颖且吸引人的用户界面元素——气泡视图。这种独特的视图能够以悬浮气泡的形式展示信息，无论是用于提示、通知还是增强用户体验，都能让你的应用更具活力和个性化。技术分析 BubbleView基于Android的自定义视图机制构建，利用了Can...

自定义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自定义实现气泡显示进度功能

金戈鐡馬

02-23

639

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

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

12-22

6144

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

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

孤注一掷的博客

05-11

1159

实现如图效果： 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

238

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

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

qq_33265437的博客

11-16

7119

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

自定义View完结篇--从实现QQ消息气泡去理解自定义View

qq_39867049的博客

07-12

631

彻底搞懂自定义View，看该系列就够了

Android自定义View动画效果集锦及应用教程

1. Android自定义View的创建与实现 - 自定义View的概念和重要性 - 自定义View的生命周期和绘制流程 - 常用的自定义View属性和方法 - 在XML中自定义View属性的使用 - 在Java代码中自定义View属性的使用 2. ...