Android 用自定义PopupWindow实现自定义Toast

简介:

标题有点拗口,其实是可以分别写成两篇博文的。也就是说看完这篇能了解两个方面:

  • 自定义布局样式的Toast

  • 自定义PopupWindow实现多功能Toast

先感性认识:

触发事件来自于MenuItem的onClick,具体请看上一篇Android 自定义Menu


一 、自定义布局样式的Toast

布局文件dialog_toast.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<? xml  version = "1.0"  encoding = "utf-8" ?>
< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"  >
     < TextView
         android:id = "@+id/dialog_title"
         android:textSize = "@dimen/dialog_toast_title_text_size"
         android:layout_width = "@dimen/dialog_toast_width"
         android:layout_height = "wrap_content"
         android:gravity = "center_horizontal"
         android:text = "@string/toast_dialog_title" />
     < TextView
         android:id = "@+id/dialog_content"
         android:layout_width = "@dimen/dialog_toast_width"
         android:layout_height = "wrap_content"
         android:drawableLeft = "@drawable/frog"
         android:drawableRight = "@drawable/fungus"
         android:layout_below = "@id/dialog_title"
         android:text = "@string/toast_dialog_content" />
</ RelativeLayout >

使用这个自定义布局,解决多次Toast重复弹出。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
  * 显示自定义Toast<p>
  * private Toast mToast;<br/>
  * View toastView = mLayoutInflater.inflate(R.layout.dialog_toast, null);
  * @param toastView
  */
private  void  showToast(View toastView) {
     toastView.setBackgroundColor(Color.TRANSPARENT);
     if  (mToast ==  null ) {
         mToast =  new  Toast(mContext);
         mToast.setView(toastView);
         mToast.setGravity(Gravity.BOTTOM|Gravity.CENTER,  0 100 );
         mToast.setDuration(Toast.LENGTH_SHORT);
     }
     mToast.show();
}


二 、自定义PopupWindow实现多功能Toast

以下是MenuItem点击事件的完整代码,详细注释了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
@Override
public  void  onClick(View v) {
     /** MenuItem dismiss */
     mPopWindow.dismiss();
     /**
      * 自定义PopupWindow模拟多功能Toast
      */
     View popToastView = mLayoutInflater.inflate(
             R.layout.dialog_toast,  null );
     mPopToast =  new  PopupWindow(popToastView,
             LayoutParams.WRAP_CONTENT,
             LayoutParams.WRAP_CONTENT,  true );
     mPopToast.setBackgroundDrawable( new  ColorDrawable(
             Color.TRANSPARENT));
     mPopWindow.setOutsideTouchable( true ); // 设置触摸外面时消失
     mPopToast
             .setAnimationStyle(android.R.style.Animation_Dialog); // 设置动画效果
     mPopToast.showAtLocation(v,
             Gravity.BOTTOM | Gravity.CENTER,  0 300 );
     /**
      * 用PopupWindow模拟Toast,里面的TextView的点击事件。
      * 因为Toast不获取焦点,所以View的事件无法处理。
      * 而PopupWindow解决了这个焦点问题。
      */
     TextView dialogContent = (TextView) popToastView
             .findViewById(R.id.dialog_content);
     dialogContent.setOnClickListener( new  OnClickListener() {
         @Override
         public  void  onClick(View v) {
             if  (mPopToast !=  null  && mPopToast.isShowing()) {
                 mPopToast.dismiss();
                 /** 再次显示自定义Toast, 这次是从PopupWindow里面的TextView触发的 */
                 View toastViewAgain = mLayoutInflater.inflate(
                         R.layout.dialog_toast,  null );
                 showToast(toastViewAgain);
             }
         }
     });
     /** 显示自定义Toast */
     View toastView = mLayoutInflater.inflate(
             R.layout.dialog_toast,  null );
     showToast(toastView);
}

使用PopupWindow实现的Toast可以不受Toast.LENGTH_SHORT或Toast.LENGTH_LONG的时间限制,并且可以得到焦点和用户交互,比如onClick等等。


Toast本身是一个非常便捷的提示组件,它的特点就是使用便捷,比如

1
Toast.makeText(mContext,  "123" , Toast.LENGTH_SHORT).show();

这样的一句代码就可以给出用户一个很友好的提示。

如果想做出复杂的交互功能,这些就不是Toast的定位了,需要自定义PopupWindow或者AlertDialog来实现,它们的定位在此。



本文转自chainli 51CTO博客,原文链接:http://blog.51cto.com/lichen/1216906,如需转载请自行联系原作者

相关文章
|
7月前
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份,利用`onSizeChanged`测量最小长度,并借助画笔绘制动态线条,实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退,最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤,并提供完整源码供参考。此动画适用于加载场景,提升用户体验。
525 5
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
|
7月前
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量,结合`PathEffect`的子类(如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等)实现路径绘制的动态变化。文章详细解析了各子类的功能与参数,并通过案例代码展示了如何使用`ComposePathEffect`组合效果,以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动,源码附于文末供参考。
124 0
|
7月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
330 65
Android自定义view之网易云推荐歌单界面
|
7月前
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程,涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现(如通过三个构造函数解决焦点问题),接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例,如跑马灯、折线图、太极图等。此外,文章详细解析了View绘制流程(measure、layout、draw)和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题,并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
670 84
|
7月前
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下,传统View可能引发卡顿的问题,进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法,包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
191 3
|
7月前
|
Android开发 开发者
Android自定义view之围棋动画(化繁为简)
本文介绍了Android自定义View的动画实现,通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画,借助布尔值控制动画流程。第二个案例以围棋动画为例,从简单的小球直线运动到双向变速运动,最终实现循环动画效果。代码结构清晰,逻辑简明,展示了如何化繁为简实现复杂动画,帮助读者拓展动态效果设计思路。文末提供完整源码,适合初学者和进阶开发者学习参考。
132 0
Android自定义view之围棋动画(化繁为简)
|
7月前
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景,到创建固定棋子及动态棋子,最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长,并优化视觉效果,如添加渐变色让白子更明显。最终效果既可作为围棋动画展示,也可用作加载等待动画。代码完整,适合进阶开发者学习参考。
150 0
|
Android开发
Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow
原文:Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow 这是一张QQ空间说说详情的截图。 分析: 1、点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 2、当该区域出现的时候,详情界面便灰了,也说成透明度变...
1008 0
|
Android开发
Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow
这是一张QQ空间说说详情的截图。 分析: 1、点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 2、当该区域出现的时候,详情界面便灰了,也说成透明度变化了 3、当任意选了一个按钮或者点击了该区域以外的部分,该区域消失,灰色界面变回亮白色,并执行点击的按...
1183 0
|
2月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
251 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡