5.5分享效果课件ppt教学教程.pptxVIP

第五章 交互效果的制作 第五节 分享效果 分享效果 / 01 分享效果 3 【实例】设计分享效果。 【实例效果】 （1）如图所示，在APP页面中展示列表项信息的默认页面，选择一条展示信息，向左滑动，展示“删除”“分享”“ 锁定”三个按钮，按钮以逆时针180°的方式展示。 （2）单击“分享”按钮，在当前信息列表项下方，向下滑动显示四个分享社区的入口，从左向右依次出现。 （3）单击四个分享社区按钮，完成整个分享的流程。 分享效果 4 【实例准备】 （1）如图所示，在APP页面中展示页面信息，在用户操作的信息列表项中放置一个动态面板，自定义名称为“滑动面板1”。 （2）在“滑动面板1”动态面板的下方，放置自定义名称为“facebook”“whatapp”“twitter”“linkedin”四个组合，由图标和蓝色背景的矩形组合而成，默认隐藏。 分享效果 5 （3）如图所示，在“滑动面板1”动态面板中，含有“滑动面板2”。 （4）放置三个自定义名称为“删除”“分享”“锁定”操作按钮，按钮的表现形式为白色的图标加有填充色的圆形，放在“滑动面板2”的右侧位置。 （5）将“滑动面板2”动态面板置于顶层，覆盖“删除”“分享”“锁定”三个操作按钮。 分享效果 6 【设计思路】 （1）通过“滑动面板1”动态面板的【拖动】交互事件，可以移动“滑动面板2”动态面板，实现拖动的效果。 （2）向左滑动时，固定