我们平时刚开始安装一个程序时,都会有一个引导的翻页。这个小练习就是模拟下:
直接上全部代码吧:
public class WelcomeAcitvity extends AppCompatActivity {
private Handler handler=new Handler(){
@Override
public void handleMessage(@NonNull Message msg) {
if(msg.what==1){
startActivity(new Intent(WelcomeAcitvity.this,OnePage.class));
finish();
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome_acitvity);
handler.sendEmptyMessageDelayed(1,5000);
}
}
这里开始的代码及其简单。就是利用handler延迟开启别的activity。难点是在于:这里的进度条是自己找的图片,让它自己旋转。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".WelcomeAcitvity"
android:background="@drawable/qq">
<!--上面相对布局还设置了背景-->
<!--自定义图片旋转的代码:最后两行-->
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_alignParentBottom="true"
android:layout_marginBottom="100dp"
android:indeterminateDrawable="@anim/image_progress"
android:indeterminateDuration="500"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="当前版本1.0"
android:textSize="20dp"
android:layout_centerHorizontal="true"
android:layout_above="@+id/progressBar"
android:id="@+id/tv_main"
android:layout_marginBottom="20dp"/>
</RelativeLayout>
@anim/image_progress:
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/jd">
</rotate>
剩下的几个页面的步骤都差不多:
直接看第二个页面好了,第一个页面有的第二个页面也有
(白白的一片,做个模拟就好了)
代码:
public class TwoPage extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_two_page);
}
public void back(View view){
finish();
overridePendingTransition(R.anim.left_in,R.anim.right_out);
}
public void next(View view){
startActivity(new Intent(this,ThreePage.class));
overridePendingTransition(R.anim.right_in,R.anim.left_out);
}
}
主要的是动画文件的理解:
这里我们要做的效果是按下一页的时候,页面从左边出去,然后新页面从右边进来
R.anim.right_in:
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="100%"
android:toXDelta="0"
android:duration="500">
</translate>
R.anim.left_out:
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="-100%"
android:duration="500">
</translate>
R.anim.left_in
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="-100%"
android:toXDelta="0"
android:duration="500">
</translate>
R.anim.right_out
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="100%"
android:duration="500">
</translate>
上边代码的意思就是…自己理解吧,我也不懂怎么解释。
大致就这样个流程,其他代码就不上了吧…