android 设置Alpha值实现图片渐变效果

我们要将一个张图片显示在屏幕上，首先需要创建一个显示图片的对象，在Android中，这个对象是ImageView对象，然后通过setImageResources 方法来设置要显示的图片资源索引。当然，还可以对图片执行一些其它的操作，比如设置它的Alpha值等。这里通过一个示例来给大家演示，我们另起一个线程来改变图片的Alpha值。如果大家对线程的交互不熟悉那推荐大家看这篇文章了写的很全面了。 http://byandby.iteye.com/blog/825071 。我们先看看运行效果吧。

Activity01类

package xiaohang.zhimeng;import android.app.Activity;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.widget.ImageView;import android.widget.TextView;public class Activity01 extends Activity {// 声明ImageView对象ImageView imageView;// 声明TextViewTextView textView;// ImageView的alpha值int image_alpha = 255;// Handler对象用来给UI_Thread的MessageQueue发送消息Handler mHandler;// 线程是否运行判断变量boolean isrung = false;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);isrung = true;// 获得ImageView的对象imageView = (ImageView) this.findViewById(R.id.ImageView01);textView = (TextView) this.findViewById(R.id.TextView01);// 设置imageView的图片资源。同样可以再xml布局中像下面这样写// android:src="@drawable/logo"imageView.setImageResource(R.drawable.logo);// 设置imageView的Alpha值imageView.setAlpha(image_alpha);// 开启一个线程来让Alpha值递减new Thread(new Runnable() {@Overridepublic void run() {while (isrung) {try {Thread.sleep(200);// 更新Alpha值updateAlpha();} catch (InterruptedException e) {e.printStackTrace();}}}}).start();// 接受消息之后更新imageview视图mHandler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);imageView.setAlpha(image_alpha);// 设置textview显示当前的Alpha值textView.setText("现在的alpha值是:" + Integer.toString(image_alpha));// 刷新视图imageView.invalidate();}};}// 更新Alphapublic void updateAlpha() {if (image_alpha - 7 >= 0) {image_alpha -= 7;} else {image_alpha = 0;isrung = false;}// 发送需要更新imageview视图的消息-->这里是发给主线程mHandler.sendMessage(mHandler.obtainMessage());}}

布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:id="@+id/ImageView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/TextView01"
android:layout_below="@id/ImageView01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
</LinearLayout>

源码大家可以在附件下载。

更多相关文章

随机推荐