首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

小程序-实现折叠面板-手风琴效果

背景 无论是在小程序还是 h5 网页,折叠菜单,手风琴是一个非常常见的效果,如今也有很多现成的 UI 组件库已经实现了这一效果的,但有时候在写原生小程序时,单单就是一个折叠菜单效果,却要引入整个 UI...库,有点得不偿失 以下就自己手动实现一个的 实例效果 ?...) { this.setData({ [`selected[${active}]`]: false, }); } }, }); 如上代码就可以实现手风琴效果...然后列表的数据的名称以及要展示的内容放在一个数组listDatas中,随后,循环列表渲染 在列表中绑定点击事件,在元素上设置data属性,在事件对象中就可以获取到,最终通过setData修改数据,以达到实现手风琴效果...结语 实现这个手风琴,主要还是在怎么控制子选项的一个状态selected,通过列表的索引,然后进行控制selected的状态,实现子项列表内容的显示和隐藏 ---- 如果您有问题,欢迎小伙伴们下方留言

2.9K10

【Android】打造下拉放大效果

前言 在其他App上看到了这样的一个效果,感觉有点意思,于是决定实现一个类似的效果。...(其实是iOS的同学在是现功能的时候秀了一波操作) 效果大概是这样子的: 下拉放大 UI看完后 “这个效果不错啊” “要不你们Android也么做?”...于是~~ 作为一个有追求的程序员,决定也要实现一个这样的效果(千万只草泥马在崩腾) 思路 这样的效果嘛~~ 利用自定义的ViewGroup,通过对手势的处理,应该就能实现了吧?...,然后动态改变Header的配置,实现放大的效果。...试试效果 使用 直接在需要下拉放大的布局外面套上FlexibleLayout即可,例如ScrollView <com.gavin.view.flexible.FlexibleLayout android

2.3K60

Android实现RecyclerView下拉刷新效果

本文为大家分享了Android实现RecyclerView下拉刷新效果的具体代码,供大家参考,具体内容如下 思路 RealPullRefreshView继承了一个LinearLayout 里面放置了一个刷新头布局...* 可以根据下拉距离scrollY设计动画效果 */ public interface OnPullShowViewListener { /** * 当处于下拉刷新时,头布局显示效果 * * @param...scrollY 下拉的距离 * @param headviewHeight 头布局高度 * @param deltaY moveY-lastMoveY,正值为向下拉 */ void onPullDownRefreshState...(int scrollY, int headviewHeight, int deltaY); /** * 当处于松手刷新时,头布局显示效果 * * @param scrollY 下拉的距离 * @param...deltaY moveY-lastMoveY,正值为向下拉 */ void onReleaseRefreshState(int scrollY, int deltaY); /** * 正在刷新时,页面的显示效果

3.3K30

前端-10款web动画插件

2.基于Layui的可自定义添加删除数据的表格处理插件 如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel...5.jQuery左侧边栏多级菜单 适合后台管理页面使用 这是一款基于jQuery的侧边栏多级下拉菜单插件,这个菜单的特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。...今天给大家带来另外一款模拟谷歌的纯CSS3 Loading加载动画,一共有6种动画效果。 ?...10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了,特别是垂直手风琴菜单更为常见,比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。...这次要分享的也是一款基于CSS3的深色背景的垂直手风琴菜单,实现原理与之前的比较类似,但是菜单展示形式略有不同,这个手风琴菜单当展开时子菜单会有水平飞入的动画效果。 ?

5.8K50
领券