首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android开发笔记(一百六十四)仿京东首页的下拉刷新

倒是第三点的下拉刷新,以及第二点的上拉监听,却不容易实现。 虽然Android提供了专门的下拉刷新布局SwipeRefreshLayout,但它并没有页面随手势下滚的效果。...因此若想呈现完全仿照京东的下拉刷新特效,只能由开发者编写一个自定义的布局控件了。 自定义的下拉刷新布局,首先要能够区分是页面的正常下滚,还是拉伸头部要求刷新。...所以此处得捕捉页面滚动到顶部的事件,相对应的则是页面滚动到底部的事件。鉴于App首页基本采用滚动视图ScrollView实现页面滚动功能,故而该问题就变成了如何监听该视图滚到顶部或者滚到底部。...然而成功监听页面是否到达顶部或底部,仅仅解决了状态栏和工具栏的变色问题。因为页面到顶时继续下拉,ScrollView要怎么处理?...不管ScrollView是惊慌失措,还是不知所措,恰恰说明它是真正的束手无策了,为此还要一个和事佬来摆平下拉布局和滚动视图之间的纠纷。

2.9K40

Android ScrollView监听滑动到顶部和底部的两种方式(你可能不知道的细节)

Android ScrollView监听滑动到顶部和底部,虽然网上很多资料都有说,但是不全,而且有些细节没说清楚 使用场景: 1....做一些复杂动画的时候,需要动态判断当前的ScrollView是否滚动到底部或者顶部 2....ScrollView滚动到顶部或者底部时主动触发一些操作(典型的就是滚动到底部触发自动加载操作) 两种方式: 1. onScrollChanged方式,自己计算 2. onOverScrolled使用系统计算的结果.../** * 监听ScrollView滚动到顶部或者底部做相关事件拦截 */ public class SmartScrollView extends ScrollView { private...手动滑动到底部的情况--->两种方式都监听到了 ? 2. 手动滑动到顶部的情况--->两种方式都监听到了 ? 3.

3.6K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    羊皮书APP(Android版)开发系列(二十四)不常用但是很有用的两个属性:clipToPadding 和 clipChildren

    提出问题: 当我们为ListView、ScrollView、GridView设置了paddingTop或paddingBottom的时候,我们发现当滑动到顶部和底部的时候,默认情况下padding/margin...在滑动中一直存在,view总是不能滑动到最底部和最顶部,看起来很别扭。...问题原因: 由于默认情况下,clipToPadding为true,导致布局不能滑动到最顶部或最底部,很多人平时很少会关注这个属性。...解决办法: 在布局ListView、ScrollView、GridView中将clipToPadding设置为false即可。...提出问题: 类似微信未读消息的布局中,设置的角标总是在布局的内部,也就是在其父页面的内部,达不到微信的效果。 问题原因: clipChildren默认是true,导致子布局不能绘制到父布局的外面。

    1.3K20

    Flutter | 超简单仿微信QQ侧滑菜单组件

    需求分析 老套路,先分析一下需求: 1.首先可以滑出菜单2.菜单滑动到一定距离完全滑出,未达到距离回滚3.菜单数量、样式随意定制4.菜单点击回调5.菜单展开时,点击 item 收回菜单(见QQ) 代码实现...首先可以滑出菜单 最基本的,菜单要能滑的出来,我们思考一下,如何能在屏幕外面放置 Widget,并且还能滑动?...基本上不到一分钟,相信大家都能想出来答案:ScrollView,没错,也就只有 ScrollView 满足我们的需求。...菜单滑动到一定距离完全滑出,未达到距离回滚 这个效果就需要监听滑动距离和手势了。 如果滑动距离大于所有 menu 宽度的 1/4,那就全都滑出来,如果不到的话,就回滚回去。...菜单点击回调 这里有个小问题:把 Menu 单独封装成了一个组件,那如何在点击 menu 的时候把 menu 收回去?

    2.3K32

    iOS-UIScrollerView

    UIScrollerView常见属性 CGPoint contentOffset 这个属性用来表示UIScrollerView滚动的位置(其实就是内容左上角与ScrollerView左上角的间距值...) CGSize contentSize 这个属性用来表示UIScrollerView内容尺寸,滚动范围(能滚多远) UIEdgeInsets contentInset 这个属性能够在UIScrollerView...的四周增加额外的滚动区域,一般用来避免scrollerView的内容被其他控件挡住 UIScrollerView无法滚动的原因 没有设置contentSize scrollEnabled = NO 没有收到触摸事件...点击状态栏是否可以回到顶部"); return YES; } //scrollViewShouldScrollToTop设置为YES,滚动视图在完成滚动到内容顶部时发送此消息 - (void)scrollViewDidScrollToTop...:(UIScrollView *)scrollView{ NSLog(@"滚动视图在完成滚动到内容顶部时发送此消息"); } UIScrollerView分页(电商与新闻常用) 简单示例.gif

    18010

    【Android从零单排系列二十六】《Android视图控件——ScrollView》

    当布局超过屏幕大小时,ScrollView会自动启用滚动功能,用户可以通过滑动屏幕来查看隐藏部分的内容。...在ScrollView中,只能包含一个直接子视图(ViewGroup),通常是一个垂直方向的线性布局或相对布局。如果需要水平滚动效果,可以使用HorizontalScrollView作为替代。...二 ScrollView使用方法 在XML布局文件中定义ScrollView容器。在需要可滚动内容的区域内添加ScrollView标签,并指定其宽度、高度以及其他属性。...常见方法: scrollTo(int x, int y):将ScrollView滚动到指定的位置,参数x和y分别代表目标位置的水平和垂直偏移量。...fullScroll(int direction):使ScrollView滚动到指定的边界,参数direction可以是View.FOCUS_UP(滚动到顶部)或View.FOCUS_DOWN(滚动到底部

    46120

    iOS实例——滑动列表展现隐藏顶部视图

    引 项目中需要一个效果:下滚列表时顶部的自定义视图不移动,上移时隐藏顶部视图,提高列表的展现范围。...在此基础上海加了一个隐藏列表时的动态渐入渐出效果,如下: 实现 实现的要点是,顶部的视图要随着列表的滚动而滚动,且列表最上是可以滚动到屏幕顶部的,最下就是滚动到一个固定的位置就不再往下滚动了,至于渐变效果只要能控制滚动自然也能控制随着滚动去改变...的contentview的顶点相对于scrollview的位置,四个参数分别代表距离上,左,下,右边的像素长度。...在处理方法中我们要做两件事,第一件事是让顶部视图的高度随着列表移动而移动,但是要控制列表最高移动到的位置TOP和最低移动到的位置BOTTOM,这其实就是顶部视图的低端对应的Y值。...第二件事是让顶部视图随着移动而渐变,当移动到最高时彻底透明,移动到最低时不透明,这个alpha值也是根据移动的值来计算的: - (void)updateSubViewsWithScrollOffset:

    1.9K10

    让你的布局滚动起来—ScrollView

    前言 通过两天的”实战“,今天我们稍微放松一下脚步,让大家喘口气歇一会儿,我们今天为大家带来的控件,解决了太多在项目中遇到的适配问题,如果你已经碰到了这种问题,就紧跟我们的脚步吧~ 在前面几篇文章中,向大家介绍了一些常用的布局及...> 通过 AndroidStudio的 Preview视图也可以看出,5个 Button已超出屏幕显示,在不使用 ScrollView的情况下,父布局直接使用 LinearLayout,是无法使屏幕滑动显示所有控件的...可以看出, HorizontalScrollView中的图片内容,可以横向滑动,并且整个布局由于外部嵌套了 ScrollView,整体页可以竖直方向滑动。...2. android:overScrollMode="never" 删除 ScrollView拉到尽头(顶部、底部),然后继续拉出现的阴影效果,适用于2.3及以上的 否则不用设置。...(new Runnable() { @Override public void run() { //滑动到顶部 scrollView.fullScroll

    3.7K30

    Android带你解析ScrollView--仿QQ空间标题栏渐变

    相信大家在开发中经常用到,ScrollView的功能已经很强大了,但是仍然满足不了我们脑洞大开的UI设计师们,所以我们要自定义…本篇文章主要讲监听ScrollView的滑动实现仿QQ空间标题栏渐变,先看一下效果图...ScrollView滑动监听: Google并没有给我们提供ScrollView的滑动距离、是否滑动到布局底部、顶部的方法,但是提供了一个onScrollChanged方法: @Override...的滑动来改变标题栏的透明度实现渐变: 我们先看一下布局: 布局的上面有一个TextView当做标题栏,你也可以用布局。...image.png 然后我们需要获取图片的高度,并且设置滚动监听,随着滚动的距离来设置标题栏的颜色透明度和字体颜色的透明度 /** * 获取顶部图片高度后,设置滚动监听 */

    1.5K10

    Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

    下面我们来看看怎么实现的吧 实现 首先我们分析淘宝布局的界面难点大致就下面3个部分: *标题栏渐变,文字渐变隐藏 *透明通知栏(支持到4.4) *继续拖动查看详情,Scrollview有一个弹性的效果...前两点我之前都已经实现过了,这里就不做过多介绍了,不清楚的小伙伴可以看我之前的文章: Android带你解析ScrollView–仿QQ空间标题栏渐变 下面我们主要介绍一下Scrollview...继续拖动查看详情有一个弹性动画的效果: 仔细分析这个效果我们知道上面的布局可以滑动,当滑动到下面的布局时候同时下面的布局依然可以滑动,所以我们自定义一个View来包含两个Scrollview,上面一个下面一个...;然后监听Scrollview滑动到底部添加动画效果让其滑动到下面的Scrollview,当下面的Scrollview滑动到顶部的时候再添加一个向上的动画让其滑动到上面的Scrollview。...ScrollviewContainer包裹着两个Scrollview分别为上面的布局和下面的布局就可以了,当然因为我们上面的布局还涉及到标题栏渐变,所以上面的Scrollview要自定义滑动监听,上面提到的文章里面有详细介绍

    1.4K10

    Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

    下面我们来看看怎么实现的吧 实现 首先我们分析淘宝布局的界面难点大致就下面3个部分: *标题栏渐变,文字渐变隐藏 *透明通知栏(支持到4.4) *继续拖动查看详情,Scrollview有一个弹性的效果...前两点我之前都已经实现过了,这里就不做过多介绍了,不清楚的小伙伴可以看我之前的文章: Android带你解析ScrollView–仿QQ空间标题栏渐变 下面我们主要介绍一下Scrollview...继续拖动查看详情有一个弹性动画的效果: 仔细分析这个效果我们知道上面的布局可以滑动,当滑动到下面的布局时候同时下面的布局依然可以滑动,所以我们自定义一个View来包含两个Scrollview,上面一个下面一个...;然后监听Scrollview滑动到底部添加动画效果让其滑动到下面的Scrollview,当下面的Scrollview滑动到顶部的时候再添加一个向上的动画让其滑动到上面的Scrollview。...ScrollviewContainer包裹着两个Scrollview分别为上面的布局和下面的布局就可以了,当然因为我们上面的布局还涉及到标题栏渐变,所以上面的Scrollview要自定义滑动监听,上面提到的文章里面有详细介绍

    90610

    横向滑动视图HorizontalScrollView精炼详解

    有可能这个子控件本身就是一个布局控件,可以包含非常多的其他用来展示数据的控件。这个布局控件一般使用的是一个水平布局的LinearLayout 。...本节内容使用HorizontalScrollView分为两种情形: ①横向布局视图中放入文字; ②横向布局视图中放入图片 二、上代码,具体实现文字类的横向布局 (1)布局文件 <?...设置到界面中,进行显示,运行效果如图: 三、上代码,具体实现图片类的横向布局 (1)主布局文件 ScrollView.OVER_SCROLL_NEVER); } /** 滚动到顶部 */ private void scrollToTop...效果如下: 最后补充两个HorizontalScrollView的滚动方法: HorizontalScrollView属于Scroll类家族成员,自然少不了控制其滚动的方法: ①滚动到指定位置 ——

    3.8K20

    Android的FixScrollView自定义控件

    需求模仿腾讯课堂视频播放详情页面,效果如图: 1外层滚动控件到顶部,内层控制滚动 2内层滚动到顶部,外层控制滚动 835108-20170331111709149-156183149.gif 835108...接下来要了解几个知识点, ①了解下Android事件分发的机制  ②了解哪些触摸类型事件以及之间的联系 ③如何在ViewGroup中寻找子控件(递归 找一个具体的控件大坑,尤其是再React-Native...) up--手指抬起事件 3如何在ViewGroup中寻找子控件 使用递归+instanceof可以父ScrollView找到一组类型相同的控件,想找某一个tab子页面中某一个ListView,太坑了!...那么有没有其他的方法了呢?采用Hierarchy Viewer去寻找不同tab页面的listview不同点,上个两个tab布局树形的图。...测试页面布局: image.png 第二个tab中的listview的(x,y)坐标 image.png 第三个tab中的listview(x,y)坐标 image.png 后面通过Hierarchy

    1.9K80

    项目需求讨论- 自定义滚轮(第二波新实现)

    而且如果你手指快速的滑动,不停的滚动,你就会滑到顶部的位置。因为我们的是ScrollView 最后选中哪一项,才让它滚动到中间相应的那一项。 那有些人可能会说,那我就不只弄这几组。...别人快速滑动也滑不到顶部了。Too young Too Simple。比如我用11组。但是你会发现,你的界面加载直接很久很久,因为ScrollView内的控件都直接要初始化好,因为你设置了11组。...---- 原理分析 滚轮的高度和Item的高度 比如我们确定一个页面显示5项,item的布局高度为100dp,那滚轮高度就设定为500dp....3.比如只划一部分,如何让它自动滚到相应的Item(重点) 方法还是一样,通过当前获取到的滚到的Y值,然后除以每项的Item的高度,就能知道当前顶部是处于第几项,然后求余数就知道了当前顶部那项有多少是显示的...那现在就是我们要让他滚动到一定距离,自动调整自己的位置,来正好显示某个Item项,而不会出现某个Item在界面上显示一半。

    1.1K20
    领券