Android UI设计----闪屏效果

           介绍一个UI设计界面----闪屏，当开始一个应用程序时，会有一个WeclomActivity，有一个动画效果，设定这个Activity动画几秒钟完成后自动跳动到应用程序的主界面，这样设计会给客户一个缓冲时间。

           要完成闪屏跳转，需要两个Activity（MainActivity和WeclomActivity），因为我们主要做闪屏效果，所以，主要设计一下WeclomActivity的布局， WeclomActivity中设计一个对图片的动画效果。需要一个ImageView和进度条ProgressBar。

 

activity_weclom.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_ling"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".WeclomActivity" >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/welcome" />

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="71dp" />

</RelativeLayout>

               在Activity中要获取imageView，然后对它进行设计动画效果。用到了AlphaAnimation类，还有imageView.startAnimation（）方法，如果实现动画结束后自动跳转Activity有两种方法：第一：就要用到Handler类的postDelayed()方法，然后再里面new一个intent。第二：添加一个AlphaAnimation类的监听setAnimationListener()，在里边有一个动画结束时调用的方法public void onAnimationEnd(Animation animation){}，在里边new一个intent。两种方法都可以实现闪屏效果。

 

WeclomActivity.java

 

public class WeclomActivity extends Activity {

	private ImageView imageView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_weclom);
		
		imageView = (ImageView)this.findViewById(R.id.imageView);
		
		AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
		alphaAnimation.setDuration(3000);//设置闪屏的时间，3秒后结束
		imageView.startAnimation(alphaAnimation);
		new Handler().postDelayed(new Runnable() {
			
			@Override
			public void run() {
				Intent intent = new Intent();
				intent.setClass(WeclomActivity.this, MainActivity.class);
				startActivity(intent);
				finish();
			}
		}, 1500);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.weclom, menu);
		return true;
	}

}

MainActivity可以自己设计，这里不是重点。好了，现在展示给大家效果：