制作京东快报页面html,仿京东首页的京东快报，自动向上滚动的广告条

最近项目中要做这样滚动的广告条，git上搜了搜，还真搜到个。

效果图：

原项目地址

原理是用的一个只显示一条的listview,使用ListView的smoothScrollBy(int distance, int duration)方法,实现滚动。

注意：通过smoothScrollBy方法滚动时，由于布局中的高度时dp，但这里面的第一个参数是sp，因此需要将dp转sp，转换完毕后的是float，但方法中是需要int，这样的话有可能导致小数位的丢失，自动滚动产生偏差，可以通过setSelection(int position)方法纠正位置，在smoothScrollBy方法调用后执行setSelection方法。

[代码]java代码：1

8if (position == -1) {

scroll_Y = 0;

} else {

scroll_Y = mScrollY;

}

smoothScrollBy(scroll_Y, 2000);

setSelection(position);

position++;

至于广告栏的内容，可以自定义：参考item_layout.xml

数据的填充：

[代码]java代码：1

3viewHolder.mTitleView.setText(getTextTitle(data));

viewHolder.mInfoView.setText(getTextInfo(data));

viewHolder.tv_price.setText(getTextPrice(data));

需要注意的是：

[代码]java代码：1

7/**

*这里面的高度应该和你的xml里设置的高度一致

@Override

protected int getAdertisementHeight() {

return 40;

}

[代码]xml代码：1

android:id="@+id/main_advertisement_view"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_marginLeft="10dp"

android:layout_weight="2">

制作京东快报页面html,仿京东首页的京东快报，自动向上滚动的广告条相关推荐

Android之高仿京东APP首页“京东快报”自动向上滚动的广告条
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/51013562 本文出自:[顾林海的博客] ##前言上次在京东APP上 ...
仿京东首页的京东快报，自动向上滚动的广告条
向上滚动的广告条实现原理起初看到这个效果时,第一个想法就是向上移动动画+定时器,但当我准备写时发现,滚动时上下文字都是逐渐出来的(有点像滑动的),如果用动画的话不行,如果用滑动的话,那就是List ...
【干货#011】小程序页面滚动实现广告条隐藏
缘起小程序需要在手机狭小的屏幕中放入尽量多的内容,而老板想在在页面放个广告条,由于挤占了不然就不大的页面控件,对程序的功能操作又有较大的影响.如何兼顾两者的需求? 下面介绍一种默认显示页面首部广告条 ...
制作京东快报页面html,仿京东快报.html
京东快报 body h1{ margin: 0; padding: 0; } .kb{ width: 400px; height: 300px; box-sizing: border-box; bor ...
类似淘宝、京东的热点推荐垂直滚动文字广告条
今天带来的是一个自定义的垂直滚动广告条 VerticalScrollTextView ,但是在介绍这个控件之前,我先想介绍的是我的一个远程库GWidget,这个是我一个专门用来集成各种自定义控件的库, ...
京东动态页面爬虫 scrapy+selenium
京东动态页面爬虫大家都知道,京东页面抓取是需要下拉滑块才能加载完全的,今天给大家分享一下用scrapy+selenium进行数据的抓取. 京东页面的解析很简单,相信大家都会xpath或者正则,bs4 ...
支付宝首页搜索栏淡出效果HTML,仿支付宝首页效果实现
但是我跟参考资料中作者关于整个页面的设计逻辑不一致, 但是实现的效果一样, 也算是多一种实现方式, 希望跟大家一起共同学习. 先上效果效果图.gif 整个界面的结构图结构图.png 关于整个页面布 ...
HTML第6章上机练习3(制作京东快报页面)
代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
制作京东快报页面html,HTML第6章上机练习3(制作京东快报页面)
代码如下: 制作京东快报页面 .title{ height: 186px; width: 230px; box-sizing: border-box; border: 1px solid gainsb ...
HTML+CSS+JS仿京东购物车页面动态效果
目录 1 用到的知识 1.1 js选择器 1.2 循环语句 1.3 文档修改语句 1.4 模块移除属性 2 HTML代码 3 CSS代码 3.1 预处理css 3.2 jd购物车页面的css 4 jd ...

制作京东快报页面html,仿京东首页的京东快报，自动向上滚动的广告条

制作京东快报页面html,仿京东首页的京东快报，自动向上滚动的广告条相关推荐

最新文章

热门文章