仿淘宝、头条上下轮播广告

仿淘宝、头条上下滚动自动轮播广告效果

前言：想必大家工作久了，都会接触横向走马灯、纵向走马灯的效果。在这里介绍系统自带的控件来实现纵向走马灯（上下滚动）效果。

布局：

<ViewFlipperandroid:background="@color/black"android:id="@+id/view_flipper"android:inAnimation="@anim/new_in"android:outAnimation="@anim/new_out"android:autoStart="true"android:flipInterval="3000"android:layout_width="match_parent"android:layout_height="wrap_content"/>

动画文件
new_in.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"android:duration="500"><translateandroid:fromXDelta="0"android:fromYDelta="100%p"android:toXDelta="0"android:toYDelta="0" />
</set>

new_out:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"android:duration="500"><translateandroid:fromXDelta="0"android:fromYDelta="0"android:toXDelta="0"android:toYDelta="-100%p" />
</set>

Activity中初始化数据：

/*** 初始化新闻标题数据*/private void initData2() {titles = new ArrayList();titles.add("小张的家里一共五口人。");titles.add("小明的哥哥跑了");titles.add("小明的弟弟跑了");titles.add("小明的爸爸跑了");titles.add("小明的妈妈跑了");titles.add("请问小张家中还剩几人？");setViews();}

设置内容：

/*** 为每一页设置视图*/private void setViews() {//获取ViewFlipper控件idfor (int i = 0; i < titles.size(); i++) {View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.title_view, null);TextView tvTitle = view.findViewById(R.id.tvItem);//赋值tvTitle.setText(titles.get(i));//动态添加视图mviewFlipper.addView(view);}//设置的时间间隔来开始切换所有的View,切换会循环进行mviewFlipper.startFlipping();//视图进入动画mviewFlipper.setInAnimation(TestActivity.this, R.anim.new_in);//视图退出动画mviewFlipper.setOutAnimation(TestActivity.this, R.anim.new_out);//自动开始滚动mviewFlipper.setAutoStart(true);//视图的切换间隔mviewFlipper.setFlipInterval(3000);}

大功告成，就是这么简单。

仿淘宝、头条上下轮播广告相关推荐

Android 实现图片轮播(仿淘宝首页商品轮播展示)
一引用依赖 // 图片轮播图implementation 'com.github.dongjunkun:BannerLayout:1.0.6' 二创建图片加载工具类 public class G ...
ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告)
ViewFlipper实现文字轮播(仿淘宝头条垂直滚动广告) 广告条目可以单独写成布局文件,然后在布局文件或者代码中添加到总布局中从源码可以看出,其实ViewFlipper间接的继承了FrameLa ...
Android基础控件——ViewFlipper的使用，仿淘宝头条垂直滚动广告条
ViewFlipper的使用,仿淘宝头条垂直滚动广告条学习,学习,学以致用 ViewFlipper是安卓自带的控件,很多人可能很少知道这个控件,这个控件很简单,也很好理解,能不能用上实战就看你们的本 ...
js实现淘宝首页图片轮播效果
原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> &l ...
Android——仿淘宝头条垂直滚动广告
淘宝App大家用的都比较多了哈,最近看淘宝头条比较多,就来写个小例子吧. 垂直滚动广告的实现原理其实比较简单,就是定时更新列表内容嘛,然后列表切换的时候再加点炫酷的动画就OK了.如果对Android控 ...
Android 垂直滚动广告条，仿淘宝头条垂直滚动展示最新消息
最新的项目有个新需求,就是要去垂直滚动去展示最新发布的消息,类似淘宝头条的那种 1.功能实现其实很简单,就用到Android 的原生控件ViewFlipper <ViewFlipperandro ...
Android【垂直滚动广告条】仿淘宝头条1号店京东—垂直滚动广告条
文章为博主原创,欢迎大家进行阅读和转载,转载请注明出处:http://blog.csdn.net/sophie237/article/details/54911349 淘宝头条是淘宝App中很经典的一 ...
Android仿淘宝头条垂直滚动，垂直走马灯，公告
今天看了淘宝头条的的滚动,感觉用户体验非常好,然后在就github上找到了一个, github:https://github.com/gongwen/MarqueeViewLibrary 效果图如下: ...
jQuery仿淘宝精品服饰广告的实现
技术栈涉及隐式迭代的遍历筛选选择器和为元素排序等代码如下: <!DOCTYPE html> <html><head><meta charset=&q ...

仿淘宝、头条上下轮播广告

仿淘宝、头条上下滚动自动轮播广告效果

仿淘宝、头条上下轮播广告相关推荐

最新文章

热门文章