Android自定义View简单实现流式动态添加圆角矩形气泡

最新推荐文章于 2022-10-31 23:34:27 发布
原创 最新推荐文章于 2022-10-31 23:34:27 发布 · 1.1k 阅读 · 0
这篇博客介绍了如何在Android中创建自定义View，以实现流式动态添加带有圆角的矩形气泡。通过继承ViewGroup，设置构造方法和布局方法，结合MainActivity中的点击事件动态生成TextView，并在drawable资源文件中定义形状。博客详细阐述了每个步骤，包括子视图的测量和布局计算，确保气泡按行排列。

Android自定义View简单实现流式动态添加圆角矩形气泡

简单学习玩转自定义View

1.首先在如图
在该包中新建一个包，在包中创建一个类

在这里插入图片描述

因该效果为容器，需继承ViewGroup（非容器继承View）实现三个构造，一个布局方法在这里插入图片描述
之后在该MainActivity的xml布局中创建一个输入框一个TextView设置点击事件，及上面的类引用创建的一个控件，设置Id

在这里插入图片描述

实现点击事件在MainActivity中实现添加子控件方法，找控件，然后在实现的方法里创建一个引用类中的方法，传入获取输入框中的值，创建该方法
标签
#自定义View #动态添加圆角矩形气泡 #历史记录气泡
最低0.47元/天 解锁文章
圆角升级啦，来手把手一起实现自定义ViewGroup的各种圆角与背景
maniuT的博客
04-17 1042
目前线上的一些第三方圆角容器大部分都只支持四周固定圆角，我们一些使用场景只需要顶部圆角，或者底部圆角，或者一个角圆角。（话说为什么我们的UI这么喜欢各种奇葩圆角，想哭。。。对于这些定制化的圆角需求，我们如何自定义实现呢？又有哪些实现方式呢？之前我们讲过圆角图片的自定义，那么和我们的自定义圆角容器又有哪些区别呢？带着这些问题，我们一步一步往下看。这里我们把常用的自定义属性抽取出来，然后再我们抽象的策略类中拿到对应的属性，取出设置的一些值，然后再具体的策略实现类中就可以操作使用了。...
android 布局加圆角,Android 实现一个通用的圆角布局
weixin_31151281的博客
05-26 1986
前言我们在平时的开发中，经常会遇到圆角需求，比如下图 一般的实现方法是上面的图片左上和右上设置圆角，下面的文字部分左下和右下设置圆角，而 Glide 默认是不支持指定位置设置圆角的，需要通过自定义 Transformation 实现，而 GIF 动图也是不支持圆角的。有些同学说了，加个遮罩不就行了吗？先不说会不会被视觉小姐姐喷：一个圆角都做不了，还要我给你做遮罩图！我自己本身也是无法接受这种实...
Android小技巧之View控件圆角弧度设置
许进进的博客
05-27 9053
// 设置View圆角radius fun setRadius(view : View, radius:Float){ view.run { outlineProvider = object : ViewOutlineProvider() { override fun getOutline(view: View, outline: Outline) { // 设置圆角率为 ...
Android设置圆角看着一篇文章就够了
dream.zhou
10-31 1万+
方法1：Outline 方法2：CardView 方法3：自定义Drawable .....你还知道哪些优雅的方式来设置圆角，可以分享出来共同学习
Android仿微信气泡样式使用drawable实现
sinat_23218567的博客
10-21 1844
Android drawable实现气泡样式
android 自定义圆形pop,Android自定义圆形View实现小球跟随手指移动效果
weixin_33937306的博客
05-26 458
本文实例为大家分享了Android实现小球跟随手指移动效果的具体代码，供大家参考，具体内容如下一. 需求功能手指在屏幕上滑动，红色的小球始终跟随手指移动。实现的思路：1)自定义View，在onDraw中画圆作为小球；2)重写自定义View的onTouchEvent方法，记录触屏坐标，用新的坐标重新绘制小球；3)在布局中引用自定义View布局，运行程序，实现跟随手指移动效果。关键技术点自定义View...
Android：会呼吸的悬浮气泡
qq_40948137的博客
11-01 1220
写在前面 这个标题看起来玄乎玄乎的，其实一张图就明白了： 悬浮气泡演示图 最早看到这个效果是 MIUI6 系统升级界面，有很多五颜六色的气泡悬浮着，觉得很好看。可惜现在找不到动态图了。虽然 MIUI8 更新界面也有类似的气泡，不过是静态的，不咋好看。 再次见到这个效果是在 Pure 天气这款软件中，可惜开发者不开源。不过万能的 Github 上有类似的实现，于是果断把自定义 View 部分抽出来学习学习。 再次见到这个效果是在 Pure 天气这款软件中，可惜开发者不开源。不过万能的 Github 上有
Android 实现圆弧背景（Shape实现和自定义View）
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
07-15 4285
需求IM的聊天气泡绘制，1、制定的位置的弧度角，2、当位特殊角色是，会给聊天气泡加上金边。实现原理众所周知，View是Android所有控件的基类，常用的TextView和ImageView是继承自VIew。ViewGroup是View的组合，它可以包含很多View以及ViewGroup，所以可以直接重写onDraw或者dispatchDraw来自定义View。主要就是使用canvas，paint，path这些东西来实现。Int){https。......
Android 绘制气泡
你全家都是博客
05-18 841
效果图 思想 1.绘制气泡 随机xy轴，r半径，速度，随机xy方向(方向就是x和y加减同一个随机偏移量)，随机透明度 2.气泡移动和复用气泡 在原来的xy+=或者-=偏移量，每一次便宜判断xy是否超过屏幕宽度和高度，超过就重新随机生成 3.代码实现 制气泡效果 public class QiPao extends View { public Paint paint; public DisplayMetrics displayMetrics; public Q.
Android 气泡动画（自定义View类）
JiangYH
04-19 1253
Android 气泡动画（自定义View类）一、前言二、代码1. 随机移动的气泡2.热水气泡 一、前言 最近有需求制作一个水壶的气泡动画，首先在网上查找了一番，找到了一个文章。 https://blog.csdn.net/u010386612/article/details/50580080 测试了一下发现，如果把它作为子视图的话，会出现小球溢出边界的情况。所以简单的修改了一下。 二、代码 1. 随机移动的气泡 Ball类 /** * @author jiang yuhang * @date 202
android 活动球,Android自定义View可以转动的小圆球球
weixin_29009081的博客
06-03 273
废话少说 直接上码：自定义view部分。import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graph...
android canvas_Android 如何实现气泡选择动画
weixin_39830588的博客
11-24 434
作者：Irina Galata Android 开发者: Yulia Serbenenko UI/UX 设计师 译者：skyar2009链接：https://juejin.im/post/58e5ec838d6d8100616d82e2/跨平台用户体验统一正处于增长趋势：早些时候 iOS 和安卓有着不同的体验，但是最近在应用设计以及交互方面变得越来越接近。从安卓 Nougat 的底部导航...
雕虫晓技(十) Android超简单气泡效果
weixin_33701564的博客
09-09 536
《雕虫晓技目录》 【示例项目：BubbleSample】 最近有用到水下气泡上升效果，因此在网上查了一下资料，结果还真找到了，就是这篇文章 [Android实例] 水下气泡上升界面效果, 不过这篇文章所附带的示例代码是有些问题的，例如View移除后，线程没有正确关闭，锁屏后再打开屏幕，气泡会挤成一团等问题，因此我在它的原理基础上稍为进行了一些调整和修改，解决了这些问题，它可以实现下面这样的效果： ...
Android开发笔记之自定义View 悬浮球的实现
雪舞草狼
05-15 2539
先自定义个一个自己所要实现的view命名为myView ----------------------------自定义组件的内容实现 public class myView extends View { Paint p =new Paint(); public float currenX=50; public float currenY=50; public myView(Contex
android 悬浮球简书,Android-悬浮窗效果FloatingView
weixin_39847722的博客
05-31 611
前言之前有写录制视频的小demo，有同学反映要添加浮窗View，这样录制的时候就不需要来回切换当前的页面。所以，这里我晚上花了点时间写了一个FloatingView。老规矩，先看图这里我们需要用的就是WindowManger来add布局public class FloatingViewService extends Service {private WindowManager mWindowMan...
android开发步步为营之58:给图片绘制圆形气泡背景效果
飞在江湖的专栏
05-10 2489
最近在开发项目的时候，有一个需求，需要给应用图标绘制圆形气泡背景，有了彩色气泡这样显得漂亮一点，气泡的颜色是应用图标的颜色均值，先看看效果，然后，我再给出demo。            demo应用图标是这样的：                      添加气泡背景后是这样的：                    仔细看圆形背景颜色是图标颜色的均值。          好的，下面
Android自定义View实现QQ气泡效果
qq_28649655的博客
03-31 1848
QQ气泡效果分析 QQ气泡 = 红色圆 + 消息数字 + 拖拽粘性效果 + 回弹效果 + 跟随移动 + 爆炸效果。 不得不说在这么个小小的UI小球上实现了这么多的效果，QQ是真的很有心呐~ 根据我们上边拆分出来的公式，我们分别看看每一个效果需要如何去实现： 红色圆：canvas.drawCircle 消息数字：canvas.drawText 拖拽粘性效果：canvas.drawPath、（两条二...
Android 实现随机圆形气泡动画 点击随机变色 可自定义气泡背景颜色和文字
SmallWalnutBG的博客
05-05 1255
Android 实现随机圆形气泡动画 点击随机变色 可自定义气泡背景颜色和文字 核心 KeywordsFlow 类： package cn.deerlands.deerland.mvp.ui.wiget.circle_tag; import java.util.LinkedList; import java.util.Random; import java.util.Vector; im...
android 气泡控件,BubbleView：带箭头的气泡控件/容器类
weixin_34872032的博客
05-31 1246
BubbleView for Android 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 noneShould arro...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值