ViewFlipper的使用,仿淘宝头条垂直滚动广告条,供大家参考,具体内容如下

学习,学习,学以致用
ViewFlipper是安卓自带的控件,很多人可能很少知道这个控件,这个控件很简单,也很好理解,能不能用上实战就看你们的本事了。下面是淘宝头条广告的原效果
下面是我们今天要实现的效果,图片是Gif,运行效果是很流畅的,由于这个图片反应有点慢,会浪费大家点时间,所以我把它调快了,大家可以掏出手机打开淘宝看,一模一样的
从源码可以看出,其实ViewFlipper间接的继承了FrameLayout,也可以说ViewFlipper其实就是个FrameLayout,只不过在内部封装了动画实现和Handler实现一个循环而已
一、ViewFlipper的布局实现
布局的编写很简单,跟普通布局一样的
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ViewFlipper
android:id="@+id/vf"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:autoStart="true"
android:background="#fff"
android:flipInterval="3000"
android:inAnimation="@anim/anim_marquee_in"
android:outAnimation="@anim/anim_marquee_out"
android:paddingLeft="30dp" />
</RelativeLayout>
这里介绍ViewFlipper用到的属性,这些属性其实都可以使用代码实现,只不过这里为了代码看上去美观,才放在布局里的
android:autoStart:设置自动加载下一个View
android:flipInterval:设置View之间切换的时间间隔
android:inAnimation:设置切换View的进入动画
android:outAnimation:设置切换View的退出动画
下面是ViewFlipper常用的方法介绍,除了可以设置上面的属性之外,还提供了其他方法
这里还涉及到两个动画其实就是一个平移的动画,它们都保存在anim文件夹中
anim_marquee_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="1500"
android:fromYDelta="100%p"
android:toYDelta="0"/>
</set>
anim_marquee_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="1500"
android:fromYDelta="0"
android:toYDelta="-100%p"/>
</set>
当然,如果你对动画xml比较熟悉,自己可以实现更多好看的效果
二、自定义ViewFlipper的广告条
当我们准备好了ViewFlipper之后,就应该在ViewFlipper里面添加我们的广告条了,下面是其中一个广告条的布局文件,另外两个雷同,只不过改了文字而已
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="8dp"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/marqueeview_bg"
android:text="热议"
android:textColor="#F14C00"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:padding="3dp"
android:singleLine="true"
android:text="小米6来了:晓龙835+8G运存!"
android:textColor="#333"
android:textSize="14sp" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/marqueeview_bg"
android:text="热议"
android:textColor="#F14C00"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:padding="3dp"
android:singleLine="true"
android:text="227斤的胖MM,掀起上衣后,美爆全场!"
android:textColor="#333"
android:textSize="14sp" />
</LinearLayout>
</LinearLayout>
其效果是
三、代码为ViewFlipper添加广告条
所有的准备条件都准备好了,该开始使用代码将准备好的东西黏在一起了,代码很简单,这里就不多解释了
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewFlipper vf = (ViewFlipper) findViewById(R.id.vf);
vf.addView(View.inflate(this, R.layout.view_advertisement01, null));
vf.addView(View.inflate(this, R.layout.view_advertisement02, null));
vf.addView(View.inflate(this, R.layout.view_advertisement03, null));
}
}
源码下载:Android垂直滚动广告条
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android
# ViewFlipper仿淘宝头条垂直滚动广告条
# Android垂直滚动广告条
# Android垂直滚动
# Android使用ViewFlipper实现上下滚动消息
# Android仿淘宝头条向上滚动广告条ViewFlipper
# android开发之横向滚动/竖向滚动的ListView(固定列头)
# android实现上下滚动的TextView
# android TextView不用ScrollViewe也可以滚动的方法
# android 实现ScrollView自动滚动的实例代码
# Android中实现多行、水平滚动的分页的Gridview实例源码
# Android GridView实现滚动到指定位置的方法
# android开发教程之文本框加滚动条scrollview
# Android自定义ViewFlipper实现滚动效果
# 很简单
# 淘宝
# 只不过
# 准备好了
# 头条
# 热议
# 是个
# 来了
# 很好
# 放在
# 可以说
# 很多人
# 学以致用
# 你们的
# 不多
# 把它
# 你对
# 自定义
# 可以使用
# 可以看出
相关文章:
开心动漫网站制作软件下载,十分开心动画为何停播?
成都响应式网站开发,dw怎么把手机适应页面变成网页?
建站之星下载版如何获取与安装?
深圳网站制作培训,深圳哪些招聘网站比较好?
如何用美橙互联一键搭建多站合一网站?
制作表格网站有哪些,线上表格怎么弄?
建站主机选择指南:服务器配置与SEO优化实战技巧
linux top下的 minerd 木马清除方法
网站图片在线制作软件,怎么在图片上做链接?
怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?
制作网站外包平台,自动化接单网站有哪些?
网站制作公司排行榜,四大门户网站排名?
建站主机SSH密钥生成步骤及常见问题解答?
济南专业网站制作公司,济南信息工程学校怎么样?
高防服务器如何保障网站安全无虞?
测试制作网站有哪些,测试性取向的权威测试或者网站?
详解jQuery中基本的动画方法
如何快速完成中国万网建站详细流程?
建站之家VIP精选网站模板与SEO优化教程整合指南
公司网站设计制作厂家,怎么创建自己的一个网站?
建站之星备案流程有哪些注意事项?
如何快速生成橙子建站落地页链接?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
如何快速搭建安全的FTP站点?
历史网站制作软件,华为如何找回被删除的网站?
如何快速搭建高效服务器建站系统?
建站之星ASP如何实现CMS高效搭建与安全管理?
Swift中循环语句中的转移语句 break 和 continue
如何用VPS主机快速搭建个人网站?
头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?
视频网站制作教程,怎么样制作优酷网的小视频?
为什么Go需要go mod文件_Go go mod文件作用说明
广州顶尖建站服务:企业官网建设与SEO优化一体化方案
如何零成本快速生成个人自助网站?
已有域名建站全流程解析:网站搭建步骤与建站工具选择
制作网站的公司有哪些,做一个公司网站要多少钱?
如何获取开源自助建站系统免费下载链接?
电影网站制作价格表,那些提供免费电影的网站,他们是怎么盈利的?
简易网站制作视频教程,使用记事本编写一个简单的网页html文件?
定制建站方案优化指南:企业官网开发与建站费用解析
小建面朝正北,A点实际方位是否存在偏差?
三星网站视频制作教程下载,三星w23网页如何全屏?
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
如何选择高效稳定的ISP建站解决方案?
如何实现建站之星域名转发设置?
深圳企业网站制作设计,在深圳如何网上全流程注册公司?
如何高效搭建专业期货交易平台网站?
七夕网站制作视频,七夕大促活动怎么报名?
全景视频制作网站有哪些,全景图怎么做成网页?
Bpmn 2.0的XML文件怎么画流程图
*请认真填写需求信息,我们会在24小时内与您取得联系。