全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android控件ViewFlipper仿淘宝头条垂直滚动广告条

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常用的方法介绍,除了可以设置上面的属性之外,还提供了其他方法

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

这里还涉及到两个动画其实就是一个平移的动画,它们都保存在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小时内与您取得联系。