android-微信引导图类似开门的效果

最新推荐文章于 2022-11-27 12:46:00 发布

bluebell_55

最新推荐文章于 2022-11-27 12:46:00 发布

阅读量941

点赞数

分类专栏： android

android 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

最近在学UI，在网上找了个微信的UI源码学习，代码是别人的，在此做一点笔记。

先看效果图吧。（这里讲的是那个开门的效果）

代码如下：

whats_door.xml

<?xml version="1.0" encoding="UTF-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
         >
        
        <ImageView
            android:id="@+id/imageLeft"
            android:scaleType="fitXY"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentLeft="true"            
            android:src="@drawable/w_left" />
        
        <ImageView
            android:id="@+id/imageRight"
            android:visibility="visible"
            android:scaleType="fitXY"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_alignParentRight="true"            
            android:src="@drawable/w_right" />
        <TextView 
            android:id="@+id/anim_text"
        	android:layout_width="fill_parent" 
        	android:layout_height="wrap_content" 
        	android:gravity="center" 
        	android:layout_alignParentTop="true"
            android:layout_marginTop="35dp"
        	android:text=" \n \n微信，是一个生活方式\n \n "         	
        	android:textSize="22sp"
        	android:textColor="#fff" 
        />

    </RelativeLayout>

w_left.png

w_right.png

WhatsnewDoor.java

package cn.buaa.myweixin;



import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.TextView;

public class WhatsnewDoor extends Activity {
	
	private ImageView mLeft;
	private ImageView mRight;
	private TextView mText;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.whats_door);
        
        mLeft = (ImageView)findViewById(R.id.imageLeft);
        mRight = (ImageView)findViewById(R.id.imageRight);
        mText = (TextView)findViewById(R.id.anim_text);
        
        AnimationSet anim = new AnimationSet(true);
		TranslateAnimation mytranslateanim = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,-1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
		mytranslateanim.setDuration(2000);
		anim.setStartOffset(800);
		anim.addAnimation(mytranslateanim);
		anim.setFillAfter(true);
		mLeft.startAnimation(anim);
		
		AnimationSet anim1 = new AnimationSet(true);
		TranslateAnimation mytranslateanim1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,+1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
		mytranslateanim1.setDuration(1500);
		anim1.addAnimation(mytranslateanim1);
		anim1.setStartOffset(800);
		anim1.setFillAfter(true);
		mRight.startAnimation(anim1);
		
		AnimationSet anim2 = new AnimationSet(true);
		ScaleAnimation myscaleanim = new ScaleAnimation(1f,3f,1f,3f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
		myscaleanim.setDuration(1000);
		AlphaAnimation myalphaanim = new AlphaAnimation(1,0.0001f);
		myalphaanim.setDuration(1500);
		anim2.addAnimation(myscaleanim);
		anim2.addAnimation(myalphaanim);
		anim2.setFillAfter(true);
		mText.startAnimation(anim2);
		
		new Handler().postDelayed(new Runnable(){
			@Override
			public void run(){
				Intent intent = new Intent (WhatsnewDoor.this,MainWeixin.class);			
				startActivity(intent);			
				WhatsnewDoor.this.finish();
			}
		}, 2300);
    }

    
}

其中

AnimationSet anim = new AnimationSet(true); // 创建一个Animation对象

TranslateAnimation的构造方法下面另外说

mytranslateanim.setDuration(2000); //设置动画持续时间为2s

anim.setStartOffset(800);

【功能说明】该方法用于设置一个动画执行的启动时间，单位为毫秒。系统默认当执行start方法后立刻执行动画，如果使用该方法设置，将延迟一定的实践再启动动画

【基本语法】public void setStartOffset (long startOffset) 其中参数startOffset为动画的启动时间，单位为毫秒。

anim.setFillAfter(true); 表示保留在终止位置

Android JDK为我们提供了4种动画效果，分别是： AlphaAnimation,RotateAnimation, ScaleAnimation, TranslateAnimation.今天我想讲解的是TranslateAnimation这个动画效果。也是本人在做一个移动图片的动画效果的项目时，遇到了一些问题。在网上查了很多资料，搞了好几天。终于明白怎么使用这个TranslateAnimation，在本文中记录下来，以便以后忘记了可以查阅。

　　TranslateAnimation是移动的动画效果。它有三个构造函数，分别是：

　　1.public　　TranslateAnimation(Context context,AttributeSet attrs) 略过

　　2.public　　TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

　　这个是我们最常用的一个构造方法，

　　float fromXDelta:这个参数表示动画开始的点离当前View X坐标上的差值；

　　float toXDelta, 这个参数表示动画结束的点离当前View X坐标上的差值；

　　float fromYDelta, 这个参数表示动画开始的点离当前View Y坐标上的差值；

　　float toYDelta)这个参数表示动画开始的点离当前View Y坐标上的差值；

　　如果view在A(x,y)点那么动画就是从B点(x+fromXDelta, y+fromYDelta)点移动到C 点(x+toXDelta,y+toYDelta)点.

　　3.public　　TranslateAnimation (int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)

　　fromXType:第一个参数是x轴方向的值的参照(Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF,or Animation.RELATIVE_TO_PARENT);

　　fromXValue:第二个参数是第一个参数类型的起始值；

　　toXType,toXValue:第三个参数与第四个参数是x轴方向的终点参照与对应值；

　　后面四个参数就不用解释了。如果全部选择Animation.ABSOLUTE，其实就是第二个构造函数。

以x轴为例介绍参照与对应值的关系:

如果选择参照为Animation.ABSOLUTE，那么对应的值应该是具体的坐标值，比如100到300，指绝对的屏幕像素单位

如果选择参照为Animation.RELATIVE_TO_SELF或者 Animation.RELATIVE_TO_PARENT指的是相对于自身或父控件，对应值应该理解为相对于自身或者父控件的几倍或百分之多少。多试参数就明白了。(这里用到的就是这种方法)

另外：插个小广告，下面的链接是我抓取屏幕GIF的小工具。

→GIF屏幕录像专家

http://download.csdn.net/detail/bluebell_55/8603789#comment