1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告)

ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告)

时间:2022-10-17 21:16:07

相关推荐

ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告)

ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告)

广告条目可以单独写成布局文件,然后在布局文件或者代码中添加到总布局中

从源码可以看出,其实ViewFlipper间接的继承了FrameLayout,也可以说ViewFlipper其实就是个FrameLayout,只不过在内部封装了动画实现和Handler实现一个循环而已。

布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"xmlns:tools="/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"><!--android:autoStart:设置自动加载下一个View--><!--android:flipInterval:设置View之间切换的时间间隔--><!--android:inAnimation:设置切换View的进入动画--><!--android:outAnimation:设置切换View的退出动画--><ViewFlipper android:id="@+id/view_flipper"android:layout_width="match_parent"android:layout_height="100dp"android:layout_centerInParent="true"android:autoStart="true"android:background="#808080"android:flipInterval="2000"android:inAnimation="@anim/slide_in_down"android:outAnimation="@anim/slide_out_up"><TextView android:id="@+id/first"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="白日依山尽"android:textColor="#FF00FF"android:textSize="50sp" /><TextView android:id="@+id/second"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="黄河入海流"android:textColor="#FF00FF"android:textSize="50sp" /><TextView android:id="@+id/third"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="欲穷千里目"android:textColor="#FF00FF"android:textSize="50sp" /><TextView android:id="@+id/forth"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="更上一层楼"android:textColor="#FF00FF"android:textSize="50sp" /></ViewFlipper></RelativeLayout>

这里介绍ViewFlipper用到的属性,这些属性其实都可以使用代码实现,只不过这里为了代码看上去美观,才放在布局里的

android:autoStart : 设置自动加载下一个Viewandroid:flipInterval : 设置View之间切换的时间间隔android:inAnimation : 设置切换View的进入动画android:outAnimation : 设置切换View的退出动画

下面是ViewFlipper常用的方法介绍,除了可以设置上面的属性之外,还提供了其他方法

isFlipping : 判断View切换是否正在进行setFlipInterval : 设置View之间切换的时间间隔startFlipping : 开始View的切换,而且默认会循环进行stopFlippiing : 停止View的切换setOutAnimation : 设置切换View的退出动画setInAnimation : 设置切换View的进入动画showNext : 显示ViewFlipper里的下一个ViewshowPrevious : 显示ViewFlipper里的上一个View

这里还涉及到两个动画其实就是一个平移的动画,它们都保存在anim文件夹中

slide_in_down.xml 进入动画

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translate android:duration="@android:integer/config_mediumAnimTime"android:fromYDelta="100%"android:toYDelta="0"/></set>

slide_out_up.xml 退出动画

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="/apk/res/android"><translate android:duration="@android:integer/config_mediumAnimTime"android:fromYDelta="0"android:toYDelta="-100%"/></set>

MainActivity

package com.nrf.mydemo;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}}

运行之后,效果图

参考博客:/qq_30379689

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。