论坛首页 移动开发技术论坛

ViewFlipper Animation 使用

浏览 13031 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-13  
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"
    >
	<Button
	android:id="@+id/previousButton"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Previous"
    />
    <Button
	android: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.
   发表时间:2010-04-08  
不知道这个view之间的时间间隔怎么设置?谢了
0 请登录后投票
   发表时间:2010-04-08  
jj_zerogra 写道
不知道这个view之间的时间间隔怎么设置?谢了

有两种方式:
  1.xml中定义:
    xml属性:android:flipInterval
    如:<ViewFlipper android:id="@+id/flipper" android:flipInterval="5"/>,表示间隔5秒切换一次

  2.java代码:
    方法:ViewFlipper.setFlipInterval(int milliseconds);参数是秒数,效果跟xml一样
1 请登录后投票
   发表时间:2010-04-08  
谢了,不过参数好像是毫秒数,呵呵,milliseconds
0 请登录后投票
   发表时间:2010-08-24  
能做成这种效果不
分左右两边  左边的始终固定不动  右边的翻页
我 觉得好像实现不了
0 请登录后投票
   发表时间:2010-12-30  
效果的结果事件如何判断。
0 请登录后投票
论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics