彭也

读完本文约需10分钟接上回，废不说，看图模拟液体流动的展开特效，适合一些需要侧边展开进行辅助说明的页面，如用户在填写某个表单，需要操作很多步骤，有这么一个侧边栏控件，用户可以随时展开查看操作指引。也适

模拟电子手表的时钟数显，适合用在时钟、数字电子风格显示等场景。 可以注意到，本控件还原了电子手表上数字显示的残影效果，在显示某个具体数字时，仍然可以隐约看见数字“8”的形状。 将这个控件用在大屏全面屏手机上，作为一个工作时钟也是个不错的选择。 模拟现实生活中的上古时代电子手表进…

虽然老罗的锤子处于倒闭与即将倒闭的量子叠加状态，但锤子在手机行业还是带来了些许影响。拟物化的UI风格在当时众多同质化的扁平UI风格中脱颖而出。 如同在一群母牛中放入了一头母犀牛——不一样的牛逼。 一日，当我仔细观察锤子的Swtich控件时，其中的交互细节使我汗颜。可以夸张地说，…

什么是质感？翻译成程序语言就是合理设置部分内阴影、外阴影，使之具备一定的立体的视觉效果。 在交互设计上，用户拖动指示器时，指示器会缩放；用户拖动结束后，指示器会自动被临近的节点所吸附。动画过度非常自然流畅。 在UI细节设计上，内阴影和外阴影衬托出立体感，从而提升了整个控件的质感…

控件的刻度附带磁吸效果。同时会监控用户交互时手指的移动速度，在手指抬起后会继续保持一段时间的惯性移动，见下图 值得注意的是，控件支持渐变背景色！只要大胆配色， UI风格可以随意替换。 当然，那些屎一样的渐变配色就不要尝试了，否则你就是设计界的老八。 《隔壁产品都馋哭了》系列文章…

这Q弹的动画，妖艳的色彩转换，着实和市面上的普通Switch控件不太一样。下面对它逐一拆解，从0到1实现它。 Android系统提供的SwitchButon很好地体现了metiarial design设计风格，但不够妖艳。我希望用两个比较冲突的对比色进行控件的颜色设计，这样摆在…