首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

ViewFlipper Animation 运用

2012-10-06 
ViewFlipper Animation 使用ViewFlipper [功能]1. ViewFlipper 可以包含多个View 且View之间的切换有Anima

ViewFlipper Animation 使用
ViewFlipper

[功能]
1. ViewFlipper 可以包含多个View 且View之间的切换有Animation  比如:渐变效果


[代码]
1. 创建包含ViewFlipper 的main.xml 还包含2个Button 用于各个View切换

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    ><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    ><Buttonandroid:id="@+id/previousButton"      android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="Previous"    />    <Buttonandroid:id="@+id/nextButton"      android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="Next"    />    </LinearLayout><ViewFlipper  android:id="@+id/flipper"    android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:gravity="center"    ></ViewFlipper></LinearLayout>


2. 设定 Animation 效果
flipper = (ViewFlipper) findViewById(R.id.flipper);flipper.setInAnimation(AnimationUtils.loadAnimation(this,                android.R.anim.fade_in));flipper.setOutAnimation(AnimationUtils.loadAnimation(this,                android.R.anim.fade_out));


3. 在 ViewFlipper  里面增加各种View
flipper.addView(addTextByText("HelloAndroid"));        flipper.addView(addImageById(R.drawable.beijing_003_mb5ucom));        flipper.addView(addTextByText("eoe.Android"));        flipper.addView(addImageById(R.drawable.beijing_004_mb5ucom));        flipper.addView(addTextByText("Gryphone"));ublic View addTextByText(String text){    TextView tv = new TextView(this);    tv.setText(text);    tv.setGravity(1);    return tv;    }        public View addImageById(int id){ImageView iv = new ImageView(this);iv.setImageResource(id);return iv;    }



4. View 切换
* 下一个View
flipper.showNext();


* 上一个View
flipper.showPrevious();



现释出所有代码!

over.
  2.java代码:
    方法:ViewFlipper.setFlipInterval(int milliseconds);参数是秒数,效果跟xml一样
3 楼 jj_zerogra 2010-04-08   谢了,不过参数好像是毫秒数,呵呵,milliseconds 4 楼 oh老好人 2010-08-24   能做成这种效果不
分左右两边  左边的始终固定不动  右边的翻页
我 觉得好像实现不了 5 楼 wangguorui89 2010-12-30   效果的结果事件如何判断。

热点排行