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

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

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

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:background="@drawable/pub_pop_bg4"
  4. android:paddingLeft="10dp"
  5. android:paddingRight="10dp"
  6. android:layout_width="wrap_content"
  7. android:layout_height="wrap_content" >
  8. <TextView android:id="@+id/bubble_text"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content"
  11. android:textSize="18dp"
  12. android:textColor="#000" />
  13. <!-- 我知道了 -->
  14. <TextView android:id="@+id/bubble_btn"
  15. android:gravity="right"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:layout_below="@id/bubble_text"
  19. android:textSize="20dp"
  20. android:textColorHighlight="#2151E0"
  21. android:text=""
  22. android:textColor="#1A75B9" />
  23. </RelativeLayout>
  24. 这是实现功能的全部代码:
  25. public class TestBubbleActivity extends Activity {
  26. /** 全局屏幕的高和宽 */
  27. private static int SCREEN_WIDTH = 0 ;
  28. private static int SCREEN_HEIGHT = 0;
  29. /**气泡显示的详细内容*/
  30. private TextView tvBubContent = null;
  31. /**显示 我知道了 的提示*/
  32. private TextView tvKnow = null;
  33. /**气泡view 里面包含2个TextView*/
  34. private View bubbleView = null;
  35. /**气泡dialog*/
  36. private Dialog bubbleAlert = null;
  37. public void onCreate(Bundle savedInstanceState) {
  38. super.onCreate(savedInstanceState);
  39. setContentView(R.layout.main);
  40. getDimension();
  41. bubbleView = getLayoutInflater().inflate(R.layout.overlay_pop, null);
  42. tvKnow = (TextView)bubbleView.findViewById(R.id.bubble_btn);
  43. tvKnow.setText(Html.fromHtml("<u>"+"我知道了"+"</u>"));
  44. tvBubContent = (TextView)bubbleView.findViewById(R.id.bubble_text);
  45. tvBubContent.setText("上次程序异常退出,正在传输历史数据...");
  46. tvKnow.setOnClickListener(new View.OnClickListener(){
  47. @Override
  48. public void onClick(View v) {
  49. bubbleAlert.cancel();
  50. }
  51. });
  52. int tmpWidth = SCREEN_WIDTH/5*3;
  53. int tmpHeight =SCREEN_HEIGHT/8;
  54. //设置TextView宽度
  55. tvKnow.setMinWidth(tmpWidth);
  56. tvBubContent.setMaxWidth(tmpWidth);
  57. //以指定的样式初始化dialog
  58. bubbleAlert = new Dialog(this,R.style.bubble_dialog);
  59. Window win = bubbleAlert.getWindow();//获取所在window
  60. LayoutParams params = win.getAttributes();//获取LayoutParams
  61. params.x = -(SCREEN_WIDTH/8);//设置x坐标
  62. params.y = -tmpHeight;//设置y坐标
  63. params.width = tmpWidth;
  64. win.setAttributes(params);//设置生效
  65. bubbleAlert.setCancelable(false);
  66. bubbleAlert.setContentView(bubbleView);
  67. bubbleAlert.show();
  68. }
  69. /**
  70. * 获取屏幕尺寸
  71. */
  72. private void getDimension(){
  73. /** 获取屏幕的宽和高 */
  74. DisplayMetrics dm = new DisplayMetrics();
  75. getWindowManager().getDefaultDisplay().getMetrics(dm);
  76. SCREEN_WIDTH = dm.widthPixels;
  77. SCREEN_HEIGHT = dm.heightPixels;
  78. }
  79. }

[转]Android_气泡效果的更多相关文章

  1. 不用图片,纯Css3实现超酷的类似iphone的玻璃气泡效果

    最近在一个私活做手机项目时候,需要实现一个类似ios 6中短信那样的气泡效果. 这里分享下实现心得,希望能给大家一点启发. 首先分析下iphone的气泡效果有一下特点 1. 四面圆角 2. 界面上向下 ...

  2. HTML5实现微信聊天气泡效果

    最近做一个HybridApp,前端有一个群聊的功能,于是就想模仿微信的聊天界面,先看效果图: HTML代码: <!DOCTYPE html> <html lang="en& ...

  3. canvas实现酷炫气泡效果

    canvas实现动画主要是靠设置定时器(setinterval())和定时清除画布里的元素实现,canvas动画上手很简单,今天可以自己动手来实现一个酷炫气泡效果. 气泡炸裂效果(类似水面波纹) 代码 ...

  4. Android超简单气泡效果

    阿里P7移动互联网架构师进阶视频(每日更新中)免费学习请点击:https://space.bilibili.com/474380680最近有用到水下气泡上升效果,因此在网上查了一下资料,结果还真找到了 ...

  5. Android实现三角形气泡效果方式汇总

    在开发过程中,我们可能会经常遇到这样的需求样式: 这张图是截取京东消息通知的弹出框,我们可以看到右上方有个三角形的气泡效果,这只是其中一种,三角形的方向还可以是上.下.左.右. 通过截图可以发现,气泡 ...

  6. CSS3实现气泡效果

    首先定义一个 <p class="speech"></p> 先给外层的容器添加样式: p.speech { position: relative; widt ...

  7. CSS3效果:实现气泡效果

    首先定义一个 <p class="speech"></p> 先给外层的容器添加样式: p.speech { position: relative; widt ...

  8. css3实现气泡效果的聊天框

    因为CSS3尚未形成标准,所以现行的浏览器对于css3支持不太一致,某些特性需要加上浏览器前缀 css属性的浏览器前缀 前缀 渲染引擎 使用该引擎的浏览器 -khtml- KHTML Konquero ...

  9. css实现聊天气泡效果

      --------------------------------------- css功能强大,能实现很多炫 酷的效果,今天给大家分享 用css3绘制聊天气泡的方法: -------------- ...

随机推荐

  1. 2016 ACM/ICPC Asia Regional Qingdao Online HDU5889

    链接:http://acm.hdu.edu.cn/showproblem.php?pid=5889 解法:http://blog.csdn.net/u013532224/article/details ...

  2. HTML DOM简介

    HTML DOM简介 1.当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model),HTML DOM模型被创建为对象的树.如下所示: 2.通过可编程的对象模型,Ja ...

  3. BZOJ 2627 JZPKIL

    题目链接:http://www.lydsy.com:808/JudgeOnline/problem.php?id=2627 题意:计算下面式子 思路: A先不管.我们来搞B部分.下面说如何计算B这个最 ...

  4. CodeForces 527B Error Correct System

    Error Correct System Time Limit:2000MS     Memory Limit:262144KB     64bit IO Format:%I64d & %I6 ...

  5. vsftpd配置参数详细整理

    vsftpd配置参数详细整理  -|白王斧三又干一 vsftpd配置参数详细整理     -|白王斧三又干一 发表于 2005-10-23 20:30:00   1.vsftpd配置参数详细整理#接受 ...

  6. FJNU 1159 Fat Brother’s new way(胖哥的新姿势)

    FJNU 1159 Fat Brother’s new way(胖哥的新姿势) Time Limit: 1000MS   Memory Limit: 257792K [Description] [题目 ...

  7. 发布《Linux工具快速教程》

    发布<Linux工具快速教程> 阶段性的完成了这本书开源书籍,发布出来给有需要的朋友,同时也欢迎更多的朋友加入进来,完善这本书: 本书Github地址:https://github.com ...

  8. 几个移动App测试工具

    介绍几款移动App测试的工具: 腾讯测试:http://bugly.qq.com/优测:http://utest.qq.com/fir.im测试:http://bughd.com/ 大致介绍如下: b ...

  9. Android 使用finalBitmap实现缓存读取

    public class NewsApplication extends Application{ private FinalBitmap finalBitmap=null; public Final ...

  10. 战胜C语言中令人头疼的问题

    C语言一共32个关键字,下面一一列出:   1.auto声明自动变量 在默认情况下,编译器默认所有变量都是auto 2.int声明整型变量 3.double声明双精度变量 4.long声明长整型变量 ...