Android微信端的下拉刷新功能

2024-04-06 05:58:51

在Android和iOS上对于下拉刷新的处理方法:

在微信公众号内,在面对下拉刷新这个问题上,Android和iOS都自己的表现方式:

　　　　iOS:

　　　　Android:

所以我们要给内容加载监听器　

　　　function bindEvent() {
  　　　　 document.addEventListener('touchstart', touchSatrtFunc, false);
 　　　　 document.addEventListener('touchmove', touchMoveFunc, false);
 　　　　  document.addEventListener('touchend', touchEndFunc, false);
　　　　}

注意:　　

　document.addEventListener("事件名称", 函数, false);
　　　　　　function 某函数(event){
   　　 // 方法执行
　　　　}

我们首先要获取我们手指放在屏幕上的位置,　

　function touchSatrtFunc(evt) {
  　　　　try {
    　　　　var touch = evt.targetTouches[0]; //获取第一个触点
    　　　　var x = Number(touch.pageX); //页面触点X坐标(起始位置)(相对于内容)
    　　　　var y = Number(touch.pageY); //页面触点Y坐标(起始位置)(相对于内容)
    　　　　var y1 = Number(touch.screenY); //页面触点Y坐标(起始位置)(相对于屏幕)
    　　　　//记录触点初始位置
    　　　　startX1 = x;
    　　　　startY1 = y;
    　　　　startSY1 = y;
  　　　　}
　　　　}

如果我们只是iOS的话,那么我们只需要获取相对于内容的起始位置就可以了,但是由于android中的下拉是整体下拉.那么相对于内容的位移就不大,这就需要相对于屏幕的位置的取值了　　

　function touchMoveFunc(evt) {
  　　　　try {
    　　　　var scrollTop = $(".tui_container").scrollTop();
    　　　　var touch = evt.targetTouches[0]; //获取第一个触点
    　　　　var x = Number(touch.pageX); //页面触点X坐标
    　　　　var y = Number(touch.pageY); //页面触点Y坐标(移动位置)(相对于内容)
    　　　　var y2 = Number(touch.screenY); //页面触点Y坐标(移动位置)(相对于屏幕)
    　　　　startX2 = x;
    　　　　startY2 = y;
    　　　　startSY2 = y2;
    　　　　if(scrollTop <= 0) {
      　　　　if(startSY2 - startSY1>100) {
        　　　　$(".loading_refresh").removeClass("disn");
        　　　　setTimeout(function(){
          　　　window.location.reload();
        　　　},1500)
      　　　}
   　　　 }
 　　　 }
　　　}

手指在移动中执行的事件,获取到的值是不断变化的,当满足相对第一个获取到的值的偏差时执行事件刷新,这里的iOS和Android都试用.　

function touchEndFunc(evt) {
 　　 try {
    　　 var top = evt.target.scrollTop;
   　　 var touch = evt.changedTouches[0]; //获取最后一个触点
   　　 var startX3 = Number(touch.pageX); //页面触点X坐标
   　　 var startY3 = Number(touch.pageY); //页面触点Y坐标
   　　  var y3 = Number(touch.screenY); //页面触点Y坐标(移动位置)(相对于屏幕)
   　　 startSY3=y3;
   　　 var scrollTop = $(".tui_container").scrollTop();
  　　 }
　　}

这里可以获取的是手指离开时获取的位置,但是由于android是整体下拉,这刷新主要根据的就是滑动滚动的scrollTop(),android无法获取到scrollTop==0时的情况,所以抛弃在手指滑动结束后执行的事件(我注释掉了,就不写了).

以上所述是小编给大家介绍的Android微信端的下拉刷新功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

Android 监听应用前/后台切换实例代码

前言这周接到一个需求,需要在应用从后台切换到前台时,展示我们的广告.展示页面其实可以复用以前的开屏广告页,唯一的问题就是如何监听应用从后台切到了前台. 正文在众多方法中,我采用了以下这种方式.废话不多说,咱们直接看代码: //自定义Application类 public class MyApplication extends Application 在清单文件中声明 <application android:name=".MyApplication" android:allo
Android RecyclerView仿新闻头条的频道管理功能

需要在build里添加依赖 compile 'com.android.support:recyclerview-v7:25.3.1' 布局文件activity_main <android.support.v7.widget.RecyclerView android:layout_weight="1" android:id="@+id/recyclerView_up" android:layout_width="match_parent" a
Android Studio中使用lambda表达式的方法

1.module的build.gradle里buildTypes中添加: compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } 2.module的build.gradle里defaultConfig中添加: jackOptions.enabled = true 3.注意事项:jack可能会导致中文乱码,所以需要在gradle.proper
Android上传文件到服务器的方法

本文实例为大家分享了Android端实现文件上传的具体代码,供大家参考,具体内容如下 1).新建一个Android项目命名为androidUpload,目录结构如下: 2).新建FormFile类,用来封装文件信息 package com.ljq.utils; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.InputStream;
Android多线程+单线程+断点续传+进度条显示下载功能

效果图白话分析: 多线程:肯定是多个线程咯断点:线程停止下载的位置续传:线程从停止下载的位置上继续下载,直到完成任务为止. 核心分析: 断点: 当前线程已经下载的数据长度续传: 向服务器请求上次线程停止下载位置的数据 con.setRequestProperty("Range", "bytes=" + start + "-" + end); 分配线程: int currentPartSize = fileSize / mThreadNum
Kotlin编写Android适配器Adapter

说好今天要写一个使用Kotlin写Adapter的列子,我想了半天也没有组织好语言,直接上代码吧,有一定Android基础的小伙伴肯定是能看的懂的 package com.example.administrator.kotlintest import android.content.Context import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import and
Android 判断ip地址合法实现代码

Android 判断ip地址合法实现代码昨天,我在网上找了一下判断文本框内的字符串是否是合法的ip地址,自己想到了正则表达式,可是自己对这个却不熟,所以在网上查找了一些资料,最后终于是做出来了. 具体的代码很简单, public boolean isIP(String addr) { if(addr.length() < 7 || addr.length() > 15 || "".equals(addr)) { return false; } /** * 判断IP格式和范
Android扫描二维码时出现用户禁止权限报错问题解决办法

Android扫描二维码时出现用户禁止权限报错问题解决办法当我用ZBarDecoder.jar写了一个扫描二维码的程序,确实实现了扫描功能.组长说如果用户禁止调用摄像头,那程序也不能崩溃.结果我一运行就崩溃了.在网上自己找了找,可以这样解决. try { mCameraManager.openDriver(); } catch (Exception e) { //当用户手动禁止摄像头权限时,防止系统崩溃 AlertDialog.Builder builder=new AlertDialog.B
Android微信端的下拉刷新功能

在Android和iOS上对于下拉刷新的处理方法: 在微信公众号内,在面对下拉刷新这个问题上,Android和iOS都自己的表现方式: iOS: Android: 所以我们要给内容加载监听器 function bindEvent() { document.addEventListener('touchstart', touchSatrtFunc, false); document.addEventListener('touchmove', touchMoveFunc, false); docum
Android开源项目PullToRefresh下拉刷新功能详解

先看看效果图: 开源项地址:https://github.com/chrisbanes/Android-PullToRefresh 下拉刷新这个功能我们都比较常见了,今天介绍的就是这个功能的实现.我将按照这个开源库的范例来一点一点介绍,今天是介绍比较常见的PullToRefreshListView,是让listView有下拉刷新功能. 1.下载项目包,将library包导入即可,其他的包暂时不用 2.分析源码,看我们可以设置的有哪些 <?xml version="1.0" enc
Android开源项目PullToRefresh下拉刷新功能详解2

先看看效果图: 这里介绍的是PullToRefreshGridView的使用方法,和之前的PullToRefreshListView方法如出一辙,因为这个开源项目模块化很棒,所以很容易实现.等于说我们可以按照之前使用控件的方式来操作,不用考虑其他的问题. 思路: 1.写布局文件,放入可以下拉刷新的控件 2.找到下拉刷新的控件,设置监听器,并且在刷新方法中开启一个异步任务来操作 3.通过这个下拉刷新控件的getRefreshableView()方法来得到GridView对象,按照正常的操作来
Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能

如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑.删除菜单效果.增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下效果图: 1. 下载开源项目,并将其中的liberary导入到自己的项目中: 2. 使用SwipeMenuListView代替ListView,在页面中布局: <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefresh
Android移动端touch实现下拉刷新功能

第一部分:四个touch事件 1.touchstart:只要将手指放在了屏幕上(而不管是几只),都会触发touchstart事件. 2.touchmove: 当我们用手指在屏幕上滑动时,这个事件会被连续触发. 如果我们不希望页面随之滑动,我们可以使用event的preventDefault来阻止这个默认行为. 3.touchend: 当手指滑动后离开屏幕,这时就触发了touchend事件. 4.touchcancel: 系统停止跟踪触摸时候会触发.例如在触摸过程中突然页面alert()一个提示框
Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

RecyclerView 已经出来很久了,但是在项目中之前都使用的是ListView,最近新的项目上了都大量的使用了RecycleView.尤其是瀑布流的下拉刷新,网上吧啦吧啦没有合适的自己总结了一哈. 先贴图上来看看: 使用RecyclerView实现上拉加载更多和下拉刷新的功能我自己有两种方式: 1.使用系统自带的Android.support.v4.widget.SwipeRefreshLayout这个控价来实现. 2.自定义的里面带有RecyleView的控件. 使用RecycleVie
Android自定义listview布局实现上拉加载下拉刷新功能

listview实现上拉加载以及下拉刷新的方式有很多.下面是我写的一种自定义的布局,复用性也比较的强.首先就是继承的listview的自定义view. AutoListView.Java: package com.example.mic.testdemo.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Bu
Android ListView实现上拉加载更多和下拉刷新功能

本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式界面缓存:ViewHolder+convertView 分页加载:上拉刷新图片缓存快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsLi
Android实现上拉加载更多以及下拉刷新功能（ListView）

首先为大家介绍Andorid5.0原生下拉刷新简单实现. 先上效果图: 相对于上一个19.1.0版本中的横条效果好看了很多.使用起来也很简单. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" and
Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想.有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到.因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下.相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能. 首先讲一下实现原理.这里我们将采取的方案是使用组合View的方式,先自定义一个布局

Android微信端的下拉刷新功能

相关推荐

随机推荐