ViewFlipper的使用(图片切换)

当监听到滑动,自动播放就会暂停。

示例图1(轮播)
自动播放

Activity:


public class MainActivity extends AppCompatActivity implements android.view.GestureDetector.OnGestureListener{
    private int[] imgs={R.drawable.img1,R.drawable.img2,R.drawable.img3};
    private GestureDetector gestureDetector=null;
    private ViewFlipper viewFlipper=null;
    private AppCompatActivity mActivity;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        mActivity=this;
        viewFlipper= (ViewFlipper) findViewById(R.id.viewflipper);
        gestureDetector=new GestureDetector(this);
        for(int i=0;i<imgs.length;i++){
            ImageView imageView=new ImageView(this);
            imageView.setImageResource(imgs[i]);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            viewFlipper.addView(imageView,new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            viewFlipper.setAutoStart(true);
            viewFlipper.setFlipInterval(3000);//设置View播放的时间间隔,如3000(3秒)
            if(viewFlipper.isAutoStart()&&!viewFlipper.isFlipping()){
                viewFlipper.startFlipping();
            }
        }

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
    }


    @Override
    public boolean onDown(MotionEvent e) {
        return false;//表示按下事件
    }

    @Override
    public void onShowPress(MotionEvent e) {
     //down事件发生而move或则up还没发生前触发该事件,此事件一般用于通知用户press按击事件已发生
    }

    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        return false;//一次点击up事件,表示按下后的抬起事件
    }

    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        return false;//:在屏幕上拖动事件,即down按下点——scroll拖动——up抬起点的move移动事件
    }

    @Override
    public void onLongPress(MotionEvent e) {
    //长按事件,down事件后up事件前的一段时间间隔后(由系统分配,也可自定义),如果仍然按住屏幕则视为长按事件
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        viewFlipper.stopFlipping();             // 点击事件后,停止自动播放
        viewFlipper.setAutoStart(false);
        return gestureDetector.onTouchEvent(event);         // 注册手势事件
    }

    @Override//滑动手势事件,例如scroll事件后突然up,fling的速度大小由e每秒x和y改变大小决定
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        if (e2.getX() - e1.getX() > 120) {            // 从左向右滑动(左进右出)
            Animation rInAnim = AnimationUtils.loadAnimation(mActivity, R.anim.push_right_in);  // 向右滑动左侧进入的渐变效果(alpha  0.1 -> 1.0)
            Animation rOutAnim = AnimationUtils.loadAnimation(mActivity, R.anim.push_right_out); // 向右滑动右侧滑出的渐变效果(alpha 1.0  -> 0.1)

            viewFlipper.setInAnimation(rInAnim);
            viewFlipper.setOutAnimation(rOutAnim);
            viewFlipper.showPrevious();
            return true;
        } else if (e2.getX() - e1.getX() < -120) {        // 从右向左滑动(右进左出)
            Animation lInAnim = AnimationUtils.loadAnimation(mActivity, R.anim.push_left_in);       // 向左滑动左侧进入的渐变效果(alpha 0.1  -> 1.0)
            Animation lOutAnim = AnimationUtils.loadAnimation(mActivity, R.anim.push_left_out);     // 向左滑动右侧滑出的渐变效果(alpha 1.0  -> 0.1)

            viewFlipper.setInAnimation(lInAnim);
            viewFlipper.setOutAnimation(lOutAnim);
            viewFlipper.showNext();
            return true;
        }
        return true;
    }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.it.zzb.viewflipperdemo.MainActivity"
    tools:showIn="@layout/activity_main">

    <ViewFlipper
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/viewflipper"
        ></ViewFlipper>
</LinearLayout>

滑动内容:push_left_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromXDelta="100%p"
        android:toXDelta="0" />

    <alpha
        android:duration="500"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />
</set>

滑动内容:push_left_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

    <alpha
        android:duration="500"
        android:fromAlpha="1.0"
        android:toAlpha="0.1" />
</set>

滑动内容:push_right_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="500"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />

    <alpha
        android:duration="500"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />
</set>

滑动内容:push_right_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
           android:duration="500"
           android:fromXDelta="0"
           android:toXDelta="100%p" />

       <alpha
           android:duration="500"
           android:fromAlpha="1.0"
           android:toAlpha="0.1" />
</set>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在MATLAB中实现机械臂的仿真可以使用Robotic System Toolbox来进行。Robotic System Toolbox包含许多工具和函数,可以实现机械臂的建模、控制和仿真。 首先,需要定义机械臂的模型。可以使用robotics.RigidBodyTree类来创建机械臂的刚体树结构。通过添加关节和刚体可以构建机械臂的结构。可以使用函数robotics.RigidBody来创建刚体,并使用函数robotics.Joint来创建关节。 接下来,可以使用robotics.RigidBodyTree类中的函数来定义机械臂的初始状态。可以设置每个关节的初始位置和速度。 然后,可以使用robotics.RigidBodyTree类中的函数来进行机械臂的运动控制。可以使用函数robotics.InverseKinematics来实现逆运动学,根据目标位置和姿态来求解关节角度。可以使用函数robotics.CartesianTrajectory来生成机械臂的轨迹,指定起始和目标位置以及运动时间。 最后,可以使用robotics.RigidBodyTree类中的函数来进行机械臂的仿真。可以使用函数robotics.Rate来指定仿真的频率,然后使用循环来更新机械臂的状态和控制输入,实现机械臂的运动。 以下是一个基本的机械臂仿真的示例代码: ```matlab % 创建机械臂模型 robot = robotics.RigidBodyTree; % 添加机械臂的关节和刚体 % 设置机械臂的初始状态 % 运动控制 % 仿真循环 % 绘制机械臂的运动轨迹 ``` 在实际的机械臂仿真中,可能还需要考虑机械臂的动力学、碰撞检测和路径规划等问题。可以使用Robotic System Toolbox中的其他工具和函数来处理这些问题。
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、付费专栏及课程。

余额充值