`
guoyu04
  • 浏览: 7179 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

android UI 之 渐变效果

阅读更多
关于android UI 的渐变效果

做了两种情况:
1,是从一张图片变成另外一张图片,(使用情况:幻灯片播放照片时)
2,一张图片慢慢出现,(这个在很多情况下有用处!(比如打开游戏时,显示LOGO)

步骤
1
a,导入两个图片到drawable文件夹下
b,在drawable下新建文件, transition.xml (名称自选)
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:drawable="@drawable/ff"/>
    <item android:drawable="@drawable/chrome"/>
</transition>

c,在布局文件中加入ImageView
<ImageView
	android:id="@+id/logo_1"
	android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:src="@drawable/transition"
    />

d,然后就在Activity去操控了
        ImageView tiv = (ImageView)findViewById(R.id.logo_1);
        TransitionDrawable tdd = (TransitionDrawable)tiv.getDrawable();
        tdd.startTransition(5000);

5000参数时渐渐变化的时间,

2
图片从渐渐显示
a,放图片到drawable文件夹中
b,在布局文件中添加一个View
c,然后在Activity里面操控了
全局变量
        private ImageView mImg;
	private int mAlpha = 0;


获取引用
        mImg = (ImageView)findViewById(R.id.logo_2);


使用Handler
    private static final int DRAWABLE_BINA = 100;
    private Handler mHandler = new Handler(){
		@Override
		public void handleMessage(Message msg) {
			switch(msg.what){
			case DRAWABLE_BINA:
				if(mAlpha<255){
					mAlpha ++;
					mImg.setAlpha(mAlpha);
					Message nextMsg = Message.obtain(mHandler, DRAWABLE_BINA);
					mHandler.sendMessageDelayed(nextMsg, 20);
				}
				break;
			default :
				break;
			}
		}
    };


开始渐变
        mImg.setAlpha(mAlpha)
        Message msg = Message.obtain(mHandler, DRAWABLE_BINA);
		msg.sendToTarget();


附件为源码,
如果大家有更多更好的方法或好的东西,请留言,好让我们学习



  • Gme.zip (239.8 KB)
  • 下载次数: 65
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics