侧滑抽屉菜单 前言 正文 一、创建项目 二、添加滑动菜单 三、UI美化 四、添加导航视图 五、菜单分类 六、动态菜单 七、源码 运行效果图: ?...那么头像是一个图片,而且普遍是圆形图片,常规是通过一些第三方库和自定义VIew来实现。还记得我们刚才导入的material库吗?可以用它里面的控件来实现圆形头像。...嗯,和预想的效果一致,这也是现在很多APP侧滑菜单的用法,基本上就差不多了。 五、菜单分类 假如上面的五个菜单是基础功能,那么下面再添加一个扩展菜单。...六、动态菜单 像这种导航菜单一般都是定好的,静态的。但是保不齐就有需要动态的菜单,需要去动态改变一些数据。而动态的菜单就不能再去使用刚才的这种方式添加item了,我们可以用列表来解决。...这里菜单图标有了,分割线也有了,不过实际为了美感,通常会去掉最后一个item的分隔线,这个可以通过自定义View来实现,网上多的是。
我们经常能看到各种app中都有应用侧滑菜单(SlidingMenu),效果很好的一种显示方式,今天我就向大家展示可以说是很简单就能实现和qq的侧滑菜单很相似的效果。...现在侧滑菜单的框架在github上也有很多,有兴趣的可以去搜一下,今天我就给大家展示一个简单的仿qq侧滑菜单的例子。...开始 实现原理 我们可以自定义一个view,然后用一个水平滚动条HorizontalScrollView匹配父容器 要有这个HorizontalScrollView要有两倍屏幕的宽度,用这个Android...自带的水平滚动条来实现左右滑动的效果。...LinearLayout内部嵌套RelativeLayout(虽然这样嵌套可能会导致性能收到影响,但我们现在重在理解这个过程) 在每个RelativeLayout中在添加ImageView和TextView 这样我们要实现的左边菜单栏
Controller,这里可以为任何类型的, 2.2.1 创建完成后,左键点击SWRevealViewController的View Controller并按住control不放, 2.2.2 拖动到该菜单...controller set controller 2.2.4 点击两个ViewController 之间的链接线,在属性面板设置identifier 为sw_rear(不可为其他字符) 2.3 链接要显示侧滑菜单的...2.2.2 2.2.3 步骤,把SWRevealViewController 与你要显示的ViewController 链接起来,然后对链接线的identifier属性设置为sw_front(代表左侧菜单...结果如图,这里要注意一个问题,就是指向第一个显示ViewController的箭头 指向了SWRevealViewController; 因为我在实际开发中发现不指向这个ViewController 侧滑菜单不出现...,不知道是什么原因 2.4 在代码设置SWRevealViewController的一些属性和滑动事件 //侧滑菜单 if(self.revealViewController() !
在Android开发中,相信侧滑菜单大家都不陌生吧,几乎是每个app都必备的。...侧滑菜单可以拓展app的内容,充分利用手机屏幕,增加程序的可玩性。既然有这么多可供选择的侧滑菜单使用,那为什么我们还要自己写呢?...我觉得我们在使用侧滑菜单的时候应该要懂得其中的原理,更好的,可以自己写一个侧滑菜单来加深体会。 好了,话不多说。...来看看我们所谓“史上最简单粗暴实现的侧滑菜单”的产物吧: 侧滑菜单gif 看完了上面的gif,想不想自己也写一个呢,那还等什么,一起来看看喽。...首先来说一下侧滑菜单实现的思路:侧滑菜单的布局为MenuLayout,还有主页的布局为MainLayout。
虽然现在网上类似这种效果的实现也非常多,可是我发现实现方案大都非常复杂,并不容易理解。但其实这种效果并不难实现,因此我今天给大家带来的也是史上最简单的滑动菜单实现方案。 首先还是讲一下实现原理。...将菜单布局的左偏移值改成0时,效果图如下: ? 好,我们开始用代码来实现。首先在Eclipse中新建一个Android项目,项目名就叫做RenRenSlideMenuDemo。...那么有朋友也许会问了,在一个Activity当中这样实现滑动菜单是很简单,可是如果我的应用程序有好多个Activity都需要滑动菜单,每个Activity里都这么实现一遍,也变得复杂了。...没错,当前的这个解决方案只适用于单个Activity中,如果是想在多个Activity中都实现滑动菜单的效果,请参考我的另一篇文章 Android滑动菜单框架完全解析,教你如何一分钟实现滑动菜单特效。...有对双向滑动菜单感兴趣的朋友请转阅 Android双向滑动菜单完全解析,教你如何一分钟实现双向滑动特效。 好了,今天的讲解到此结束,有疑问的朋友可以在下面留言。 源码下载,请点击这里
github地址 https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异。想必大家都已经见识过了。...非常感谢Jeremy Feinstein提供的这个库,让广大Android Developers省去了非常多的麻烦。...做了修改的地方,我做了中文注释,其实实现很简单,几行代码而已。推荐大家下载Demo,然后自己调试一下。Demo的下载地址在文章的末尾。 废话不多说,直接上代码,略微有点长。...#writeToParcel(android.os.Parcel, int) */ public void writeToParcel(Parcel out, int flags...void setCanvasTransformer(CanvasTransformer t) { mTransformer = t; } } 如果想要使用这个侧滑菜单的动画效果
学习出处:http://blog.csdn.net/guolin_blog/article/details/8714621 这里不转载内容了,按照自己理解写一篇 侧滑菜单效果 就是手机版QQ的左侧向右滑动出现菜单栏的那一种效果...实现原理。...menu是侧滑菜单,相当于显示个人信息的那个界面 (不截图了,因为QQ滑动缩小,本菜鸟做的滑动两个界面大小都不变化) ? 将菜单布局的左偏移值改成0时,效果图如下: ?...这是侧滑界面。...这里为了要让布局尽量简单,菜单布局和内容布局里面没有加入任何控件,只是给这两个布局各添加了一张背景图片,这样我们可以把注意力都集中在如何实现滑动菜单的效果上面,不用关心里面各种复杂的布局了。
前几篇文章介绍的底部菜单栏、图片循环自动轮播都非常常用,底部菜单栏也很常用,底部菜单栏是iOS的主要风格,而Android的风格则偏向侧滑菜单栏。...侧滑菜单栏也是很常用的,本篇为大家介绍下一个侧滑菜单栏,个人感觉很不错,这里只贴出关键的代码,学习下。 效果如下: ? fd.jpg 首先定义一个Fragment,用来展示侧滑菜单,添加一些事件。...import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import...android.os.Bundle; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem...toolbar title getSupportActionBar().setTitle(title); } } } Activity中的代码也很简单,这个侧滑菜单主要的核心就在于
现在开发中,很多APP都在用侧滑菜单,这个很常见,也有很多第三方库,比如slidingmenu,谷歌官方的DrawerLayout等等。...下面我就总结一下侧滑菜单实现的4种方式: 一、自定义ViewGroup ,处理其onTouch事件 ---- 二、FrameLayout + 手势处理类GestureDetector ---- 三、使用...Google自带的DrawerLayout + NavigationView 这个就很简单了,DrawerLayout 结合NavigationView 很轻易实现这个效果。...> android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android...> android="http://schemas.android.com/apk/res/android"> android:checkableBehavior
触摸事件 侧滑菜单--- github-SlidingMenu 1.在ViewGroup中,让自己内容移动有以下三个方法个方法: layout(l,t,r,b); offsetTopAndBottom...(offset); scrollTo和scrollBy方法; 注意:滚动的并不是viewgroup内容本身,而是它的矩形边框 它是瞬间移动的 2.在自定义ViewGroup中一般不需要去实现...onMeasure, 我们去实现系统已有的ViewGroup,比如FrameLayout, 它会帮我们区实现onMeasure方法 3.让view在一段时间内移动到某个位置 a.使用自定义动画...="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"..." > <com.ly.slidemenu.view.SlideMenu android:id="@+id/slideMenu" android:layout_width
】ItemTouchHelper 实现侧滑删除 ( 设置滑动方向 | 启用滑动操作 | 滑动距离判定 | 滑动速度判定 | 设置动画时间 | 设置侧滑触发操作 ) 【Android 事件分发】ItemTouchHelper...实现拖动排序 ( 设置滑动方向 | 启启用长按拖动功能 | 拖动距离判定 | 设置拖动触发操作 ) ---- 文章目录 Android 事件分发 系列文章目录 一、ItemTouchHelper.Callback...适配器中的删除操作 三、完整代码实现 1、主界面 2、ItemTouchHelper.Callback 回调类 3、执行效果 三、博客资源 一、ItemTouchHelper.Callback 配置侧滑删除...: 这里有两种侧滑判定条件 , 满足任意一个即可触发侧滑删除 ; ① 条件一 : getSwipeThreshold 方法中设置的滑动距离 , 滑动超过 0.5 滑动幅度 , 触发侧滑删除 ; ②...重写 ItemTouchHelper.Callback 的 onSwiped 方法 , 用户侧滑判定成功后 , 会调用该方法 , 如果侧滑判定不成功 , 则不会调用该方法 ; 侧滑判定 : 这里有两种侧滑判定条件
com.hlq:slideDeleteListView:1.0.0' 布局中: <hlq.com.slidedeletelistview.SlideDeleteListView android...:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent
这次跟大家介绍怎么简单的实现类似QQ消息Item的左右滑动菜单的实现。首先见效果图先: ? show.gif 这就实现了ListView或RecyclerView加载的item的View实现侧滑菜单。...至于这么实现,很简单就是通过继承HorizontalScrollView,再判断滑动的距离以滑到对应的View或菜单。具体如下: 首先,在item的界面布局方面如下: android:orientation="horizontal" android:layout_width="match_parent" android...(注:是屏幕最右边到整个View最右边的距离).当operateLeft==true的时候,滑动在操作在左侧,当getScrollX()滑还不到菜单的二分之一宽度时...,恢复原状,即this.scrollTo(0, 0);,当getScrollX()>HalfMenuWidth&&getScrollX()滑大于菜单的二分之一宽度但却小于左菜单加右菜单一半的宽度
实现的目标MUI的off canvas效果 点击列表 ---- 右侧展示页面不动,左侧导航滑动 ---- 点击右侧遮罩层或者左侧选项 ---- 左侧还原,右侧去掉遮罩层 实现方案2:左右分上下两层
ViewDragHelper 一个拖拽实现的帮助类,存在于v4包中,对于实现简单的拖拽简直不要太简单;再也不用去重写onTouch()了; 官网API https://developer.android.com.../reference/android/support/v4/widget/ViewDragHelper.html 该类主要用于拖拽view的实现,例如侧滑菜单时候的左右拖拽或者上下拖拽 使用方法 创建...layout 看Demo中的DragLayout ; https://github.com/sky-mxc/AndroidDemo/tree/master/drag 侧滑菜单实现 以前写过一个侧滑菜单,...思路是重写 ListView或者RecycleView 的onTouch事件,判断根据坐标点判断找到子view,然后让子view滑动,从而实现的侧滑。...tryCaptureView(View child, int pointerId) { return child == mContentView || child == mActionView; } 因为实现的是侧滑菜单
上次分析源码,我们知道,ItemTouchHelper对被选中的ViewHodler进行动画操作都是通过ItemTouchUIUtilImpl这个类,我们想要实现侧滑删除,必定需要对ViewHodler...= 0 && dX == 0) {//因为我们只关注侧滑,而侧滑条件是dX!...= null) { iMoveAndSwipeCallback.onChildDraw(viewHolder, dX, dY); } } 并实现iMoveAndSwipeCallback...android:gravity="center" android:text="remove" android:textColor="@android:color...recyclerview.gif 我们还需要解决的问题是上下滑动或者选中其他ViewHodler时的时候,把ViewHodler复原 在select方法中,记录上一个ViewHodler /** * 之前侧滑的
实现的目标----YDUI的Popup组件 点击列表图标----左侧的菜单栏显示----点击关闭按钮或者右侧的遮罩层----左侧菜单栏关闭 实现方案1:左侧菜单和右侧展示页面分为上下两层 wxml...在左侧菜单导航操作的最后记得open=false,使页面还原。
Android侧滑框架 前两天看到一篇文章介绍了一些开源框架,其中无意间看到了这个SmartSwipe的侧滑框架,根据上面的介绍及演示的动态效果,使用起来确实很不错,于是自己做了个Demo后,发现效果确实不错...SmartSwipe简价 微卡智享 这里我贴上原作者的博客地址:https://qibilly.com/SmartSwipe-tutorial/ SmartSwipe这个侧滑框架确实像他介绍的一样,侧滑手势在...Android App应用得非常广泛,常见的使用场景包括:滑动抽屉、侧滑删除、侧滑返回、下拉刷新以及侧滑封面等。...而SmartSwipe可以实现上面所有的这样的需求,并且使用起来非常的简单,很多操作效果用一行代码即可实现。...实现效果 代码实现 微卡智享 我们新建一个Android的项目SmartSwipe,在build.gradle中加入SmartSwipe的引用。
前言 侧滑手势在Android App应用得非常广泛,常见的使用场景包括:滑动抽屉、侧滑删除、侧滑返回、下拉刷新以及侧滑封面等。...理论上我们就可以实现所有的侧滑需求了。...Google在android support库中为侧滑菜单的需求提供了SlidingPaneLayout和DrawerLayout两种实现,看源码会发现两者都是基于ViewDragHelper来实现的,...关于侧滑,有这一个就够了 当然,这是吹牛逼的! 框架只是封装了侧滑行为事件的捕获、分发及多点交替滑动的处理,具体的侧滑效果(消费侧滑距离的策略)需要你自己来实现。。。哎。。。等等,胸抬,先别走啊!...这样看来,也许还真能实现所有侧滑效果诶? 能实现所有侧滑效果只存在于理论上,肯定还需要不断地完善,开源出来也是希望能利用开源社区的力量来完善它,让android侧滑更简单!
上一篇博客带大家实现了:Android 自定义控件打造史上最简单的侧滑菜单 ,有兄弟看了以后说,你这滑动菜单过时了呀~QQ5.0的效果还不错~~嗯,的确,上一篇也承诺过,稍微修改上一篇的代码,实现QQ5.0...侧滑菜单~~好了,下面就开始为大家展示写一个类QQ的侧滑有多easy ~!...差距还是蛮大的 区别1、QQ的内容区域会伴随菜单的出现而缩小 区别2、QQ的侧滑菜单给人的感觉是隐藏在内容的后面,而不是拖出来的感觉 区别3、QQ的侧滑菜单有一个缩放以及透明度的效果~ 那么我们如何能做到呢...,还是有一点拖出的感觉,所以我们的偏移量这么设置: tranlateX = mMenuWidth * scale * 0.6f ;刚开始还是让它隐藏一点点~~~ 4、完整的实现 说了这么多,其实到上一篇史上最简单的侧滑...;所以这里就没有抽取了,不然总觉得是在重复~ 嗯,最近还有写APP的侧滑,是这样的,就是菜单栏完全隐藏在内容区域下面,如果需要这样需求的: ?
领取专属 10元无门槛券
手把手带您无忧上云