2019.7.1(实训第一天)
实验目标:app启动界面的添加及渐进渐入式启动
实验过程:
本次主要有两个界面,第一个是添加启动界面,第二个进入主程序的界面(本次项目的重点是设计启动界面,故主界面只显示英文字母Hello world)
步骤一:首先创建四个xml文件,其中两个文件分别命名为activity_view_pager及activity_wel_come,用于界面布局,另外两个为view_pager及main,创建在menu文件中,在activity_wel_come中添加如下代码:
<ImageView
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/timg"
/>
该处代码有两个作用,第一,添加一个id到R文件,第二,将启动界面的图片添加进去,用于后面代码调用该文件做准备;
步骤二:在activity_view_pager文件中添加下述代码:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
该处代码用于显示主界面的文字;
另外两个主要用于为后面的类调用menu文件,初始化menu文件下的两个布局文件,分别为main和view_pager。
步骤三:上述两个步骤准备好之后,在包src.com.example下创建两个包名分别为activity及shop2,在包名activity下创建一个类,类名为WelcomeActivity,在该类中首先定义一个ImageView变量lv,由于启动界面是全屏显示,控制全屏显示的代码是:
this.requestWindowFeature(Window.FEATURE_NO_TITLE);接下来是创建启动动画,代码如下:
AlphaAnimation alphaAnimation=new AlphaAnimation(0.0f, 1.0f); alphaAnimation.setDuration(4000);
iv.startAnimation(alphaAnimation);
该处代码主要的作用是控制启动界面在4s内从完全透明到不完全透明;
接下来为动画添加监听器,在AnimationListener方法中的onAnimationEnd()方法中,添加下述代码:
Intent it=new Intent(WelComeActivity.this,ViewPagerActivity.class);
startActivity(it);
作用是,使用Intent将WelcomeActivity类中的数据传递给在包名shop2下的类ViewPagerActivity ,及在启动界面动画结束后,显示view_pager文件下的文字,并启动activity。
类ViewPagerActivity的作用是调用内容视图activity_view_pager,并初始化menu文件下的view_pager布局文件。
最终结果如下图: