Android半透明提示效果的实现

实现方法是利用一个全屏的dialog加载一个带有半透明背景layout
具体实现方法如下：
首先，设置要覆盖在最上方的dialog的view

<?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"android:background="@drawable/bg_transparent" ><TextView
        android:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@+id/iv_tips"android:layout_centerHorizontal="true"android:text="长按某一项弹出\n编辑、删除选项按钮\n\n\n\n知道啦～\n点我退出提示 ^_^"android:textColor="@color/white"android:gravity="center_horizontal"android:textSize="27sp" /><ImageView
        android:id="@+id/iv_tips"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView1"android:layout_alignParentTop="true"android:layout_marginLeft="78dp"android:layout_marginTop="154dp"android:src="@drawable/longclick" /></RelativeLayout>

然后，在values/styles.xml添加style for 半透明

<style name="Dialog_Fullscreen">  <item             name="android:windowBackground">@android:color/transparent</item>  <item name="android:windowNoTitle">true</item>  <item name="android:windowIsTranslucent">true</item>  <item name="android:windowContentOverlay">@null</item>  <item name="android:windowAnimationStyle">@style/Dialog_Anim</item>  <item name="android:colorBackgroundCacheHint">@null</item>
</style>

继续添加style for 淡入淡出效果：

<style name="Dialog_Anim"><item name="android:windowEnterAnimation">@anim/fade_in</item><item name="android:windowExitAnimation">@anim/fade_out</item></style>

在anim文件夹下，添加文件fade_in.xml for 淡入

<?xml version="1.0" encoding="utf-8"?>
<!-- 左下角扩大--><scale   xmlns:android="http://schemas.android.com/apk/res/android"android:interpolator="@android:anim/accelerate_decelerate_interpolator"  android:fromXScale="0.001" android:toXScale="1.0"   android:fromYScale="0.001"   android:toYScale="1.0"   android:pivotX="0%"  android:pivotY="100%"  android:duration="300" />

添加文件fade_out.xml for 淡出

<?xml version="1.0" encoding="utf-8"?>
<!-- 右下角缩小 -->
<scale   xmlns:android="http://schemas.android.com/apk/res/android"android:interpolator="@android:anim/accelerate_decelerate_interpolator"  android:fromXScale="1.0"   android:toXScale="0.001"   android:fromYScale="1.0"   android:toYScale="0.001"   android:pivotX="100%"  android:pivotY="100%" android:duration="300" />

最后，在要弹出对话框的地方添加如下代码

//显示提示信息private void showTips(){final Dialog dialog = new Dialog(this, R.style.Dialog_Fullscreen);          dialog.setContentView(R.layout.tips_for_long_click_layout);  dialog.show();TextView tv = (TextView)dialog.findViewById(R.id.textView1);String fontPath = "fonts/hkwwt.TTF";Typeface tf = Typeface.createFromAsset(getAssets(), fontPath);tv.setTypeface(tf);tv.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {dialog.dismiss();}});}

其中字体为华康娃娃体，下面是一些常用的字体：
http://pan.baidu.com/s/1pLGP8ZT

实现效果如下：

Android半透明提示效果的实现相关推荐

html中文本框的透明度,jQuery实现textarea文本框半透明文本提示效果
jquery实现textarea文本框带有半透明文本提示效果: textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能,有的在textarea文本框的有默认的提示语言. ...
[Android实例] 天天动听半透明Menu效果
这个咱再分享个天天动听的半透明Menu效果,个人感觉挺漂亮. 看下效果. 感觉如何啊? 分解一下: 1. 利用Shaper设置一个半透明圆角背景 2. 定义Menu布局,主要就GridView, ...
android 半透明对话框,Android UI设计--半透明效果对话框及activity(可做遮罩层)
下面是style的一些属性及其解释自定义对话框效果如下 styles.xml filled_box.xml dialog_animation.xml 在anim目录下创建fading_in.xml, ...
jquery气泡提示效果
效果改自:http://inezha.com/p/7797945/item737 代码注释已经尽可能的详细了,也不多说了. 越用jquery就越喜欢用它... bubble.js: /* * @dat ...
html5背景文字,HTML5 Placeholder实现input背景文字提示效果
这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需 ...
Android studio 提示‘adb‘ 不是内部或外部命令，也不是可运行的程序的解决方法
Android studio 提示'adb' 不是内部或外部命令,也不是可运行的程序的解决方法在打开Android studio 命令行时,有时候会提示 'adb' 不是内部或外部命令,也不是可运行 ...
unity Android平台最佳效果探索（二）
上一篇 unity Android平台最佳效果探索(一) 上篇写到了实现PC版的效果继续 3.切换到Android平台后效果直接切换后,不能运行,报错挺多. 原因: (1)Android平台不支持 ...
android骨架屏框架,Android 骨架屏效果，了解一下
原标题:Android 骨架屏效果,了解一下以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静态图,示意正在加载数据,这样体验会好些, ...
为图片添加半透明遮罩效果
平时为图片添加半透明遮罩效果,我的做法如下: 利用标签i实现背景半透明遮罩.当鼠标hover时, 提高i的背景色透明度值background-color: rgba(0, 0, 0, .6) < ...
jquery 半透明遮罩效果小结
最近偏离学术的道路越来越远了!! 今天要小结的是实现一个半透明遮罩效果.点击页面上的一个按钮,立即在屏幕的正中央显示某个部件,并且在这个部件之外的区域像是蒙上了一层半透明的遮罩.点击遮罩区域,该正中央 ...

Android半透明提示效果的实现

Android半透明提示效果的实现相关推荐

最新文章

热门文章