仿iPhone、iPad界面滑屏切换

<!DOCTYPE html> <html lange='en'> <head> <meta charset='UTF-8'> <title></title> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <style> * { margin: 0; padding: 0; } #div1 {…

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路. 1.实现原理假设有5个页面,每个页面占屏幕100%宽,则创建一个DIV容器viewport,将其宽度(width) 设置为500%,然后将5个页面装入容器中,并让这5个页面平分整个容器,最后将容器的默认位置设置为0,overflow设置为hidden,这样屏幕就默认显示第一个页面. <div id="v…

仿iphone动态萤火虫锁屏应用安卓源码

该源码是仿iphone动态萤火虫锁屏应用源码,源码SkyLock,这也是最近弄了一款锁屏,苦于市场百般阻拦与锁屏应用数量实在太多,于是将它拿出来开源:废话不多说,希望大家能够希望,更多说明请看下面的吧. <ignore_js_op><ignore_js_op> 后面的萤火虫是会动的,gif图片不会截取 <ignore_js_op> 20141202005325.png (106.46 KB, 下载次数: 0)下载附件保存到相册 2014-12-2 00:53 上大…

ViewPager实现滑屏切换页面及动画效果（仿优酷客户端）

找了许多实现该功能的例子,但效果都不很理想,于是自己结合网上的资源及自己的总结,整理了一下,发出来,供大家参考.这个是自己做的,仿优酷客户端的. 先看效果: **************************************************************************** 1.创建项目 2.设置界面layout 主界面:activity_main.xml <?xml version="1.0" encoding="utf-8&…

Android ListView实现仿iPhone实现左滑删除按钮

需要自定义ListView.这里就交FloatDelListView吧. 复写onTouchEvent方法.如下: @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: // 获取按下的条目视图(child view) int childCount = getChildCount(); int[] listViewCoords…

JS禁止横竖屏切换,强制横竖屏显示

js判断屏幕横竖屏: function orient() { //alert('gete'); if (window.orientation == 0 || window.orientation == 180) { $("body").attr("class", "portrait"); orientation = 'portrait'; return false; } else if (window.orientation == 90 || w…

iOS －滑屏方案

参考自:iOS开发- 通过ChildViewCotroller ViewController容器产品增加新的版面,类似于网易新闻,百度新闻,腾讯新闻等新闻客户端首页多屏幕滑屏切换,找了一些开源代码研读: 我担心的是如果在项目中使用,会出现以下问题: 1.对象不释放,内存占用过大 2.数据管理特别凌乱最后,我选择使用控制器父子加载的特点来开发这个板块: 代码: github 代码…

利用轮播原理结合hammer.js实现简洁的滑屏功能

最近有个任务,做一个非常小的h5的应用,只有2屏,需要做横向的全屏滑动切换和一些简单的动画效果,之前做这种东西用的是fullpage.js和jquery,性能不是很好,于是就想自己动手弄一个简单的东西来实现.最后我用zepto + hammer.js 和轮播的方式解决了这个问题,效果还不错,整个页面不开启Gzip时所有资源请求的数据大小为200KB左右.这篇文章总结下这个方法的实现思路. 效果演示(代码下载): 1. 实现要点 1)滑屏借鉴bootstrap的carousel插件,不过完全没有它…

iPhone / iPad UI界面设计与图标设计的尺寸设计规范+安卓+网页

①iPhone的设计尺寸 iPhone界面尺寸: 设备分辨率状态栏高度导航栏高度标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程一套完整的UI设计规范手册(IOS版) 移动端界面设计之尺寸篇(淘宝版) 图说: iPhone 6 (plus) 没那么容易搞定设计尺寸回顾:iOS设计规范整理汇总 iPhone6 plus物理版 1080 × 1920…

iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸

iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸设备分辨率 PPI 状态栏高度导航栏高度标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 146px iPhone6 plus物理版 1080…