支持手势滑动的ViewFlipper(动态导入),代码详细点
时间: 2024-03-18 13:42:23 浏览: 129
android 利用ViewFlipper来实现滑动切换
5星 · 资源好评率100%
好的,以下是详细的代码实现:
1. 布局文件
我们可以在布局文件中添加一个ViewFlipper控件,并在里面添加两个子View。
```
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ViewFlipper
android:id="@+id/flipper"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_dark" />
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_green_light" />
</ViewFlipper>
</RelativeLayout>
```
2. Activity代码
我们可以在Activity中实例化ViewFlipper,并在onCreate方法中动态地添加子View。同时,我们还需要为ViewFlipper添加一个OnTouchListener监听器,用于监听手势滑动事件并实现滑动效果。
```
public class MainActivity extends AppCompatActivity implements View.OnTouchListener {
private ViewFlipper mViewFlipper;
private float mStartX;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);
// 动态添加子View
for (int i = 0; i < 2; i++) {
View view = new View(this);
if (i == 0) {
view.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_dark));
} else {
view.setBackgroundColor(getResources().getColor(android.R.color.holo_green_light));
}
mViewFlipper.addView(view);
}
// 添加手势滑动监听器
mViewFlipper.setOnTouchListener(this);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mStartX = event.getX();
break;
case MotionEvent.ACTION_UP:
float endX = event.getX();
if (endX - mStartX > 100) {
mViewFlipper.setInAnimation(this, R.anim.right_in);
mViewFlipper.setOutAnimation(this, R.anim.right_out);
mViewFlipper.showPrevious();
} else if (mStartX - endX > 100) {
mViewFlipper.setInAnimation(this, R.anim.left_in);
mViewFlipper.setOutAnimation(this, R.anim.left_out);
mViewFlipper.showNext();
}
break;
}
return true;
}
}
```
在上面的代码中,我们实例化了ViewFlipper,并动态地添加了两个子View。在OnTouchListener监听器中,我们判断了手势滑动的方向,并调用showPrevious()或showNext()方法来实现滑动效果。同时,我们还设置了进入动画和退出动画,使得滑动效果更加流畅。
阅读全文