首先看一下它的继承图:
viewAnimator 直接继承于FrameLayout,其中ViewSwitcher和ViewFlipper是它的直接子类。
今天我们就来分析一下ViewFlipper。它可以用来实现图片的自动展示
效果如下:
代码实现部分:
1、MainActivity.java
简简单单几行代码,就是任性
public class MainActivity extends Activity {
private ViewFlipper mViewFlipper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);注意:这里的布局文件一定要包括定义了ViewFlipper的xml文件(即ViewFlipper要不就是定义在这个布局文件中要不就是用Include加进来了)
mViewFlipper =(ViewFlipper) findViewById(R.id.mviewFlipper);
mViewFlipper.setInAnimation(this,R.animator.solide_in); //设置图片进入时的动画
mViewFlipper.setOutAnimation(this, R.animator.solide_out);//设置图片切出时的动画
mViewFlipper.startFlipping();
}
}
2、xml文件
在ViewFlipper中加入3个子View(上图中显示的3张图片)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ViewFlipper
android:id="@+id/mviewFlipper"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ImageView
android:id="@+id/iamge1"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/a"
/>
<ImageView
android:id="@+id/iamge2"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/b"
/>
<ImageView
android:id="@+id/iamge3"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/c"
/>
</ViewFlipper>
</LinearLayout>
3、两个动画文件:从屏幕外进入与从屏幕中出去
进入:
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator" >
<translate
android:duration="500"
android:fromXDelta="100%p"
android:toXDelta="0" />
<span style="white-space:pre"> </span>此处为从右边进入屏幕
</set>
出去:
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
>
<translate
android:duration = "500"
android:fromXDelta = "0"
android:toXDelta = "-100%p"/>
此处为从屏幕<span style="font-family: Arial, Helvetica, sans-serif;">左边出去</span>
</set>
4、上面显示的图片文件,可选自己喜欢的图片代替,这里就不给出了。
你也可以设置不同的view进出方向:
android:fromXDelta="0" android:toXDelta="-100%p" 往左邊消失
android:fromXDelta="-100%p" android:toXDelta="0" 從左邊進
android:fromXDelta="0" android:toXDelta="100%p" 往右邊消失
android:fromXDelta="100%p" android:toXDelta="0" 從右邊進