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"
评论