学习出处:http://blog.csdn.net/guolin_blog/article/details/8714621 这里不转载内容了,按照自己理解写一篇 侧滑菜单效果 就是手机版QQ的左侧向右滑动出现菜单栏的那一种效果...menu是侧滑菜单,相当于显示个人信息的那个界面 (不截图了,因为QQ滑动缩小,本菜鸟做的滑动两个界面大小都不变化) ? 将菜单布局的左偏移值改成0时,效果图如下: ?...这是侧滑界面。...这里为了要让布局尽量简单,菜单布局和内容布局里面没有加入任何控件,只是给这两个布局各添加了一张背景图片,这样我们可以把注意力都集中在如何实现滑动菜单的效果上面,不用关心里面各种复杂的布局了。...如果不在初始化的时候重定义两个布局宽度,就会按照layout文件里面声明的一样,两个布局都是fill_parent,这样就无法实现滑动菜单的效果了。
好,今天我们就一起来实现这个效果,总之我第一次看到这个特效是在人人客户端看到的,我也就主观性地认为我是在模仿人人客户端的特效了。...虽然现在网上类似这种效果的实现也非常多,可是我发现实现方案大都非常复杂,并不容易理解。但其实这种效果并不难实现,因此我今天给大家带来的也是史上最简单的滑动菜单实现方案。 首先还是讲一下实现原理。...这样我们可以把注意力都集中在如何实现滑动菜单的效果上面,不用关心里面各种复杂的布局了。...而当菜单布局完全展示的时候,效果如下图: ? 今天大家看到了史上最简单的滑动菜单实现方案,确实是非常简单。...没错,当前的这个解决方案只适用于单个Activity中,如果是想在多个Activity中都实现滑动菜单的效果,请参考我的另一篇文章 Android滑动菜单框架完全解析,教你如何一分钟实现滑动菜单特效。
controller set controller 2.2.4 点击两个ViewController 之间的链接线,在属性面板设置identifier 为sw_rear(不可为其他字符) 2.3 链接要显示侧滑菜单的...结果如图,这里要注意一个问题,就是指向第一个显示ViewController的箭头 指向了SWRevealViewController; 因为我在实际开发中发现不指向这个ViewController 侧滑菜单不出现...,不知道是什么原因 2.4 在代码设置SWRevealViewController的一些属性和滑动事件 //侧滑菜单 if(self.revealViewController() !
又到了更新博客的时间了,今天给大家带来的是ListView侧滑出现删除等按钮的效果。相信大家在平时玩app的时候都接触过这种效果吧。...比如说QQ聊天列表侧滑就会出现“置顶”、“标为已读”、“删除”等按钮。这篇博文将用ViewDragHelper这个神器来实现侧滑效果。...友情链接一下之前写的博文使用ViewDragHelper来实现侧滑菜单的。...好了,话说的那么多,先来看看我们实现的效果图吧: 侧滑ListView效果图.gif 可以看出来,我们实现的和QQ的效果相差无几。下面就是源码时间了。...其实整体的逻辑和之前用ViewDragHelper来实现侧滑菜单大同小异。
上一篇博客带大家实现了:Android 自定义控件打造史上最简单的侧滑菜单 ,有兄弟看了以后说,你这滑动菜单过时了呀~QQ5.0的效果还不错~~嗯,的确,上一篇也承诺过,稍微修改上一篇的代码,实现QQ5.0...侧滑菜单~~好了,下面就开始为大家展示写一个类QQ的侧滑有多easy ~!...1、原理分析 首先对比一下我们上篇的实现距离QQ的效果还有多远: ? ?...差距还是蛮大的 区别1、QQ的内容区域会伴随菜单的出现而缩小 区别2、QQ的侧滑菜单给人的感觉是隐藏在内容的后面,而不是拖出来的感觉 区别3、QQ的侧滑菜单有一个缩放以及透明度的效果~ 那么我们如何能做到呢...说了这么多,其实到上一篇史上最简单的侧滑,到QQ5.0的效果的转变,只需要几行代码~~ @Override protected void onScrollChanged(int l, int t,
github地址:https://github.com/xiangzhihong/SwipeMenuListView 今天介绍一个SwipeMenuListView实现侧滑删除的例子,其实和listview...效果如果: ? 当然你也也可以根据自己的需要增加更多的自定义View。 ?
自定义侧滑效果.gif 上次说到自定义属性在系统控件上的应用,今天继续利用这个思想,基于DrawerLayout打造自己的侧滑效果 首先看下我们的布局文件 侧滑view--> <com.aruba.drawerapplication.SlideLinearLayout android:id="@+id/ll_slide...DrawerLayout implements DrawerLayout.DrawerListener { //内容view private View contentView; //实际上的侧滑...NonNull Context context, @Nullable AttributeSet attrs) { super(context, attrs); //添加侧滑监听...Override public void onDrawerClosed(@NonNull View view) { fraction = 0; //点击item后关闭侧滑或者手指快速侧滑时的重置状态
侧滑菜单可以拓展app的内容,充分利用手机屏幕,增加程序的可玩性。既然有这么多可供选择的侧滑菜单使用,那为什么我们还要自己写呢?...我觉得我们在使用侧滑菜单的时候应该要懂得其中的原理,更好的,可以自己写一个侧滑菜单来加深体会。 好了,话不多说。...来看看我们所谓“史上最简单粗暴实现的侧滑菜单”的产物吧: 侧滑菜单gif 看完了上面的gif,想不想自己也写一个呢,那还等什么,一起来看看喽。...首先来说一下侧滑菜单实现的思路:侧滑菜单的布局为MenuLayout,还有主页的布局为MainLayout。...ViewCompat.postInvalidateOnAnimation(this);而postInvalidateOnAnimation(View view)需要重写computeScroll()来实现平滑滚动的效果
如果列表效果采用的是 ListView 的话,需要经过自定义 View 才能实现效果;但是如果采用的是 RecyclerView 的话,系统 API 就已经为我们提供了相应的功能。...接下来,我们就来看一下怎么用系统 API 来实现排序和删除的效果。...所以侧滑删除的代码应该在这个方法中实现。...} 代码中根据 layoutManager 分为了两种情况: 如果是 GridLayoutManager ,那么拖拽排序就可以细分为上下左右四个方向了,而且 GridLayoutManager 没有侧滑删除的功能...,其中的逻辑就是得到当前用户进行侧滑删除操作的 item ,然后将其删除。
1.DrawerLayout是一个侧滑的布局控件 2.以及可以拖拽的一个布局资源 3.首先要现在布局文件里面设置好布局,在进行编写代码; 第一步:这是最基本的一个布局文件,里面有主界面布局,下面是包含一个...:textSize="20sp" /> 第二步:设置ActionBar,以及侧滑栏的点击事件...R.string.close); toggle.syncState(); drawerLayout.addDrawerListener(toggle); } //==================设置侧滑点击事件
Android 事件分发】ItemTouchHelper 简介 ( 拖动/滑动事件 | ItemTouchHelper.Callback 回调 ) 【Android 事件分发】ItemTouchHelper 实现侧滑删除...( 设置滑动方向 | 启用滑动操作 | 滑动距离判定 | 滑动速度判定 | 设置动画时间 | 设置侧滑触发操作 ) 【Android 事件分发】ItemTouchHelper 实现拖动排序 ( 设置滑动方向...三、完整代码实现 1、主界面 2、ItemTouchHelper.Callback 回调类 3、执行效果 三、博客资源 一、ItemTouchHelper.Callback 配置侧滑删除 ----...: 这里有两种侧滑判定条件 , 满足任意一个即可触发侧滑删除 ; ① 条件一 : getSwipeThreshold 方法中设置的滑动距离 , 滑动超过 0.5 滑动幅度 , 触发侧滑删除 ; ②...重写 ItemTouchHelper.Callback 的 onSwiped 方法 , 用户侧滑判定成功后 , 会调用该方法 , 如果侧滑判定不成功 , 则不会调用该方法 ; 侧滑判定 : 这里有两种侧滑判定条件
有人问我,appium怎么去删除qq聊天的, 当时想到的是滑动, 可是具体的大概有个思路,于是乎,就想自己来实现下, 打开模拟器,开发者选项,找到显示坐标的 然后去打开...) time.sleep(6) driver.find_element_by_xpath\ ('//android.view.View[@content-desc=\"删除\"]').click() 实现效果...: 这就实现了 appium操作qq,实现滑动删除消息。
侧滑抽屉菜单 前言 正文 一、创建项目 二、添加滑动菜单 三、UI美化 四、添加导航视图 五、菜单分类 六、动态菜单 七、源码 运行效果图: ?...那么头像是一个图片,而且普遍是圆形图片,常规是通过一些第三方库和自定义VIew来实现。还记得我们刚才导入的material库吗?可以用它里面的控件来实现圆形头像。...嗯,和预想的效果一致,这也是现在很多APP侧滑菜单的用法,基本上就差不多了。 五、菜单分类 假如上面的五个菜单是基础功能,那么下面再添加一个扩展菜单。...attr/selectableItemBackground" 就是点击item的效果,体验感更强一些。...这里菜单图标有了,分割线也有了,不过实际为了美感,通常会去掉最后一个item的分隔线,这个可以通过自定义View来实现,网上多的是。
之前项目中开始使用了侧滑返回,本来几行代码搞定的问题后来发现了一个超级尴尬的问题,如下图 IMG_6521.PNG 返回的时候出现了空白的情况,这就尴尬了。
apple-mobile-web-app-status-bar-style" content="black" /> 移动端页面侧边导航滑入效果...HoverTree js
一、使用 效果图: ?
实现这样的效果: ## 侧滑面板(对ViewGroup的自定义) * 应用场景: 扩展主面板的功能 * 功能实现: > 1....; default: break; } return action; } } DragLayout: /** * 侧滑面板
现在开发中,很多APP都在用侧滑菜单,这个很常见,也有很多第三方库,比如slidingmenu,谷歌官方的DrawerLayout等等。...下面我就总结一下侧滑菜单实现的4种方式: 一、自定义ViewGroup ,处理其onTouch事件 ---- 二、FrameLayout + 手势处理类GestureDetector ---- 三、使用...Google自带的DrawerLayout + NavigationView 这个就很简单了,DrawerLayout 结合NavigationView 很轻易实现这个效果。...as自带模板就有这个效果。 效果图如下: ?...layout_constraintTop_toTopOf="parent" /> ---- 四、继承自水平滚动HorizontalScrollView 这个效果我参考的是博客
前言:实现这个效果有几种方式,大家可以看看这篇文章从京东购物,印象笔记看小程序左滑交互的实现 ,而我们就使用最新的方案,就是用movable-view来实现左滑删除的效果。...GitHub:https://github.com/Ewall1106/miniProgramDemo 首先上图看下最终效果: ?...小程序实现左滑删除效果 1、movable-area基本概念 大家仔细去看看官网的文档后再来看我写的这篇文章可能会更好理解。...3、小结 这样,我们的页面基本结构就实现了,到这里,我们还有这么几个问题需要解决完善: 事件的监听,当超过最大滑动距离时,让movable-view提供一个非常流畅的过界动画和回弹效果; 设置阈值,往左移动超过阈值则显示删除按钮
前言:这章我们为movable-view添加点击事件,完善左滑效果。...else { this.x = 0; this.setData({ x: this.x }); } } }; 上面有几行代码很少但却是整个实现左滑删除效果的核心代码...this.x = -92; this.setData({ x: this.x }); 3、完整代码 全部js代码: import wepy from 'wepy'; export...this.x = 0; this.setData({ x: this.x }); } } }; } 至此,我们的用小程序实现左滑删除的效果基本上就全部实现了...,如果你是用小程序原生开发的话,其实原理都是一样的,所以实现的方式也差不多。