Android UI设计----闪屏效果
2013-04-23 08:58
274 查看
介绍一个UI设计界面----闪屏,当开始一个应用程序时,会有一个WeclomActivity,有一个动画效果,设定这个Activity动画几秒钟完成后自动跳动到应用程序的主界面,这样设计会给客户一个缓冲时间。
要完成闪屏跳转,需要两个Activity(MainActivity和WeclomActivity),因为我们主要做闪屏效果,所以,主要设计一下WeclomActivity的布局, WeclomActivity中设计一个对图片的动画效果。需要一个ImageView和进度条ProgressBar。
activity_weclom.xml
在Activity中要获取imageView,然后对它进行设计动画效果。用到了AlphaAnimation类,还有imageView.startAnimation()方法,如果实现动画结束后自动跳转Activity有两种方法:第一:就要用到Handler类的postDelayed()方法,然后再里面new一个intent。第二:添加一个AlphaAnimation类的监听setAnimationListener(),在里边有一个动画结束时调用的方法public
void onAnimationEnd(Animation animation){},在里边new一个intent。两种方法都可以实现闪屏效果。
WeclomActivity.java
MainActivity可以自己设计,这里不是重点。好了,现在展示给大家效果:
要完成闪屏跳转,需要两个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可以自己设计,这里不是重点。好了,现在展示给大家效果:
相关文章推荐
- Android UI设计之<四>自定义TextView属性,实现带边框效果的TextView
- Android UI设计之<五>自定义DrawView组件,实现数字签名效果
- Android UI设计之<一>使用ImageView实现ProgressBar旋转效果
- AndroidUI之开关效果的设计
- 【Android 界面效果15】Android UI 之一步步教你自定义控件(自定义属性、合理设计onMeasure、合理设计onDraw等)
- Android UI设计之<十>自定义ListView,实现QQ空间阻尼下拉刷新和渐变菜单栏效果
- AndroidUI之开关效果的设计
- Android UI设计之<十四>自定义ViewGroup,实现绚丽的仿支付宝咻一咻雷达脉冲效果
- Android UI设计之<七>自定义Dialog,实现各种风格效果的对话框
- 【Android UI设计与开发】第18期:滑动菜单栏(三)SlidingMenu动画效果的实现
- AndroidUI之开关效果的设计
- Android UI设计之<二>自定义SwitchButton开关,实现类似IOS中UISwitch的动画效果
- Android学习之UI模板设计
- android UI进阶之弹窗开发--实现通讯录的弹窗效果
- 赵雅智_AndroidUI_listview的item滑动删除效果
- Android UI控件之Gallery(拖动效果) --拖动式图片浏览
- Android中UI线程与后台线程交互设计的5种方法
- Android UI开发第九篇——SlidingDrawer 抽屉效果
- android高仿微信UI点击头像显示大图片效果
- Android UI体验之全屏沉浸式透明状态栏效果