`
hemowolf
  • 浏览: 151735 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
阅读更多

    如果您用google play会发现当按下应用图标时,会出现一透明色覆盖在图标上面(如下图)。注意这个不是background效果而是foreground或是遮罩(overlay)。
    
    实现这种效果通常的思路是在容器(LinearLayout、RelativeLayout等)画玩子控件后,再画一透明色或透明图片在容器顶层达到覆盖遮罩的效果。不过这种思路还需重载onTouchEvent来监听手指按下、抬起等,而且实现将非常的繁琐。
    幸好还有更加便捷的实现方法:那就是google在View类中提供的getDrawableState、drawableStateChanged方法。getDrawableState返回的是视图状态,而drawableStateChanged即是状态发生变化时调用。ok!有了这2个api我们就可以挂接到Drawable的callback设置相应的状态(setState),从而根据不同的状态绘制不同的drawable状态(selector).

    下面是一个简单的控件代码

package com.droidwolf.overlay;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.LinearLayout;

public class OverlayContainer extends LinearLayout {
	private Drawable mForeground;
	private final Rect mBound = new Rect();

	public OverlayContainer(Context context) {
		super(context);
	}

	public OverlayContainer(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public Drawable getForegroundDrawable() {
		return mForeground;
	}

	public void setForegroundDrawable(Drawable draw) {
		if (draw == mForeground) {
			return;
		}
		if (mForeground != null) {
			unscheduleDrawable(mForeground);
			mForeground.setCallback(null);
		}
		mForeground = draw;
		if (draw != null) {
			if (draw.isStateful()) {
				draw.setState(getDrawableState());
			}
			draw.setCallback(this);
		}
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		mBound.set(0, 0, getMeasuredWidth(), getMeasuredHeight());
	}

	@Override
	protected void drawableStateChanged() {
		super.drawableStateChanged();
		if (mForeground != null && mForeground.isStateful()) {
			mForeground.setState(getDrawableState());
		}
	}

	@Override
	protected boolean verifyDrawable(Drawable who) {
		return super.verifyDrawable(who) || (who == mForeground);
	}

	@Override
	public void dispatchDraw(Canvas canvas) {
		if (mForeground == null) {
			super.dispatchDraw(canvas);
		} else {
			final int sc = canvas.save();
			super.dispatchDraw(canvas);
			mForeground.setBounds(mBound);
			mForeground.draw(canvas);
			canvas.restoreToCount(sc);
		}
	}
}

 

    需要注意的是如果容器的子控件设置了OnClickListener事件,mForeground绘画状态就有可能失效,这时您需要添加addStatesFromChildren属性并设置为true。
   另:FrameLayout已经实现了
foreground功能。

分享到:
评论

相关推荐

    使用Java AWT和Swing实现一个简单的图形用户界面.txt

    然后在面板中添加了一个标签,并设置了其文本、对齐方式、字体和前景色。最后将主窗口设置为可见状态。在main()方法中演示了如何使用AWT和Swing来创建和管理图形用户界面。由于使用了容器和布局管理器,因此可以方便...

    VisualizerJS:画布可视化库

    VisualizerJS Canvas 可视化库,最初是我的 Soundcloud 收音机的一部分,但决定将其作为一个单独的库推出。 ###要求 节点 0.10.18 ###安装 ...颜色:前景色 宽度:条宽 开始 ###添加自己的可视化功能

    div+css有实例,易学易懂

    1.5 Web 标准的前景 第 2 章 XHTML 书写规范 第14 页 2.1 为什么要使用XHTML 2.2 什么是XHTML 2.3 XHTML 语法基础 2.3.1 XHTML 页面结构 2.3.2 元素的书写格式和属性 2.3.3 各种元素的属性 2.4 XHTML 代码规范 第 3 ...

    C# 常用控件大全

    (22)ForeColor属性:用来获取或设置控件的前景色。 (23)IsMdiChild属性:获取一个值,该值指示该窗体是否为多文档界面(MDI)子窗体。值为 true时,是子窗体,值为false时,不是子窗体。 (24)IsMdiContainer...

    C#控件大全

    (22)ForeColor属性:用来获取或设置控件的前景色。 (23)IsMdiChild属性:获取一个值,该值指示该窗体是否为多文档界面(MDI)子窗体。值为 true时, 是子窗体,值为false时,不是子窗体。 (24)...

    Java语言程序设计(一)课后习题第十二章(附答案).doc

    fg=new Checkbox("前景"); p1.add(bg); p1.add(fg); btnOK=new Button("确定"); btnCancel=new Button("取消"); p2.add(btnOK); p2.add(btnCancel); p.add(p1); p.add(p2); add(ch,BorderLayout.NORTH); add(p,...

    开发项目用SWING与RCP与SWT.JFACE的分析

    StyledText是Text构件的扩展,它提供了丰富的文本功能,比如对某段文字的背景色、前景色或字体的设置。在*.custom包中也可找到一个新的StackLayout布局方式。 SWT对用户操作的响应,比如鼠标或键盘事件,也是采用了...

    在WinCE5.0下实现透明背景按钮(.net C#)

    在创建按钮的同时明确以下几个参数 容器控件、资源存放的目录、X坐标、Y坐标、背景图片、按钮的标题、非激活时的文字颜色、激活时的文字颜色、触发的指令。创建窗口,针对窗体事件做如下定义 •在Form_Load时生成...

    WINCE和Windows Mobile上的透明控件,图片按钮,图片标签,支持窗体背景图

    WINCE和Windows Mobile上的透明控件,包括...可以设定正常显示图片,点击切换图片,前景、背景色。按钮上的文本可以设定是显示在按钮内部还是外部。可以自动拉伸图片以及调整图片显示位置。 使用方式可以查看附录的Demo

    C#全能速查宝典

    《C#全能速查宝典》共分为8章,分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程,共包含562个C#编程中常用...

    自制MP3播放器 (TMediaPlayer/BmpShape)

    BmpShape控件只能用在TForm容器上3. BMP文件可以是256色或者24位色4。大块背景色必须和背景色绝对相等才能获得正常效果}interfaceuses Forms,Windows, Messages, SysUtils, Classes, Controls, ExtCtrls,Graphics;...

    JAVA上百实例源码以及开源项目

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    JAVA上百实例源码以及开源项目源代码

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    java源码包---java 源码 大量 实例

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    java源码包2

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    java源码包3

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    java源码包4

     Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    Java绘制图片火焰效果 1个目标文件 摘要:Java源码,图形操作,火焰效果 Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、...

Global site tag (gtag.js) - Google Analytics