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

114 阅读1分钟

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"