摹客教程

摹客教程

摹客,让设计更快更简单

抽屉组件

抽屉组件是一种特殊的弹出面板,可以模拟手机App中推入拉出抽屉的效果,主要用于手机项目。

0-抽屉.gif

抽屉中有且仅有一个面板组件,可通过往面板中添加组件的方式定制抽屉。一般而言,编辑抽屉组件需要连续两次双击。先双击抽屉图标进入抽屉,再双击面板进入抽屉中的面板。

1-抽屉.png

再论面板,双击进入抽屉后,可编辑面板的颜色、边框等样式。面板于抽屉组件而言,就像是一张背景画布。

至于抽屉组件的背景属性,我们不建议您去修改。因为绝大多数抽屉背景都是这类半透明的灰色蒙层。

弹出面板中支持多种动画,而抽屉中只有“左侧滑出”、“右侧滑出”两种弹出动画。

抽屉有三种关闭策略:

  • 无:通过手动添加交互实现关闭抽屉
  • 点击外部:点击非抽屉弹出面板区域关闭
  • 点击所有区域:点击屏幕任意位置关闭

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!