动态切换view视图viewflipper组件

最新推荐文章于 2024-10-30 11:07:18 发布
最新推荐文章于 2024-10-30 11:07:18 发布
阅读量94 收藏
点赞数
文章标签： 移动开发 python
原文链接：https://my.oschina.net/f839903061/blog/69049
版权
本文详细介绍了如何在Android应用中使用ViewFlipper组件实现图片轮播效果，包括布局设置、动画配置以及手动控制轮播等功能。通过设置ViewFlipper的翻转间隔、启动翻转以及通过按钮控制轮播，可以实现流畅的图片展示体验。
摘要由CSDN通过智能技术生成

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

个人理解viewflipper，他其实就是切换view视图很方便而已，在做广告的时候有利用的价值，它可以自己来进行图片的每隔多长时间来进行切换

Viewflipper是一个组件，可以在transitions中找到

我照着网页上面的步骤做了如下的操作，是可以实现的

Main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

 

    <ViewFlipper

        android:id="@+id/viewFlipper1"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:layout_alignParentLeft="true"

        android:layout_alignParentRight="true"

        android:layout_alignParentTop="true"

       android:inAnimation="@anim/push_in"

        android:outAnimation="@anim/push_out"

        android:persistentDrawingCache="animation" >

 

        <LinearLayout

            android:id="@+id/lin1"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical" >

 

            <Button

                android:id="@+id/button1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="next1" />

 

            <TextView

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:text="@string/content" />

        </LinearLayout>

 

        <LinearLayout

            android:id="@+id/lin2"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:orientation="vertical" >

 

            <Button

                android:id="@+id/button2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="next2" />

 

            <TextView

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:text="@string/content" />

        </LinearLayout>

 

        <LinearLayout

            android:id="@+id/lin3"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:orientation="vertical" >

 

            <Button

                android:id="@+id/button3"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="next3" />

 

            <TextView

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:text="@string/content" />

        </LinearLayout>

    </ViewFlipper>

 

</RelativeLayout>

 

Push_in.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate  

    android:fromXDelta="100%p"   

    android:toXDelta="0"   

    android:duration="500"/>  

    <alpha  

    android:fromAlpha="0.0"   

    android:toAlpha="1.0" 

    android:duration="500" />

 

</set>

Push_out.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate  

    android:fromXDelta="0"   

    android:toXDelta="-100%p"   

    android:duration="500"/>  

    <alpha  

    android:fromAlpha="1.0"   

    android:toAlpha="0.0"   

    android:duration="500" />

 

</set>

 

ViewFlipperActivity

public class ViewFlipperActivity extends Activity implements OnClickListener,OnGestureListener{

 

         private ViewFlipper vf;

         private Button btn1,btn2,btn3;

         private GestureDetector gd;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        gd=new GestureDetector(this);

        vf=(ViewFlipper)findViewById(R.id.viewFlipper1);

       vf.setFlipInterval(1000);//每个view切换的时间是200微秒

        vf.startFlipping();//开始不停地循环的显示

        btn1=(Button)findViewById(R.id.button1);

        btn2=(Button)findViewById(R.id.button2);

        btn3=(Button)findViewById(R.id.button3);

        btn1.setOnClickListener(this);

        btn2.setOnClickListener(this);

        btn3.setOnClickListener(this);

    }

 

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

 

         @Override

         public void onClick(View v) {

                   if (vf.isFlipping()) {

                            vf.stopFlipping();//停止自动切换

                   }

                   switch (v.getId()) {

                   case R.id.button1:

                            vf.showNext();

                            break;

                   case R.id.button2:

                            vf.showNext();

                            break;

                   case R.id.button3:

                            vf.showNext();

                            break;

 

                   default:

                            break;

                   }

         }

 

         //这一步是必不可少的，主要就是要他的返回值的，因为我进过测试如果不用触摸事件的返回值，那么我的手势的onfling（）就不会被调用

         @Override

         public boolean onTouchEvent(MotionEvent event) {

                   return gd.onTouchEvent(event);//要的就是这个返回值

         }

         @Override

         public boolean onDown(MotionEvent e) {

                   // TODO Auto-generated method stub

                   return false;

         }

 

         @Override

         public void onShowPress(MotionEvent e) {

                   // TODO Auto-generated method stub

                  

         }

 

         @Override

         public boolean onSingleTapUp(MotionEvent e) {

                   // TODO Auto-generated method stub

                   return false;

         }

 

         @Override

         public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,

                            float distanceY) {

                   // TODO Auto-generated method stub

                   return false;

         }

 

         @Override

         public void onLongPress(MotionEvent e) {

                   // TODO Auto-generated method stub

                  

         }

 

         @Override

         public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

                            float velocityY) {

                   if (e1.getX()>e2.getX()) {

                            Toast.makeText(ViewFlipperActivity.this, "你是向←滑动的", Toast.LENGTH_SHORT).show();

                   }else {

                            Toast.makeText(ViewFlipperActivity.this, "你是向→滑动的", Toast.LENGTH_SHORT).show();

                           

                   }

                   return false;

         }

}

 

转载于:https://my.oschina.net/f839903061/blog/69049

weixin_34183910
关注
Android TextSwitcher文本切换器和ViewFlipper使用详解
08-30
在Android开发中，TextSwitcher和ViewFlipper是两种用于实现动态内容切换的视图组件。它们可以帮助开发者创建丰富的用户界面，特别是在展示滚动文本、广告轮播或动态更新信息的场景下。 首先，我们来详细了解**...
自定义ViewFlipper,实现view切换的效果
willba的博客
11-21 2393
我们知道ViewFlipper是android4.0之后才引入进来的,其能够实现屏幕view之间的切换: 今天就简单的做一个屏幕文字实现其上下滚动: 1,首先自定义一个类去继承ViewFlipper,并实现其二个构造方法public class MyViewFlipper extends ViewFlipper { private int mColor; private float
viewFilpper 实现页面切换
Chailyn的博客
06-02 2750
android 中页面切换可以用Viewpager也可以用ViewAnimator。我们不直接用ViewAnimator，而是使用它的两个子类ViewFlipper和ViewSwitcher，联系如下图1。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数： 图1： isFli
使用viewflipper实现左右滑动，动态切换view
birdCcc的专栏
05-20 722
//主activitypackage com.android.flip; import android.app.Activity; import android.os.Bundle; import android.view.GestureDetector; import android.view.MotionEvent; import android.view.View; import andro
Android学习-使用ViewFlipper实现屏幕切换的动画效果
海向的博客
10-20 940
ViewFlipper介绍 Android系统自带的一个多页面管理控件，他可以实现子界面的自动切换为ViewFlipper加入View 1>静态导入：在layout布局文件中直接导入 2>动态导入：addView()方法 flipper=（ViewFlipper）findViewById(R.id.flipper); flipper.addView(getImageView(R.drawa
ViewFlipper实现滑屏切换View
11-14
本篇文章将详细探讨如何利用ViewFlipper来实现滑屏切换View的功能。 首先，我们需要了解ViewFlipper的基本结构。ViewFlipper继承自ViewGroup，它内部可以包含多个子View。默认情况下，ViewFlipper只会显示第一个子...
本示例演示以动画方式切换View的组件ViewFlipper
05-31
ViewFlipper是Android SDK提供的一款强大的布局组件，用于在多个视图之间进行平滑的动画切换，这在创建...通过深入理解和实践，你将能够更好地掌握ViewFlipper组件，并将其应用于各种场景，提升应用的趣味性和吸引力。
Android中使用ViewFlipper进行手势切换实例
09-04
在Android开发中，ViewFlipper是一个非常有用的布局组件，它允许开发者轻松地在多个视图之间切换，通常用于实现类似轮播图或者卡片滑动的效果。在这个实例中，我们将探讨如何利用ViewFlipper结合手势识别来实现手动...
Android通过view复用优化ViewFlipper用法
05-01
在Android开发中，ViewFlipper是一个非常有用的组件，它允许我们轻松地在多个视图之间进行切换，常用于实现轮播图、动画效果等。然而，如果ViewFlipper中的视图数量较多，或者每个视图的复杂度较高，可能会导致性能...
viewflipper自动播放状态更新
05-02
viewflipper 自动播放 状态更新 不用多线程更新 不用广播更新
视图多级分割及动态切换分割模式
04-17
使用CSplitterWnd视图多级分割及动态切换分割模式，其中有两种形式， 代码中ChildFrame.cpp中OnCreateClient两种不同方式，注释其中一种运行。运行时，菜单最后一项为切换视图，分割线上下分别为两种OnCreateClient实现的不同效果。
Android用ViewFlipper动态加载图片视图
Lison
07-20 1万+
/** * 新房信息按图片查看楼盘列表 * * @author lsx */ public class NewhouseInfoPicActivity extends Activity implements OnTouchListener, OnGestureListener, OnClickListener { private ViewFlipper vf = null; pr
ViewFlipper使用详解
热门推荐
启舰
09-26 3万+
前言：今天，试用期绩效考核通过了，从C++转到android还是很有难度的，这几个月来虽然一直在学习，但相比他们还是差很多，没关系，没有人是一下生就会的，知识总是慢慢积累出来的，只是不停下来，总有一天会到达彼岸，我相信，我能行！ 梦想还是要有的，万一实现了呢——阿里IPO 一、基本实现 ViewFlipper是一个切换控件，一般用于图片的切换，当然它是可以添加View的，而不限定...
Android中ViewFlipper的使用详解
【博客地址迁移到】：https://zhengxiaoyong.com
02-26 5326
说到android的左右滑动效果我们可以说是在每个应用上面都可以看到这样的效果，不管是微博，还是QQ等。 实现左右滑动的方式很多，有ViewPager(不过这个和需要android-support-v4.jar的支持)，自定义实现Viewgroup，gallery等都可以达到这种效果。这里主要是做下ViewFliper来实现左右滑动的效果。 ViewFlipper可以实现滑动ImageView
在VC++单文档程序中动态切换多个窗体切换
sddi1989的专栏
04-19 1323
<br />在单文档程序中动态切换多个窗体   <br />  <br />　　摘要：本文通过一个程序实例描述了在VC++6.0下如何在单文档程序中通过菜单动态控制多个窗体的切换。 <br /><br />　　一、   引言 <br /><br />　　我们在编制程序中根据需求的不同会在程序风格上选择多文档、单文档或是对话框模式，对于单文档模式可能是我们使用比较多的，但有时我们想采用单文档的形式显示多个不同的窗体，如作为数据库前台应用程序就会遇到此类问题，数据库由大量的表单组成，而同常一个窗体内只用来显示一
Android 自定义背景渐变色
最新发布
Makenna's World
10-30 421
在上述代码中，我们通过setOrientation方法设置了渐变方向为从左到右。在上述代码中，我们设置了四种颜色进行渐变，即从红色到黄色再到绿色最后到蓝色。上述示例中我们只是使用了两种颜色进行渐变，而实际上，我们可以使用更多的颜色来实现更丰富的渐变效果。除了基本的渐变色效果，我们还可以实现一些高级的渐变效果，比如圆角渐变、渐变边框等。GradientDrawable.Orientation.TL_BR：从左上到右下。GradientDrawable.Orientation.BL_TR：从左下到右上。
Android 文本切换与视图翻转：TextSwitcher与ViewFlipper深度解析
1. 创建主布局：在XML布局文件中，添加一个ViewFlipper组件。 ```xml <android.widget.ViewFlipper android:id="@+id/viewFlipper" android:layout_width="match_parent" android:layout_height="wrap_content" /...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值