跑马灯ViewFlipper的实现

最新推荐文章于 2024-05-01 18:49:49 发布

小神奇

最新推荐文章于 2024-05-01 18:49:49 发布

阅读量969

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： ViewFinder anim

本文链接：https://blog.csdn.net/Star_Q/article/details/78528754

Android 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何在Android中使用ViewFlipper控件实现跑马灯效果，包括布局设置和动画应用，主要涉及ViewFlipper切换View的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

ViewFlipper是安卓自带的控件：

ViewFlipper是一个切换控件，一般用于图片的切换，当然它是可以添加View的，而不限定只用于ImageView，当然我们也可以自定义View，只是我们经常利用ViewFlipper来实现的是ImageView的切换，如果切换自定义的View，倒还不如使用ViewPager来做。

第一步：布局

 <ViewFlipper
					android:id="@+id/vf"
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					//设置自动加载下一个View
					android:autoStart="true"
					android:background="#fff"
					//设置View之间切换的时间间隔
					android:flipInterval="3000"
					//设置切换View的进入动画
					android:inAnimation="@anim/anim_marquee_in"
					//设置切换View的退出动画
					android:outAnimation="@anim/anim_marquee_out"
					android:paddingLeft="30dp" />
		它自带的方法：
					下面是ViewFlipper常用的方法介绍，除了可以设置上面的属性之外，还提供了其他方法
						isFlipping： 判断View切换是否正在进行
						setFilpInterval：设置View之间切换的时间间隔
						startFlipping：开始View的切换，而且会循环进行
						stopFlipping：停止View的切换
						setOutAnimation：设置切换View的退出动画
						setInAnimation：设置切换View的进入动画
						showNext： 显示ViewFlipper里的下一个View
						showPrevious：显示ViewFlipper里的上一个View

第二步：建一个动画的文件夹anim：

anim_marquee_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="1500"
        android:fromYDelta="100%p"
        android:toYDelta="0"
        ></translate>
</set>

anim_marquee_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="1500"
        android:fromYDelta="0"
        android:toYDelta="100%p"
        ></translate>
</set>

第三步：创建一个item布局

<?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:padding="8dp"
    android:orientation="vertical"
    >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="horizontal">
            <ImageView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@mipmap/aw9"
                />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="推荐"
                android:background="@drawable/biankuang"
                android:layout_marginLeft="20dp"
                android:textColor="#F14C00"
                android:textSize="12sp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:singleLine="true"
                android:text=" iPhone X :前后高清摄像头+8G运存！"
                android:textColor="#333"
                android:textSize="14sp" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ath"
                />
        </LinearLayout>
</LinearLayout>

最后我们要实现它的时候，我们先找到控件

 ViewFinder vf = view.findViewById(R.id.vf);

然后在把我们的布局放进去

 View view1 = LayoutInflater.from(getActivity()).inflate(R.layout.litem,null);
   vf.addView(view1);