- 浏览: 568002 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
JYY282:
[i][/i]
Ecshop与Shopex的比较 -
qq247890212:
我也遇见这问题了,真诡异。重新下载个猫换了就好了。 太浪费时间 ...
诡异:ClassNotFoundException: org.springframework.web.filter.CharacterEncoding
From: http://www.lupaworld.com/article-218764-2.html
包裹式的背板 接下来我用了一个可以完全包住所有按钮的圆角背板,感觉还不赖,但是少了几分活力,多了几分沉重。我理想中的背板应该更具动感,以迎合之后我通过 Core Animation 编写的动画效果的气质。 最终设计 所以我把圆角背板的尺寸裁剪了些许,这样既整合了四周的按钮,又为中心的关闭按钮提供的背景支撑。事实上在我看来,悬于背板边缘的按钮布局多了几分活泼和有趣的意味。 在最终设计稿基础上,我通过代码实现了一切。下面是一个运行的实例,呈现的是缺省显示风格: 缺省状态 下面是使用一些定制化背景的效果。 MGTileMenu 第二页 我个人对最终的效果很满意。我想这是一个灵活、漂亮、吸引人的控件。接下来让我们看看用户交互设计及动画效果。 用户交互设计 设计伊始,我十分渴望能在用户手势操作上做出一些亮点。当我把自己的手放在 iPad 屏幕上,我发现我们会自然的把手向内侧弯曲,这使得我们的手指在屏幕上的滑动路径是斜向的而不是直上直下的。 因此,在这个控件的左下角(针对左撇子用户)或者右下角(针对右撇子用户),我安排了一些的留白,这里不能安排按钮,以避免被用户的手遮挡,事实上为了得到最佳效果,我留出了两个按钮的留白位置。 左右手使用习惯可以配置 这样的留白设计同时也减少了在一页中可显示的最大按钮数量,这其实是件好事,我希望以此激发开发者在他们的应用中减少可选操作项,以体现简洁美。 注意,在为左撇子用户布局按钮顺序的时候,我不是简简单单把右撇子的按钮排序镜像反转过去的哦。因为我不认为左撇子的阅读、理解顺序也是反着的。当然通过委托协议你依然可以坚持翻转按钮排序如果你认为有必要的话。 好了,谈了这么多静态的布局和外观,现在我们看看动画效果。基于前面谈到的各种因素,我立刻想到我们需要以下几处动画效果: 1. 菜单的显示和消失。 2. 菜单换页时。菜单的显示消失动画很容易想:出现的时候是一个放大加淡入的效果,消失的时候是一个缩小加淡出的效果。难度在从一页菜单切换到下一页菜单的处理,因为同时要替换页面上所有的按钮。 基于按钮的布局,因为它们看起来都是浮动在背板边缘的,我想到的动画效果是:当用户选择换页的时候,四周的按钮被吸收到中心位置,替换成下一页按钮的图标,在释放回到原位。 我的最初实现看起来很傻很天真,我用慢动作回放一下动画效果给你们看一下:
同步的吸放动画效果 后来我在每个按钮的动画效果前都安排的一些滞后,这样出来的效果就好多了:
布进式的吸放动画效果 而按钮的替换我用了基本的淡入淡出效果,这样的替换看起来不那么唐突。 上面演示的动画是最终版本的效果。实际上,一开始这些按钮的动画效果是按照从左到右、自上而下的顺序逐个激发的: 按钮动画激发顺序 可惜这种激发顺序产生的综合效果看起来比较杂乱,尤其是从上一行最右边按钮到下一行最左边按钮的过渡很不协调。后来我尝试了从翻页按钮(…)顺时针激发按钮动画,因为…按钮是用户触发整个切换场景的开端。所以最终的效果就是自翻页按钮(…)上面的那个按钮开始,顺时针绕一圈,逐个按钮吸收、替换、释放。如果配置成左撇子用户,则是反顺序的。 最终动画激发顺序 动画处理上画了我一点时间,但是看着最终的效果还是觉得很值得。 当然,内部代码以及委托协议里面对按钮的排序还是基于从左到右、自上而下的自然逻辑,这里我就不折腾调用控件的程序员了。 后记 我个人很享受制作 MGTileMenu 的过程,同样我希望这个东西对你有所帮助,包括这篇文章 — 无论是设计还是编码,我注入的全是爱与激情。 不厌其烦的再次插播广告,请考虑通过捐赠或者购买非署名许可证的方式支持我的代码和博客。 另外,我透过 MGTileMenu 开发过程的另外一个视角写了另外一篇博客: API Design, and why I designed it the way I did(译者注:此篇稍后翻译) 。对于开发者来说,API 就是他们的用户界面。在那篇博文里,我以 MGTileMenu 为例,阐述了自己对 iOS 及 OS X 组件开发的一些观点。 预知更多信息,请粉我的推 (@mattgemmell). Enjoy MGTileMenu! 英文原文:Matt Gemmell 编译:伯乐在线 – 陈远 |
发表评论
-
Objective-C 与 C++ 的异同
2013-04-02 12:03 1351http://www.cnblogs.com/y041039 ... -
Cocos2D-X是全球知名的开源跨平台手机游戏引擎
2013-01-22 10:05 2702http://www.oschina.net/p/cocos ... -
iOS Keyboard 键盘高度变化 自适应
2013-01-15 15:43 3211[[NSNotificationCenter default ... -
iOS使用自定义字体
2012-11-27 12:11 12062From: http://blog.csdn.net/csy1 ... -
4 款类似 Facebook/Path 切换效果的 iOS 组件
2012-11-27 12:03 2071From: http://blog.csdn.net/lia ... -
Path 2.0的UI界面设计详细介绍
2012-11-27 11:56 1419如Path的创始人Dave Morin ... -
史上最全的App Store邮箱列表
2012-11-27 11:51 1205From: http://roybaby.blog.51cto ... -
iOS从info.plist 获取项目的名称及版本号
2012-11-16 10:54 1559From: http://blog.sina.com.cn/s ... -
MapKit annotation drag and drop with callout info update
2012-10-13 10:38 2358http://hollowout.blogspot ... -
NSArray 或NSDictionary 调用writeToFile方法失败原因
2012-08-31 10:03 4415NSArray 或NSDictionary 调用writeTo ... -
如何让IOS应用从容地崩溃
2012-08-30 15:25 1566From: http://www.cocoachina.com ... -
iOS中判断设备系统版本
2012-08-29 17:17 31662在iOS开发中,经常要考虑系统的向下兼容,如果使用 ... -
iOS 汉字转拼音
2012-08-21 16:42 1417From: http://www.cnblogs.com/v2 ... -
iOS模拟器截图工具
2012-08-17 16:35 1568From: http://magicalboy.com/ios ... -
XCode下的iOS单元测试
2012-08-10 17:47 1111From: http://mobile.51cto.com/ ... -
AFNetworking
2012-08-08 10:54 4613AFNetworking on github: https:/ ... -
Wrapping Conventions
2012-08-01 15:54 772Wrapping Conventions ... -
Core Animation如何使显式动画结束时的值直接作用Layer
2012-08-01 14:51 3741(1)使用隐式动画会直接改变layer的属性值,如: ima ... -
How To Debug Memory Leaks with XCode and Instruments Tutoria
2012-07-31 16:30 1012From: http://www.raywenderlich. ... -
Using Properties in Objective-C Tutorial
2012-07-31 16:27 875From: http://www.raywenderlich. ...
相关推荐
C#支持等比例缩放拖动的halcon WPF开源窗体控件
免费的halcon开源窗体控件
开源表格控件mmGrid,通俗易用易操作,强烈建议大家使用
很不错的一个框架,可以画roi,可以直接放到项目上,大家可以下载学习一下
ZPCamera 一个开源的iOS相机App
强大的ListView风格开源表格控件XPTable源码(C#)
ios开源中国 开源中国源码 完整app源码.
winform开源ribbon控件源码.rar
这是一套开源且完整的WPF控件库,压缩包中包含了所有控件的使用案例,项目地址:https://github.com/HandyOrg/HandyControl
AvalonDock是一个开源控件库,用于实现控件的拖动悬浮效果。类似VS开发工具的视图拖动效果。
收集的一个c#做的一个windows桌面开源日历程序 类似于google 日历界面,值得研究
经典开源的c#界面控件,好用,能生成非常漂亮的winform界面
C# 开源图表控件ZedGraph,ZedGraph.dll,图表控件,显示功能强大,代码简单,比VS自带的chart方便,自带的chart编写代码麻烦,而且在大量数据显示的时候刷新显示很慢,
GPUImage 一个开源iOS框架用于基于GPU的图片与视频处理、
winform 很实用的第三方开源控件,希望能给你 的项目带来帮助!
TimetableView 一个开源的、完善的、简洁的Android课程表控件
iOS Switch 控件的动画集合.zip,动画切换集合
一款非常灵活的开源JS图表控件同,完全客户端代码,可钻取,可以drillthrough,随便怎么搞都行
提供了开源画图控件zedgraph的zedgraph_dll_v515.zip,zedgraph_source_v515.zip,zedgraph_web_sample_v5.1.2.zip
自定义Tab控件 github地址:https://github.com/fengling2300/FLTabBarController