如果您用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功能。
相关推荐
然后在面板中添加了一个标签,并设置了其文本、对齐方式、字体和前景色。最后将主窗口设置为可见状态。在main()方法中演示了如何使用AWT和Swing来创建和管理图形用户界面。由于使用了容器和布局管理器,因此可以方便...
VisualizerJS Canvas 可视化库,最初是我的 Soundcloud 收音机的一部分,但决定将其作为一个单独的库推出。 ###要求 节点 0.10.18 ###安装 ...颜色:前景色 宽度:条宽 开始 ###添加自己的可视化功能
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 ...
(22)ForeColor属性:用来获取或设置控件的前景色。 (23)IsMdiChild属性:获取一个值,该值指示该窗体是否为多文档界面(MDI)子窗体。值为 true时,是子窗体,值为false时,不是子窗体。 (24)IsMdiContainer...
(22)ForeColor属性:用来获取或设置控件的前景色。 (23)IsMdiChild属性:获取一个值,该值指示该窗体是否为多文档界面(MDI)子窗体。值为 true时, 是子窗体,值为false时,不是子窗体。 (24)...
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,...
StyledText是Text构件的扩展,它提供了丰富的文本功能,比如对某段文字的背景色、前景色或字体的设置。在*.custom包中也可找到一个新的StackLayout布局方式。 SWT对用户操作的响应,比如鼠标或键盘事件,也是采用了...
在创建按钮的同时明确以下几个参数 容器控件、资源存放的目录、X坐标、Y坐标、背景图片、按钮的标题、非激活时的文字颜色、激活时的文字颜色、触发的指令。创建窗口,针对窗体事件做如下定义 •在Form_Load时生成...
WINCE和Windows Mobile上的透明控件,包括...可以设定正常显示图片,点击切换图片,前景、背景色。按钮上的文本可以设定是显示在按钮内部还是外部。可以自动拉伸图片以及调整图片显示位置。 使用方式可以查看附录的Demo
《C#全能速查宝典》共分为8章,分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程,共包含562个C#编程中常用...
BmpShape控件只能用在TForm容器上3. BMP文件可以是256色或者24位色4。大块背景色必须和背景色绝对相等才能获得正常效果}interfaceuses Forms,Windows, Messages, SysUtils, Classes, Controls, ExtCtrls,Graphics;...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
Java绘制图片火焰效果 1个目标文件 摘要:Java源码,图形操作,火焰效果 Java绘制图片火焰效果,源代码相关注释:前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、...