这是一本典型的快餐类的书，基本只看看目录就可以了。

电商是个热门话题，书中主要涉及了电商的几个主要点：用户量、价格、物流、资本、大数据、等，再堆出一个行业内的热闹企业、事件、人，基本就凑出一本书了，可以作为门外汉的课外读物。

话说，这种书怎么处理呢？卖废纸？

这本书在书架上有段时间了，这两天快速读完。总体感觉：值得实践、值得推荐。

作者用一个故事，串联起多个时间管理、习惯养成的方法，并在故事的叙述中简单介绍了各方法的关键。因为力求精简，书中并没有展开介绍各方法的细节，但还是扼要得点出其核心。如果读者对某个方法感兴趣，或者在实践过程中想深入了解，可以再去具体研究。

方法论的东西，如果不去实践，它就一直只是方法论。接下来就开始实践，期待一段时间后不一样的自己。

以下就开始整个模仿的过程，大致分为三步。

1，想清楚交互的具体过程

拆分后包含：

• 点击某一项后，使用在该行显示灰色半透明蒙

• 松手后，蒙板消失，表示选中的图标移至该行

2，准备素材

其实Origami主要是用来设计交互、动画，其前置条件是已经有完整的图片资源。主要包含收下部分：

• 背景

• 选中图标

3，逐步实现交互

布置静态界面

将选中图标放在背景图中即可，默认隐藏灰色蒙板

实现点击交互

先实现点击松开时，选中图标移至相应的位置。

根据截图，计算中选中图标在各行时对应的坐标。第0行Y坐标为1110，第5行为630，可推出相应的计算公式：Y = 1110- 96 * i。这样，使用Index就可以实现点击与移动的对应关系。因为选中图标仅在Y方向移动，X坐标保持不变。

对于点击后的灰色蒙板，也可以使用类似的方式来移动。隐藏与否则可以通过控制Scale来实现，而Opacity则设置为0.3。

实现后的QC界面大概是：

好，这样就完成了整个交互设计，大家可以到这里下载Origami工程文件。

今年计划看50本书，过了快一半，才看了5本。

无意间翻到这本《重来》，翻了几页就发现特别对胃口，书中的观点非常认同，看着看着就想一直看下来。虽没有一次读完，也差不多四次就读完了。书不厚，每个小主题都有插图，看起来也不觉得累。

这本书主要讲的是大名鼎鼎的37signals介绍小团队创业相关的事，包括要保持小团队、做自己喜欢并使用的产品、以产品为主、万不得已再招人、保持精简、等等。总之是涉及到了产品到公司的很多层面。非常喜欢，应该会再认真读一遍。

还是要看书，不然思想都没什么变化，也懒得思考，这样老的太快了。

以下就开始整个模仿的过程，大致分为三步。

1，想清楚交互的具体过程

侧边栏的交互并不复杂，拆分结束后，大致可分为以下的交互、或者说动画：

• 任务列表左移、右

• 侧边栏保持不动，被任务列表盖

• 两种方式触发页面的切换

  *   点击抽屉图
  

  • 滑动任务列表界面

2，准备素材

其实Origami主要是用来设计交互、动画，其前置条件是已经有完整的图片资源。主要包含收下部分：

• 手机状态栏

  *   注意：状态栏背景应该是全透明的，这样可以显示下面页面的颜
  

• 侧边

• 任务列表界面

大家如果要练手的话，可以到这里下载素材。

3，逐步实现交互

布置静态界面

其实主要是根据程序，将内容、素材摆放在界面相应的位置上。

注意Layer的上下层次，从上到下依次是：状态栏、任务列表、侧边栏

实现后的QC界面大概是：

确认交互的触发方式

由于点击抽屉图标和滑动任务列表界面都可以触发交互，所以考虑先实现一种触发方式，然后用另一种方式来调用第一种方式。

技巧：优先实现滑动的触发方式，然后使用点击来设置滑动的起始状态即可。

实现滑动交互

这点并不复杂，使用简单的Swipe Patch，明确起始位置即可。

实现后的QC界面大概是：

实现点击交互

这里要处理的是，在不同的情况，点击所触发的行为是不一致的。也就是说

• 在侧边栏隐藏时，点击抽屉图标应该显示侧边

• 在侧边栏显示时，点击抽屉图标应该隐藏侧边栏

这就意味着要做条件判断。条件判断可以使用Condition来实现，简单的判断任务列表界面的X位置即可。然后，将不同状态下点击的行为，用于设置滑动操作切换到起始、或终止的位置即可。

实现后的QC界面大概是：

另一种更巧妙的办法是，点击切换滑动的起始状态即可。

实现后的QC界面大概是：

好，这样就完成了整个交互设计，大家可以到这里下载Origami工程文件。