????? 前幾天使用一款android手機測試的時候,
發(fā)現(xiàn)了應用的 shortcut 九宮格頁面有一個點擊效果,
就是當點擊一個應用的icon圖標的時候,會在icon的周圍有熒光效果,
無論icon的形狀是什么樣子的都會有這樣的效果,然后又想到Apidemo里面有個alphaDrawable例子
大家可以去在回顧一下,之后我就想到了會不會是使用這個extractAlpha實現(xiàn)的,自己就動手寫了個例子
發(fā)現(xiàn)效果確實不錯,分享給大家
主要關鍵點
1、設置imageview的src drawable
2、從src drawable中抽取 bitmap的alpha(只有透明度沒有顏色)
3、使用bitmap的alpha填充一種顏色后生產(chǎn)新的bitmap
4、使用新生成的bitmap做一個statelistdrawable作為imageview的backgroud
5、這需要注意的是要跟imageview設置幾個像素的padding這樣才不會讓src和backgroud重合
主要的代碼:
具體見附件。
為ImageView或者LinearLayout畫圖片陰影
http://407827531.iteye.com/blog/1194984
圖片陰影效果和影子效果
http://www.eoeandroid.com/thread-90575-1-2.html
發(fā)現(xiàn)了應用的 shortcut 九宮格頁面有一個點擊效果,
就是當點擊一個應用的icon圖標的時候,會在icon的周圍有熒光效果,
無論icon的形狀是什么樣子的都會有這樣的效果,然后又想到Apidemo里面有個alphaDrawable例子
大家可以去在回顧一下,之后我就想到了會不會是使用這個extractAlpha實現(xiàn)的,自己就動手寫了個例子
發(fā)現(xiàn)效果確實不錯,分享給大家
主要關鍵點
1、設置imageview的src drawable
2、從src drawable中抽取 bitmap的alpha(只有透明度沒有顏色)
3、使用bitmap的alpha填充一種顏色后生產(chǎn)新的bitmap
4、使用新生成的bitmap做一個statelistdrawable作為imageview的backgroud
5、這需要注意的是要跟imageview設置幾個像素的padding這樣才不會讓src和backgroud重合
主要的代碼:
/*
* Copyright (C) 2009 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.study;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Bitmap.Config;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.StateListDrawable;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
/**
* A layout that arranges its children in a grid. The size of the
* cells is set by the {@link #setCellSize} method and the
* android:cell_width and android:cell_height attributes in XML.
* The number of rows and columns is determined at runtime. Each
* cell contains exactly one view, and they flow in the natural
* child order (the order in which they were added, or the index
* in {@link #addViewAt}. Views can not span multiple cells.
*/
public class FixedGridLayout extends ViewGroup {
int mCellWidth;
int mCellHeight;
public FixedGridLayout(Context context) {
super(context);
}
public FixedGridLayout(Context context, AttributeSet attrs) {
super(context, attrs);
// Read the resource attributes.
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FixedGridLayout);
mCellWidth = a.getDimensionPixelSize(R.styleable.FixedGridLayout_cellWidth, -1);
mCellHeight = a.getDimensionPixelSize(R.styleable.FixedGridLayout_cellHeight, -1);
a.recycle();
}
public void setCellWidth(int px) {
mCellWidth = px;
requestLayout();
}
public void setCellHeight(int px) {
mCellHeight = px;
requestLayout();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int cellWidthSpec = MeasureSpec.makeMeasureSpec(mCellWidth, MeasureSpec.AT_MOST);
int cellHeightSpec = MeasureSpec.makeMeasureSpec(mCellHeight, MeasureSpec.AT_MOST);
int count = getChildCount();
for (int index=0; index<count; index++) {
final View child = getChildAt(index);
child.measure(cellWidthSpec, cellHeightSpec);
}
// Use the size our parents gave us
setMeasuredDimension(resolveSize(mCellWidth*count, widthMeasureSpec),
resolveSize(mCellHeight*count, heightMeasureSpec));
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
int cellWidth = mCellWidth;
int cellHeight = mCellHeight;
int columns = (r - l) / cellWidth;
if (columns < 0) {
columns = 1;
}
int x = 0;
int y = 0;
int i = 0;
int count = getChildCount();
for (int index=0; index<count; index++) {
final View child = getChildAt(index);
int w = child.getMeasuredWidth();
int h = child.getMeasuredHeight();
int left = x + ((cellWidth-w)/2);
int top = y + ((cellHeight-h)/2);
child.layout(left, top, left+w, top+h);
if (i >= (columns-1)) {
// advance to next row
i = 0;
x = 0;
y += cellHeight;
} else {
i++;
x += cellWidth;
}
}
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
int cnt = getChildCount();
Paint p = new Paint();
p.setColor(Color.CYAN);
for (int i=0; i<cnt; i++) {
View v = getChildAt(i);
setStateDrawable((ImageView)v, p);
}
}
private void setStateDrawable(ImageView v, Paint p) {
BitmapDrawable bd = (BitmapDrawable) v.getDrawable();
Bitmap b = bd.getBitmap();
Bitmap bitmap = Bitmap.createBitmap(bd.getIntrinsicWidth(), bd.getIntrinsicHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
canvas.drawBitmap(b.extractAlpha(), 0, 0, p);
StateListDrawable sld = new StateListDrawable();
sld.addState(new int[]{android.R.attr.state_pressed}, new BitmapDrawable(bitmap));
v.setBackgroundDrawable(sld);
}
}
具體見附件。
為ImageView或者LinearLayout畫圖片陰影
http://407827531.iteye.com/blog/1194984
圖片陰影效果和影子效果
http://www.eoeandroid.com/thread-90575-1-2.html
更多文章、技術交流、商務合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元

