您的位置:首页 > 产品设计 > UI/UE

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

2013-04-23 08:58 274 查看
介绍一个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可以自己设计,这里不是重点。好了,现在展示给大家效果:





内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: