类似QQ侧滑菜单功能实现】的更多相关文章

之前的那文章简单实现了菜单侧拉功能,但是做不到像QQ那样导航条和tabBar一起移动...之后在网上找资料,有了思路,就自个写了个demo试试水. 先创建QHLMainController控制器,并把它设置成app的根控制器. 在QHLMainController控制器中,懒加载添加一个tableView,并对tableView设置相对应的属性以及frame(frame的x设置为一个负值)!!添加一个tabBar控制器,并 为tabBar控制器添加4个子控制器(分别为first,two,thre…
代码示例:https://github.com/johnlui/SwiftSideslipLikeQQ 本 文中,我们将一起使用 UINavigationController 来管理主视图,并实现点击左视图中菜单时,主视图自动联动的功能.本文是本系列文章的终结篇,也是最有难度的一篇,我已经为此编写了 10 小时的代码,前八小时一直在试错.毕竟我只是一个只有三个多月 iOS 开发经验的新手 (- o -)Y 给主视图装上 NavigationBar 给 HomeViewController 增加…
Android自定义控件并没有什么捷径可走,需要不断得模仿练习才能出师.这其中进行模仿练习的demo的选择是至关重要的,最优选择莫过于官方的控件了,但是官方控件动辄就是几千行代码往往可能容易让人望而却步.本文介绍如何理解并实现Android端的QQ侧滑菜单,300行代码即可.首先上完成的效果图: 侧滑效果大家可以对比自己手机上QQ的侧滑菜单,效果与之几乎没有什么差别. 首先 本文并不会长篇大论的讲解自定义控件所需要的从绘图.屏幕坐标系.滑动到动画等原理,因为我相信无论您是否会自定义控件,这些原理…
iOS精选源码 QQ侧滑菜单,右滑菜单,QQ展开菜单,QQ好友分组 登录按钮 3分钟快捷创建高性能轮播图 ScrollView嵌套ScrolloView(UITableView .UICollectionView)解决方案 LLIconVersioning可以自动创建带有调试信息的app图标 保护App不闪退(JJException) 斗鱼直播-Swift4.0 swift获取后台返回的省市区选择器 子控制器自动布局 仿新浪新闻详情广告图片效果 iOS优质博客 iOS 代码规范篇 为了增加代码的…
本系列文章中,我们将尝试再造手机QQ的侧滑菜单,力争最大限度接近手Q的实际效果,并使用 Auto Layout 仿造左侧菜单,实现和主视图的联动. 代码示例:https://github.com/johnlui/SwiftSideslipLikeQQ 最终效果: 开发环境 本系列文章的开发环境为: * OS X 10.10.3 * Xcode Version 6.3 (6D570) 基本数据采集 初步体验,手Q采用的应该是线性动画,即缩放比例等随着手指滑动的距离以一次方程的形式变化.动画达到最大…
QQ侧滑实现架构:需要建立以下几个ViewController:1.XQBaseViewController 2.LeftViewController3.RightViewController4.ContentViewController(中间显示的主要内容) 5.SliderViewController(用于控制侧滑动画,控制左右侧栏的显示和隐藏) import UIKit class SliderViewController: UIViewController { var mainConte…
1.记录下效果图 2.二个工具类 package myapplication.com.myapplicationfortest.utils; import android.util.Log; /** * Log统一管理类 * * @author way * */ public class L { private L() { /* cannot be instantiated */ throw new UnsupportedOperationException("cannot be instant…
代码示例:https://github.com/johnlui/SwiftSideslipLikeQQ 本篇文章中,我们将一起使用 Auto Layout 高仿手Q的左侧视图,力争达成从布局到动画的全面类似.由于实现过程繁复,本文将主要讲述思路和心得体会,将不再大段大段地粘贴代码. 手Q左视图的展现方式 细部动画 仔细观察,在把主页往右拖动时,左侧菜单有一个平移和放大的结合动画,并且有一层黑色遮罩层,透明度在不断变化,如下图: 适配逻辑 我对比了 4 寸屏幕和 4.7 寸屏幕上的左视图,很明点的…
基本数据采集 经过体验,手机QQ采用的应该是线性动画,即视图缩放比例等随手指在屏幕上滑动的距离以一次方程的形式变化. 提取基本数据,向右侧滑达到最大幅度时: 1.   右侧主视图左边界距离屏幕左边界的距离占屏幕宽度的比例为:78% 2.   右侧主视图的高度占屏幕高度的比例为:77% 分步实现: 1.实现主视图的缩放侧滑: 2.实现主视图与左视图的联动: 第一步,实现主视图的缩放侧滑 此前动手做时参考了一些类似的demo,发现许多是用手势UIPanGestureRecognizer来实现的,而本…
效果图: DEMO 本代码即是DEMO,您可以下载后选择您喜欢的IDE运行.SDK版本建议使用4.0以上 Version Migration 从 v1.0, v1.1, v1.2, v1.3 升级到 v1.4 如果你开启了手势滑动,你需要替换被依附的 Activity 里 dispatchTouchEvent() 代码 @Override      public boolean dispatchTouchEvent(MotionEvent ev) {            return resi…
ResideMenu菜单 课堂笔记: https://github.com/SpecialCyCi/AndroidResideMenu Github:如何使用开源组件1. 下载 下载方式: 1. 项目首页右下角"Download ZIP"按钮 2. 安装Git,git clone:git地址2. 将组建自己的工程在同一个目录下3. 附加类库,建立依赖(其他比较好的开源组件: ArcMenu SlidingMenu PullRefreshListView ) ArcMenu:https:…
贼简单,但是上次集成完之后忘记整理,所以写的有点简单 SwipeMenu类 继承自ViewGroup package com.onepilltest.others; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.View; import android.vi…
var skin : GUISkin; var showChat = false;private var inputField = "";private var display = true;private var entries = ArrayList();private var scrollPosition : Vector2;var userName : String ;var chatobject : Transform;private var window = Rect(50…
大家都知道QQ有一个自动停靠功能,即“上.左.右”,当你把窗体拖到屏幕边缘,然后移开鼠标它会自动缩放,然后只显示一小小点出来,我们仔细观察会发现其实它只露3像素左右的边缘,当你鼠标移上去它又会伸出来,介于普通入门级学者要求艾伟就在这里给需要的朋友们分享分享我是怎么实现的,代码很少,效果如下: 先在当前类里弄几个变量,方便逻辑判断: QQ_MODE(用于记录窗体当前的停靠状态,即0为不停靠,1为X轴,2为Y轴,3为顶部),QQ_T(窗体缩放时显示出来的边缘大小),QQ_XY(鼠标坐标与窗体边缘多少…
SwipeListView是Github上的一个开源框架,地址:https://github.com/47deg/android-swipelistview SwipeListView was born out of the need to add swipe gestures to ListView on Android. 因为开发需要整一个类似QQ侧滑删除的ListView,一开始准备自己写一个自定义layout作为item布局,依稀记得有个叫swipelistview的开源框架,结果还真可…
直接上代码: activity_main.xml: <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="m…
最近公司有个项目,是要求实现类似 QQ 聊天这种功能的. 如下图 这没啥难的,稍微复杂的也就表情的解析而已. 表情在传输过程中的实现参考了新浪微博,采用半角中括号代表表情的方式.例如:“abc[doge]def”就会显示 abc,然后一个,再 def. 于是动手就干. 创建一个模板控件来进行封装,我就叫它 ChatMessageControl,有一个属性 Text,表示消息内容.内部使用一个 TextBlock 来实现. 于是博主三下五除二就写出了以下代码: C# [TemplatePart(N…
最近项目中有类似QQ好友列表功能,整理了一下,话不多说,直接上代码 import UIKit class QQFriend: NSObject { var name: String? var intro: String? init(dic: NSDictionary) { super.init() self.setValuesForKeys(dic as! [String : AnyObject]) } } import UIKit class QQFriendGroup: NSObject {…
使用之前,先简单介绍一下这个SwipeRecyclerView,这是严大(严振杰)基于RecyclerView的进行修改和封装的高级RecyclerView,其可以实现像QQ聊天界面的侧滑删除菜单,和一些高级的功能,我这里也就不一一列举出来了 想要了解更多的同学,请看这一篇,作者写的http://blog.csdn.net/yanzhenjie1003/article/details/52115566 swiperecyclerview的Github官网:https://github.com/y…
原文地址:http://www.apkbus.com/android-18034-1-1.html 大家可能看到android的自带的系统菜单比较难看,如图: 2011-12-4 23:13 上传 下载附件 (20.68 KB)   很多应用都自己定义了系统菜单, QQ游览器 2011-12-4 23:15 上传 下载附件 (60.05 KB)   手机QQ 2011-12-4 23:15 上传 下载附件 (49.83 KB)   我今天做的就是类似手机QQ的菜单,效果图如下: 2011-12-…
为了后续对这个项目进行优化,比如透明度动画.背景图的位移动画,以及性能上的优化. 我把这个项目上传到github上面,请大家随时关注. github地址https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异.想必大家都已经见识过了. 为了不重复发明轮子,先去github上面搜索了一番. 发现了几个类似的,但是还是有一些不同. 下面是搜索到的类似的开源项目. RESideMenu(ios项目) https://github…
@ 目录 简介: 安装: 设置快捷键: 实现鼠标右键菜单截图: 简介: 在Windows中用惯了强大易用的QQ截图,会不习惯Ubuntu中的截图工具. 软件名为火焰截图,功能类似QQ截图,可以设置快捷键Ctrt+Alt+A来触发截图,当然快捷键也可以是其他的,取决于自己习惯.截图后可以像QQ截图那样编辑,编辑完可以复制到剪切板,也可以保存到本地,还可以固定到桌面. 截图界面图,下面的小图标是编辑工具: 安装: 在终端输入以下命令: sudo apt-get install flameshot 设…
此篇文章主要是对MVC实现类似QQ的网页聊天功能(上)的部分代码的解释. 首先说一下显示框的滚动条置底的问题: 结构很简单一个大的div(高度一定.overflow:auto)包含着两个小的div第一个小的div放聊天信息,第二个div(height:0px;overflow:hidden),当页面加载聊天内容时第二个小的div调用scrollIntoView()方法即可将滚动条置底.滚动条置底效果: 其次说一下输入框: 输入框用的是KindEditor富文本编辑器插件,需要引入kindedit…
http://www.cnblogs.com/yechensi/archive/2009/08/02/1537145.html C#如何实现类似QQ那样靠边隐藏的功能 你想过为自己的程序添加靠边隐藏的功能吗?还在为计算窗体的大小及位置而烦恼吗?想这么简单的轻松调用吗? DockWindow.FormDockTemplate m_oDockFormTemplate = new DockWindow.FormDockTemplate(this); 不用吃惊,您只需要在你的窗体初始化的时候(也就是窗体…
package com.loaderman.slidingmenudemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.view.View; import android.view.Windo…
前两天学习了hyman老师讲的Android侧滑菜单的实现,经过自己的整理分享出来给大家学习一下 现在很多APP都有菜单侧滑的功能,本篇文章主要讲解使用自定义的HorizontalScrollView控件实现简单的菜单侧滑功能 用户可以左右滑动或者点击上方的菜单切换按钮,切换菜单 不多说先上两张效果图,图中内容正文页面只是QQ聊天界面的一张静态图片 接下来,让我们看下具体代码的实现,代码中有注释 1. left_menu.xml布局文件,用来显示图二中的菜单界面 注意:所有xml中的image图…
上次使用Xamarin.Android实现了一个比较常用的功能PullToRefresh,详情见:Xamarin. Android实现下拉刷新功能 这次将实现另外一个手机App中比较常用的功能:侧滑菜单.通过搜索,发现有很多侧滑菜单,有仿手机QQ的侧滑菜单,有折叠的侧滑菜单,有SlidingMenu等,不过我还是比较喜欢 ResideMenu实现的效果,所以想通过Xamarin.Android的绑定实现该效果.这次实现该菜单遇到的问题比较多,花的时间也较多,花了三四个晚上才解决所有的问题.下面是…
各大APP必备的侧滑菜单栏,支持手势滑动.包含QQ式.美团式等 结构模板 这里是示例Html, 必须使用Mui框架才能使用. 主容器 <div class="mui-off-canvas-wrap mui-draggable"></div> 菜单窗体 <aside class="mui-off-canvas-right"></asign> 主窗体 <div class="mui-content mui-…
本文由孙国威 原创.如需转载,请注明出处! 原文:http://blog.csdn.net/manoel/article/details/39013095 为了后续对这个项目进行优化,比如透明度动画.背景图的位移动画,以及性能上的优化. 我把这个项目上传到github上面,请大家随时关注. github地址https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异.想必大家都已经见识过了. 为了不重复发明轮子,先去githu…
接手一个项目,有一个问题需要修改:轮播图不能手动滑动,手动滑动轮播图只会触发侧滑菜单. 猜测:viewpager控件(轮播图)的触摸事件被SlidingMenu控件(侧滑菜单,非第三方项目,乃是上个开发人员自定义的)拦截了. 基于这个猜测,我自定义一个ViewPager,重写dispatchTouchEvent.onInterceptTouchEvent和onTouchEvent,分别在这三个方法中打印log: 重写SlidingMenu的dispatchTouchEvent.onInterce…