Android 原生控件 ViewFlipper 实现淘宝头条垂直滚动广告条

最新推荐文章于 2024-04-28 20:12:13 发布

Web小甜甜

最新推荐文章于 2024-04-28 20:12:13 发布

阅读量233

点赞数

文章标签： android

本文链接：https://blog.csdn.net/m0_56146626/article/details/131102603

版权

该文介绍了如何利用Android原生控件ViewFlipper创建淘宝头条式的垂直滚动广告条，详细讲解了ViewFlipper的关键属性如autoStart和flipInterval，以及方法如startFlipping和stopFlipping。还涉及到入场和出场动画的设置，以及在java代码中初始化ViewFlipper并添加子布局的过程。

摘要由CSDN通过智能技术生成

Android 原生控件 ViewFlipper 实现淘宝头条垂直滚动广告条
在这里插入图片描述

二、ViewFlipper 的常用属性

?? android : antoStart??? 设置自动加载下一个 View

?? android : flipInterval ? ??? 设置 View 之间切换的时间间隔

?? android : inAnimation ? ? 设置切换 View 的进入动画

?? android : outAnimation ??设置切换 View 的退出动画

三、ViewFlipper 的常用方法

?? isFlipping()：??? 判断 View 切换是否正在进行

?? setFilpInterval()：??? 设置 View 之间切换的时间间隔

?? startFlipping()：??? 开始 View 的切换，而且会循环进行?

?? stopFlipping()：??? 停止 View 的切换

?? setInAnimation()：??? 设置切换 View 的进入动画

?? setOutAnimation()：??? 设置切换 View 的退出动画

?? showNext()：??? 显示 ViewFlipper 里的下一个 View

?? showPrevious()：??? 显示 ViewFlipper 里的上一个 View

四、ViewFlipper 的详细使用设置 View

1.首先在 xml 中声明 ViewFlipper

<LinearLayout



android:layout_width="match_parent"



android:layout_height="100dp"



android:orientation="horizontal">



<ImageView



android:layout_width="0dp"



android:layout_height="60dp"



android:layout_weight="1"



android:src="@mipmap/toutiao"/>



<View



android:layout_width="1dp"



android:layout_height="60dp"



android:background="#b6b5b5"



android:layout_marginLeft="5dp"



android:layout_marginRight="5dp"/>



<ViewFlipper



android:id="@+id/view_flipper"



android:layout_width="0dp"



android:layout_weight="4"



android:layout_height="60dp"



android:autoStart="true"



android:flipInterval="3000"



android:inAnimation="@anim/flipper_in_anim"



android:outAnimation="@anim/flipper_out_anim"/>



</LinearLayout>

2.在 res 下创建 anim 文件夹，并在里面创建两个 xml 分别是入场动画和出场动画

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



android:fromYDelta="100%p"



android:toYDelta="0"



android:duration="1500">



</translate>



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



android:fromYDelta="0"



android:toYDelta="-100%p"



android:duration="1500">







</translate>



3.在 java 代码中初始化 ViewFlipper，并添加子布局（在这里我们只显示了一个子布局）



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



android:orientation="vertical" android:layout_width="match_parent"



android:layout_height="match_parent">



<LinearLayout



android:layout_width="match_parent"



android:layout_height="0dp"



android:layout_weight="1"



android:orientation="horizontal">



<TextView



android:layout_width="wrap_content"



android:layout_height="wrap_content"



android:text=" 运动 "



android:textColor="#ff0000"