此节内容是对第(五)节内容中WhatsDoor.class类的实现。
首先是效果图:
微信的开门动画的想法真心不错,而且也非常酷炫。仔细观察,可以发现,整个开门动画里,包括3个动画过程:
1、左边的门——从右到左。
2、右边的门——从左到右。
3、中间的字——从小到大。
知道了这3个动画过程之后,就非常简单了。
对于界面布局,采用相对布局,然后在里面放置2个ImageView和1个TextView即可。
一、界面布局:
layout\whatsdoor.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView android:id="@+id/imageLeft"
android:scaleType="fitXY"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true