ViewFlipper左右滑动事件

ViewFlipper左右滑动事件

新建一个继承Activity类的ViewFlipperActivity,并设置布局文件为:viewflipper.xml。

首先在布局文件中添加一个TextView,和一个ViewFlipper,并在ViewFlipper布局中添加2个LinearLayout,里面设置不同的背景颜色。

<?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" >

 

    <TextView

        android:id="@+id/viewflipper_tv01"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_horizontal"

        android:text="@string/show_information"

        android:textSize="22sp" />

 

    <ViewFlipper

        android:id="@+id/viewflipper_viewflipper"

        android:layout_width="match_parent"

        android:layout_height="match_parent" >

 

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:background="#FFFF0000" >

        </LinearLayout>

 

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:background="#FF0000FF" >

        </LinearLayout>

    </ViewFlipper>

 

</LinearLayout>

而后在Activity代码中,获取ViewFlipper对象,并通过onTouchListener()处理ViewFlipper显示的界面。

package lyx.feng.simpletextdemo;

......

public class ViewFlipperActivity extends Activity implements OnTouchListener {

    private ViewFlipper viewFlipper = null;

    private TextView tv = null;

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       super.setContentView(R.layout.viewflipper);

       this.viewFlipper = (ViewFlipper) super

              .findViewById(R.id.viewflipper_viewflipper);

       this.tv = (TextView) super.findViewById(R.id.viewflipper_tv01);

       this.viewFlipper.setOnTouchListener(this);

        this.viewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,

              android.R.anim.fade_in));

        this.viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,

              android.R.anim.fade_out));

    }

 

    @Override

    public boolean onTouch(View v, MotionEvent event) {

       int start = 0;

       int end = 0;

       switch (event.getAction()) {

       case MotionEvent.ACTION_DOWN:

           start = (int) event.getX();

           break;

       case MotionEvent.ACTION_UP:

           end = (int) event.getX();

           if (start - end > 10) {

              this.viewFlipper.showNext();

              this.tv.setText("next");

              // Toast.makeText(this, "next", Toast.LENGTH_SHORT).show();

           }

           if (start - end < 10) {

              this.viewFlipper.showPrevious();

              this.tv.setText("previous");

              // Toast.makeText(this, "previous", Toast.LENGTH_SHORT).show();

           }

           break;

       }

       return true;

    }

}

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ViewFlipper是Android中的一个ViewGroup,可以用于实现视图的轮播、广告轮播等效果。以下是一个简单的示例,实现ViewFlipper的左右滑动切换图片效果: 1. 在XML布局文件中加入ViewFlipper组件,并添加ImageView子组件作为要轮播的图片。 ```xml <ViewFlipper android:id="@+id/viewFlipper" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/image1"/> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/image2"/> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/image3"/> </ViewFlipper> ``` 2. 在Java代码中获取ViewFlipper组件,并设置动画效果。 ```java ViewFlipper viewFlipper = findViewById(R.id.viewFlipper); // 设置切换动画 viewFlipper.setInAnimation(this, android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this, android.R.anim.slide_out_right); // 设置轮播时间间隔 viewFlipper.setFlipInterval(3000); // 启动自动轮播 viewFlipper.setAutoStart(true); ``` 在上述代码中,我们使用了Android自带的两种动画效果:slide_in_left和slide_out_right,这两种动画效果可以实现ViewFlipper的左右滑动切换图片效果。同时,我们还设置了轮播时间间隔为3秒,并启动了自动轮播。 最后,我们需要注意的是,如果我们想要在ViewFlipper中添加更多的图片,只需要在XML布局文件中添加更多的ImageView子组件即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值