pulltorefresh

Vue webAPP首页开发(五)

断了今生、忘了曾经 提交于 2020-04-05 16:34:33
接上篇 https://www.cnblogs.com/chenyingying0/p/12635369.html 返回顶部组件 base/backtop/index.vue <template> <transition name="mine-backtop"> <a href="javascript:;" class="mine-backtop" v-show="visible" @click="backToTop"> <i class="iconfont icon-backtop"></i> </a> </transition> </template> <script> export default { name:"MeBacktop", props:{ visible:{ type:Boolean, default:false } }, methods:{ backToTop(){ this.$emit("backtop");//基础组件,与业务无关,具体实现去页面里 } } } </script> <style lang="scss" scoped> @import '~assets/scss/mixins'; .mine-backtop{ overflow:hidden; @include flex-center(); width:45px; height:45px;

Android 下拉刷新框架实现

主宰稳场 提交于 2019-12-07 14:57:22
前段时间项目中用到了下拉刷新功能,之前在网上也找到过类似的demo,但这些demo的质量参差不齐,用户体验也不好,接口设计也不行。最张没办法,终于忍不了了,自己就写了一个下拉刷新的框架,这个框架是一个通用的框架,效果和设计感觉都还不错,现在分享给各位看官。 1. 关于下拉刷新 下拉刷新这种用户交互最早由twitter创始人洛伦•布里切特(Loren Brichter)发明, 有理论认为,下拉刷新是一种适用于按照从新到旧的时间顺序排列feeds的应用 ,在这种应用场景中看完旧的内容时,用户会很自然地下拉查找更新的内容,因此下拉刷新就显得非常合理。大家可以参考这篇文章: 有趣的下拉刷新 ,下面我贴出一个有趣的下拉刷新的案例。 图一、有趣的下拉刷新案例(一) 图一、有趣的下拉刷新案例(二) 2. 实现原理 上面这些例子,外观做得再好看,他的本质上都一样,那就是一个下拉刷新控件通常由以下几部分组成: 【1】Header Header通常有下拉箭头,文字,进度条等元素,根据下拉的距离来改变它的状态,从而显示不同的样式 【2】Content 这部分是内容区域,网上有很多例子都是直接在ListView里面添加Header,但这就有局限性,因为好多情况下并不一定是用ListView来显示数据。我们把要显示内容的View放置在我们的一个容器中,如果你想实现一个用ListView显示数据的下拉刷新

Pulltorefresh add to gradle

匿名 (未验证) 提交于 2019-12-03 01:57:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: can anyone help me add this library in build.gradle Android Studio. https://github.com/chrisbanes/Android-PullToRefresh I know it is deprecated but I want to use it, I would appreciate if someone could help me what to write in dependencies { compile 'com.android.support:support-v4:18.0.0' compile 'com.android.support:appcompat-v7:+' compile '????' } as mentioned I want to use the deprecated library not new Actionbar-Pulltorefresh. tried to google it but couldn't find any help. 回答1: I suggest you to use ActionBarPullToRefresh (same author).

PullToRefreshListView

匿名 (未验证) 提交于 2019-12-03 00:35:01
import android.os.Bundle; import android.os.Handler; import android.support.v7.app.AppCompatActivity; import android.util.Log; import android.widget.ListView; import com.google.gson.Gson; import com.handmark.pulltorefresh.library.ILoadingLayout; import com.handmark.pulltorefresh.library.PullToRefreshBase; import com.handmark.pulltorefresh.library.PullToRefreshListView; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import java.util.List; public class MainActivity extends AppCompatActivity { } < com.handmark.pulltorefresh.library.PullToRefreshListView

uniapp 之 nvue 填坑之路 ―― 在 ios 真机运行时在 page.json 下给 nvue 页面配置 pullToRefresh 下拉刷新会导致 app 卡死

匿名 (未验证) 提交于 2019-12-02 23:43:01
在 ios 真机运行下,给 nvue 页面配置 pullToRefresh 会导致 app 卡死退出,其他情况正常,即 android 真机运行环境以及 vue 页面正常 解决方法:去掉 nvue 页面的 pullToRefresh 配置即可 文章来源: https://blog.csdn.net/Gochan_Tao/article/details/91996114

Android之PullToRefresh的使用方法

萝らか妹 提交于 2019-12-02 03:39:29
###android studio 导入 PullToRefresh // 下载 https://github.com/chrisbanes/Android-PullToRefresh // 解压,得到 extras,sample,library(主要) Android-PullToRefresh-master -> library // 在你项目的根目录创建一个lib目录 [PATH] [app] [src] [res] [build] build.gradle ... [build] [gradle] [lib] // 将 library 重名名为 pull [pull] [src] [res] [build] ... build.gradle settings.gradle ... // 修改 settings.gradle include ':app', ':lib:pull' // 修改 [app]/build.gradle dependencies { // Library compile project(':lib:pull') } // 创建 [lib]/[pull]/build.gradle apply plugin: 'android-library' android { compileSdkVersion 17 buildToolsVersion "21.1