Android设置点击事件,让指定区域背景变暗
2017-06-23 本文已影响2065人
某人_Valar
整体思路:使用FrameLayout作为变暗区域的Root,并设置FrameLayout的foreground为黑色不透明的shape,之后就可以修改shape的透明度,让指定区域变暗。之后通过在子线程中添加延时,使屏幕变化缓慢执行,实现渐变效果。
本文结构
- 1.简单实现
- 2.在实现过程中添加延时效果,让其变暗有一个过程,再逐步恢复原样。
1.简单实现
1.1 新建dim.xml
先新建一个dim.xml文件(/drawable/dim.xml),里面放入要用的shape。
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid android:color="#000000" />
</shape>
注意其中颜色为黑色(#000000),没有指定Alpha通道(透明度)的值。如果在这里指定了Alpha通道,如使用#ff000000,该Alpha通道的值(0xff)就会固定,无法再通过setAlpha()方法设置。
1.2 设置布局文件
将要变暗的区域放在FrameLayout中,并设置 FrameLayout 的 foreground 为上面定义的 dim.xml。
由于 dim.xml 是不透明的黑色,这里还设置了tools:foreground="",以免在Preview窗口一团黑。
<FrameLayout
android:id="@+id/fl_forDark"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:foreground="@drawable/dim"
tools:foreground=""
>
<android.support.v4.view.ViewPager
android:id="@+id/main_viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</FrameLayout>
如果在设置tools:foreground=""时报错,检查一下有没有设置:
xmlns:tools="http://schemas.android.com/tools"
1.3 java代码部分
同样由于 dim.xml 是黑色的,在初始化时记得首先把它设置为透明:
mFrameLayout = (FrameLayout) findViewById(R.id.fl_forDark);
if (mFrameLayout.getForeground()!=null){
mFrameLayout.getForeground().setAlpha(0);
}
然后可以在点击事件中添加setAlpha()实现效果。
mFrameLayout.getForeground().setAlpha(127); //此句添加到第一个点击事件中,点击屏幕变暗
mFrameLayout.getForeground().setAlpha(0); //此句添加到第二个点击事件中,点击屏幕恢复
2.添加延时效果
通过实现上面的代码发现,屏幕变暗与恢复都是瞬间完成的,显得突兀,在实际开发过程中可能需要让其变化有一个过程。
2.1 新建一个Handle对象,在Hanlde调用改变透明度的方法
Handler mHandler = new Handler(){
@Override
public void handleMessage(Message msg) {
switch (msg.what){
case 1:
mFrameLayout.getForeground().setAlpha((int)msg.obj);
break;
}
}
};
2.2 在onClick()方法中修改,
先设置一个参数
private int alpha; //用于设定透明度的参数
将原来的两句删掉,
mFrameLayout.getForeground().setAlpha(127);
mFrameLayout.getForeground().setAlpha(0);
在用于变暗的onClick()中写入:
alpha = 0;
new Thread(new Runnable() {
@Override
public void run() {
while (alpha < 127) {
try {
Thread.sleep(4);
} catch (InterruptedException e) {
e.printStackTrace();
}
Message msg = mHandler.obtainMessage();
msg.what = 1;
alpha += 1; //每次加1,逐渐变暗
msg.obj = alpha;
mHandler.sendMessage(msg);
}
}
}).start();
在用于恢复的onClick()写入:
alpha = 127;
new Thread(new Runnable() {
@Override
public void run() {
while (alpha > 0) {
try {
Thread.sleep(4);
} catch (InterruptedException e) {
e.printStackTrace();
}
Message msg = mHandler.obtainMessage();
msg.what = 1;
alpha -= 1; //每次加1,逐渐变暗
msg.obj = alpha;
mHandler.sendMessage(msg);
}
}
}).start();
这样可以效果了。