有关ViewFlipper的使用及设置动画效果的讲解
来源:互联网 发布:网络借钱 编辑:程序博客网 时间:2024/04/29 18:09
说到左右滑动,其实实现左右滑动的方式很多,有ViewPaer,自定义实现Viewgroup,gallery等都可以达到这种效果。这里做下ViewFliper实现左右滑动的效果。
会用到以下的技术:
1、ViewFlipper
2、GestureDetector
3、Animation
主要是这三个类在起作用。
ViewFlipper,不妨把它看做一个容器吧,你可以把许多的View放在这个容器中,让它展示给用户,虽然它每次只展示一个view,我感觉它的用途更好是作为广告展示,比如类似购物网站那样的广告滚动展示。比如可以设置自动播放功能,就可以滚动广告了!
slide_left_in.xml:
会用到以下的技术:
1、ViewFlipper
2、GestureDetector
3、Animation
主要是这三个类在起作用。
ViewFlipper,不妨把它看做一个容器吧,你可以把许多的View放在这个容器中,让它展示给用户,虽然它每次只展示一个view,我感觉它的用途更好是作为广告展示,比如类似购物网站那样的广告滚动展示。比如可以设置自动播放功能,就可以滚动广告了!
原理:向左向右滑动主要是依赖手势来控制,手势向右滑动就调用 viewFlipper.showNext()方法,同理,向左滑动就会去调用viewFlipper.showPrevious()方法。
效果图如下:
首先在布局文件中添加ViewFlipper的标签:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/pattern1" > <Button android:id="@+id/treasure_chest_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:background="@drawable/treasure" /> <ViewFlipper android:id="@+id/viewflipper" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/treasure_chest_btn" > </ViewFlipper> <Button android:id="@+id/garbage_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@id/viewflipper" android:background="@drawable/garbage" /></RelativeLayout>其次是在anim中定义动画:
slide_left_in.xml:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 画面转换位置移动动画效果 开始向左动画 fromXDelta : 动画开始时 X坐标位置 toXDelta :动画结束时 X坐标位置 duration :动画持续时间 --> <translate android:duration="800" android:fromXDelta="100%p" android:toXDelta="0" /></set>slide_left_out.xml:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="800" android:fromXDelta="0" android:toXDelta="-100%p" /></set>slide_right_in.xml:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="800" android:fromXDelta="-100%p" android:toXDelta="0" /></set>slide_right_out.xml:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="800" android:fromXDelta="0" android:toXDelta="100%p" /></set>最后是Activity中的实现:
package net.loonggg.demo.slider;import android.app.Activity;import android.os.Bundle;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.view.View.OnTouchListener;import android.view.Window;import android.view.animation.Animation;import android.view.animation.Animation.AnimationListener;import android.view.animation.AnimationSet;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.ImageView;import android.widget.TextView;import android.widget.ViewFlipper;public class MainActivity extends Activity implements OnGestureListener,OnTouchListener {private GestureDetector detector;private ViewFlipper myViewFlipper;private int[] imgs = { R.drawable.img0, R.drawable.img1, R.drawable.img2,R.drawable.img3, R.drawable.img4, R.drawable.img5 };private int displayedChildIndex = 0;private Button treasure_btn;private Button garbage_btn;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.main);myViewFlipper = (ViewFlipper) findViewById(R.id.viewflipper);treasure_btn = (Button) findViewById(R.id.treasure_chest_btn);garbage_btn = (Button) findViewById(R.id.garbage_btn);myViewFlipper.setOnTouchListener(this);myViewFlipper.setLongClickable(true);// 设置长按事件// myViewFlipper.setAutoStart(true);// 设置是否自动播放,默认不自动播放detector = new GestureDetector(this);addFlipperView();}/** * 向FlipperView中动态添加View */private void addFlipperView() {for (int i = 0; i < imgs.length; i++) {View view = LayoutInflater.from(this).inflate(R.layout.myviewflipper, null);TextView title = (TextView) view.findViewById(R.id.view_title);title.setText("头像");ImageView iv = (ImageView) view.findViewById(R.id.view_image);iv.setBackgroundResource(imgs[i]);myViewFlipper.addView(view);}}@Overridepublic boolean onDown(MotionEvent e) {return false;}@Overridepublic void onShowPress(MotionEvent e) {}@Overridepublic boolean onSingleTapUp(MotionEvent e) {return false;}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {return false;}@Overridepublic void onLongPress(MotionEvent e) {}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {// 返回当前正在显示的子视图的索引displayedChildIndex = myViewFlipper.getDisplayedChild();final ImageView iv = (ImageView) myViewFlipper.getChildAt(displayedChildIndex).findViewById(R.id.view_image);if (e2.getX() - e1.getX() >= 100 && e1.getY() - e2.getY() >= 100) {AnimationSet outAnim = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.collect_treasure);iv.startAnimation(outAnim);outAnim.setAnimationListener(new AnimationListener() {public void onAnimationStart(Animation animation) {}public void onAnimationRepeat(Animation animation) {}public void onAnimationEnd(Animation animation) {showNextView();AnimationSet downAnim = (AnimationSet) AnimationUtils.loadAnimation(MainActivity.this, R.anim.up_or_down);treasure_btn.setAnimation(downAnim);iv.clearAnimation();}});} else if (e1.getX() - e2.getX() >= 100 && e2.getY() - e1.getY() >= 100) {AnimationSet outAnim = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.throw_garbage);iv.startAnimation(outAnim);outAnim.setAnimationListener(new AnimationListener() {public void onAnimationStart(Animation animation) {}public void onAnimationRepeat(Animation animation) {}public void onAnimationEnd(Animation animation) {showNextView();AnimationSet leftAnim = (AnimationSet) AnimationUtils.loadAnimation(MainActivity.this,R.anim.left_or_right);garbage_btn.setAnimation(leftAnim);iv.clearAnimation();}});} else if (e1.getX() - e2.getX() >= 100) {showNextView();} else if (e2.getX() - e1.getX() >= 100) {showPreviousView();}return false;}private void showPreviousView() {myViewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.slide_right_in));myViewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.slide_right_out));myViewFlipper.showPrevious();}private void showNextView() {myViewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.slide_left_in));myViewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.slide_left_out));myViewFlipper.showNext();}@Overridepublic boolean onTouch(View v, MotionEvent event) {return detector.onTouchEvent(event);}}转载请注明出处:http://blog.csdn.net/loongggdroid/article/details/18262543
4 5
- 有关ViewFlipper的使用及设置动画效果的讲解
- 有关ViewFlipper的使用及设置动画效果的讲解
- Android学习-使用ViewFlipper实现屏幕切换的动画效果
- 有关popupwindow的动画效果
- Android ViewFlipper的动画
- 使用ViewFlipper实现屏幕切换动画效果
- 使用ViewFlipper实现屏幕切换动画效果
- 使用ViewFlipper实现屏幕切换动画效果
- c#:与定时器有关的动画效果
- 最常用的PowerPoint动画效果及设置方法
- ViewFlipper实现左滑右滑的效果
- 设置viewpager的动画效果
- android viewflipper的使用 实现图片滑动效果
- 3.ViewFlipper的使用(上下翻滚轮播效果)
- ViewFlipper的使用
- ViewFlipper的使用
- ViewFlipper的使用
- ViewFlipper的使用
- HDU 1116(并查集,欧拉路径)
- 面向对象分析方法
- PS常用技巧整合--高级
- Linux下复制光盘内容到系统某文件夹
- 机器人小白—开始我的机器人之路
- 有关ViewFlipper的使用及设置动画效果的讲解
- basic servlet
- jQuery 入门教程(13): HTML Set
- linux编译安装boost
- https 简单配置
- Merge Sorted Array
- mtk android SD 配置 (MT6572)
- 在控制台将字符串以特定的颜色输出
- 去除UITableView多余分割线