Android气泡效果实现方法

2024-12-02 10:53:32

本文实例讲述了Android气泡效果实现方法。分享给大家供大家参考，具体如下：

最近在看以前在eoe上收藏的一些源代码，准备将这些代码加上一些自己的注释，然后贴出来，方便自己日后查阅，和刚入门的人来学习。

今天先看一个气泡窗口,先看一下效果图和目录结构，然后再上代码

通过第一幅图，我们可以看到一个气泡窗口，这个窗口的结构是里面有2个TextView和1个气泡的背景，这个2个TextView放在了overlay_pop.xml文件中，气泡窗口是这个layout的背景，overlay_pop.xml的代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:background="@drawable/pub_pop_bg4"
  android:paddingLeft="10dp"
  android:paddingRight="10dp"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" >
  <TextView android:id="@+id/bubble_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18dp"
    android:textColor="#000" />
  <!-- 我知道了 -->
  <TextView android:id="@+id/bubble_btn"
    android:gravity="right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/bubble_text"
    android:textSize="20dp"
    android:textColorHighlight="#2151E0"
    android:text=""
    android:textColor="#1A75B9" />
</RelativeLayout>

这是实现功能的全部代码：

public class TestBubbleActivity extends Activity {
  /** 全局屏幕的高和宽 */
  private static int SCREEN_WIDTH = 0 ;
  private static int SCREEN_HEIGHT = 0;
  /**气泡显示的详细内容*/
  private TextView tvBubContent = null;
  /**显示 我知道了 的提示*/
  private TextView tvKnow = null;
  /**气泡view 里面包含2个TextView*/
  private View bubbleView = null;
  /**气泡dialog*/
  private Dialog bubbleAlert = null;
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    getDimension();
    bubbleView = getLayoutInflater().inflate(R.layout.overlay_pop, null);
    tvKnow = (TextView)bubbleView.findViewById(R.id.bubble_btn);
    tvKnow.setText(Html.fromHtml("<u>"+"我知道了"+"</u>"));
    tvBubContent = (TextView)bubbleView.findViewById(R.id.bubble_text);
    tvBubContent.setText("上次程序异常退出，正在传输历史数据...");
    tvKnow.setOnClickListener(new View.OnClickListener(){
      @Override
      public void onClick(View v) {
        bubbleAlert.cancel();
      }
    });
    int tmpWidth = SCREEN_WIDTH/5*3;
    int tmpHeight =SCREEN_HEIGHT/8;
    //设置TextView宽度
    tvKnow.setMinWidth(tmpWidth);
    tvBubContent.setMaxWidth(tmpWidth);
    //以指定的样式初始化dialog
    bubbleAlert = new Dialog(this,R.style.bubble_dialog);
    Window win = bubbleAlert.getWindow();//获取所在window
    LayoutParams params = win.getAttributes();//获取LayoutParams
    params.x = -(SCREEN_WIDTH/8);//设置x坐标
    params.y = -tmpHeight;//设置y坐标
    params.width = tmpWidth;
    win.setAttributes(params);//设置生效
    bubbleAlert.setCancelable(false);
    bubbleAlert.setContentView(bubbleView);
    bubbleAlert.show();
  }
  /**
   * 获取屏幕尺寸
   */
  private void getDimension(){
    /** 获取屏幕的宽和高 */
    DisplayMetrics dm = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(dm);
    SCREEN_WIDTH = dm.widthPixels;
    SCREEN_HEIGHT = dm.heightPixels;
  }
}

更多关于Android动画及Activity操作相关内容感兴趣的读者可查看本站专题：《Android开发动画技巧汇总》、《Android控件用法总结》及《Android编程之activity操作技巧总结》

希望本文所述对大家Android程序设计有所帮助。

Android Path绘制贝塞尔曲线实现QQ拖拽泡泡

这两天学习了使用Path绘制贝塞尔曲线相关,然后自己动手做了一个类似QQ未读消息可拖拽的小气泡,效果图如下: 最终效果图接下来一步一步的实现整个过程. 基本原理其实就是使用Path绘制三点的二次方贝塞尔曲线来完成那个妖娆的曲线的.然后根据触摸点不断绘制对应的圆形,根据距离的改变改变原始固定圆形的半径大小.最后就是松手后返回或者爆裂的实现. Path介绍: 顾名思义,就是一个路径的意思,Path里面有很多的方法,本次设计主要用到的相关方法有 moveTo() 移动Path到一个指定的点 qua
Android中贝塞尔曲线的绘制方法示例代码

贝塞尔曲线,很多人可能不太了解,什么叫做贝塞尔曲线呢?这里先做一下简单介绍:贝塞尔曲线也可以叫做贝济埃曲线或者贝兹曲线,它由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋.一般的矢量图形软件常利用贝塞尔曲线来精确画出曲线. 上面的介绍中,"线段像可伸缩的皮筋"这句话非常关键,但也特别好理解.至于贝塞尔曲线的详细内容大家可以查阅相关资料. Android提供的贝塞尔曲线绘制接口在Android开发中,要实现贝塞尔曲线其实还是很简单的,因为Android已经给我们提
android 仿微信聊天气泡效果实现思路

微信聊天窗口的信息效果类似iphone上的短信效果,以气泡的形式展现,在Android上,实现这种效果主要用到ListView和BaseAdapter,配合布局以及相关素材,就可以自己做出这个效果,素材可以下一个微信的APK,然后把后缀名改成zip,直接解压,就可以得到微信里面的所有素材了.首先看一下我实现的效果: 以下是工程目录结构: 接下来就是如何实现这个效果的代码: main.xml,这个是主布局文件,显示listview和上下两部分内容. 复制代码代码如下: <?xml version
Android带气泡的第三方Tab选项卡

效果依赖 compile 'com.ashokvarma.android:bottom-navigation-bar:1.3.0' OnCreate中初始化 initBottom(); 认选中0 showFragment(0); 然后具体实现 private void showFragment(int position) { FragmentManager supportFragmentManager = getSupportFragmentManager(); FragmentTransac
Android实现气泡布局/弹窗效果气泡尖角方向及偏移量可控

Android 自定义布局实现气泡弹窗,可控制气泡尖角方向及偏移量. 效果图实现首先自定义一个气泡布局. /** * 气泡布局 */ public class BubbleRelativeLayout extends RelativeLayout { /** * 气泡尖角方向 */ public enum BubbleLegOrientation { TOP, LEFT, RIGHT, BOTTOM, NONE } public static int PADDING = 30; public
Android贝塞尔曲线初步学习第二课仿QQ未读消息气泡拖拽黏连效果

上一节初步了解了Android端的贝塞尔曲线,这一节就举个栗子练习一下,仿QQ未读消息气泡,是最经典的练习贝塞尔曲线的东东,效果如下附上github源码地址:https://github.com/MonkeyMushroom/DragBubbleView 欢迎star~ 大体思路就是画两个圆,一个黏连小球固定在一个点上,一个气泡小球跟随手指的滑动改变坐标.随着两个圆间距越来越大,黏连小球半径越来越小.当间距小于一定值,松开手指气泡小球会恢复原来位置:当间距超过一定值之后,黏连小球消失,气泡小球
Android贝塞尔曲线初步学习第一课

贝塞尔曲线有一阶.二阶.三阶.N阶一阶就是一条直线,有起点终点,没有控制点,对应方法就是 canvas.drawLine(float startX, float startY, float stopX, float stopY, @NonNull Paint paint) ; 二阶为曲线,有起点终点,一个控制点,对应方法就是 path.quadTo(float x1, float y1, float x2, float y2); 其中x1.y1为控制点坐标, x2.y2为终点坐标,效果如下:
Android把商品添加到购物车的动画效果（贝塞尔曲线）

当我们写商城类的项目的时候,一般都会有加入购物车的功能,加入购物车的时候会有一些抛物线动画,具体代码如下: 实现效果如图: 思路: 确定动画的起终点在起终点之间使用二次贝塞尔曲线填充起终点之间的点的轨迹设置属性动画,ValueAnimator插值器,获取中间点的坐标将执行动画的控件的x.y坐标设为上面得到的中间点坐标开启属性动画当动画结束时的操作难点: PathMeasure的使用 - getLength() - boolean getPosTan(float distance, f
Android气泡效果实现方法

本文实例讲述了Android气泡效果实现方法.分享给大家供大家参考,具体如下: 最近在看以前在eoe上收藏的一些源代码,准备将这些代码加上一些自己的注释,然后贴出来,方便自己日后查阅,和刚入门的人来学习. 今天先看一个气泡窗口,先看一下效果图和目录结构,然后再上代码通过第一幅图,我们可以看到一个气泡窗口,这个窗口的结构是里面有2个TextView和1个气泡的背景,这个2个TextView放在了overlay_pop.xml文件中,气泡窗口是这个layout的背景,overlay_pop.xml
Android TreeView效果实现方法(附demo源码下载)

本文实例讲述了Android TreeView效果实现方法.分享给大家供大家参考,具体如下: 应该说很多的操作系统上面都提供了TreeView空间,实现树形结构,这个树形结构的应用时很广泛的,而Google开发Android的时候出于Android手机是触摸屏幕的考虑,用手指操作树形结构很不方便,从这方面考虑没有提供TreeView的空间,而是只是提供了一个ExpandableListView:android中的二级树型Widget,虽然已经能满足不少的功能需求,例如书签的功能就可以使用这个控件
js由下向上不断上升冒气泡效果实例

本文实例讲述了js由下向上不断上升冒气泡效果的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>JS实现气泡从水中急速上升效果</title> <style type="text/css"> body { cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#FFF; l
Android 实现仿QQ拖拽气泡效果的示例

目录效果图: 一.实现思路二.功能实现三.全屏拖拽效果实现源码地址: 效果图: 一.实现思路在列表中默认使用自定义的TextView控件来展示消息气泡,在自定义的TextView控件中重写onTouchEvent方法,然后在DOWN.MOVE.UP事件中分别处理拖拽效果. 整个拖拽效果我们可以拆分成以下几步来实现: 1.默认状态 2.两气泡相连状态 3.两气泡分离状态 4.气泡消失状态二.功能实现默认状态:用来做一个状态的标识,无需特别处理. 两气泡相连状态:绘制一个固定圆和一个移
Android实现好看的微信聊天气泡效果

目录前言代码实现踩坑记录总结前言在聊天类应用中,通常用气泡作为聊天内容的背景色,比如微信的聊天背景,别人发过来的是白色的气泡,自己发的是绿色的气泡. 上面这种是比较普通的,这篇我们玩点有趣的,让聊天气泡是渐变色的.可能很多人会觉得渐变很简单,给 Container 来个decoration或者使用 DecoratedBox,使用渐变填充色就可以了,比如下面这种效果: 这个感觉也太丑了,本篇我们来一个高级的 —— 整个聊天窗口的气泡颜色是渐变的,而且随着滚动还会变化!先看看实现的效果,
Android基于TextView属性android:ellipsize实现跑马灯效果的方法

本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro
Android编程实现ViewPager多页面滑动切换及动画效果的方法

本文实例讲述了Android编程实现ViewPager多页面滑动切换及动画效果的方法.分享给大家供大家参考,具体如下: 一.首先,我们来看一下效果图,这是新浪微博的Tab滑动效果.我们可以手势滑动,也可以点击上面的头标进行切换.与此同方式, 白色横条会移动到相应的页卡头标下.这是一个动画效果,白条是缓慢滑动过去的.好了,接下来我们就来实现它. 二.在开始前,我们先要认识一个控件,ViewPager.它是google SDk中自带的一个附加包的一个类,可以用来实现屏幕间的切换. 这个附加包是and
Python实现Windows上气泡提醒效果的方法

本文实例讲述了Python实现Windows上气泡提醒效果的方法.分享给大家供大家参考.具体实现方法如下: # -*- encoding: gbk -*- import sys import os import struct import time import win32con from win32api import * # Try and use XP features, so we get alpha-blending etc. try: from winxpgui import * e
Android编程实现类似天气预报图文字幕垂直滚动效果的方法

本文实例讲述了Android编程实现类似天气预报图文字幕垂直滚动效果的方法.分享给大家供大家参考,具体如下: 在很多天气或者新闻的应用中,我们都能看到一些字幕滚动的效果,最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果,并且内容并不仅为文字,还可以加入图片或者其他元素. 废话不多说,还是直接上效果图: 首先还是看一下核心的实现: 目前我的做法是重写了ScrollView,对外
Android游戏开发学习②焰火绽放效果实现方法

本文实例讲述了Android游戏开发学习②焰火绽放效果实现方法.分享给大家供大家参考.具体如下: 本节介绍在游戏开发中常用到的数学物理应用--粒子系统.粒子系统与上一节的小球有类似的地方,都是通过数学方法和物理公式模拟客观世界中的物体的运动轨迹.不同的是小球更强调个体运动,而焰火粒子等粒子系统更注重整体感觉. 一.焰火粒子效果 1.粒子对象类Particle类和粒子集合类ParticleSet类每个粒子都为一个Particle类的对象,程序中产生的所有Particle对象都由一个Particl

Android气泡效果实现方法

相关推荐

随机推荐