您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure 美女浏览原型,内含:多层动态面板嵌套,拖动时函数设定边界

发布人:www.yunke.ai 发布时间:2021-01-01 149 次浏览

先上一张原型主界面的图片,原型在文章末尾,自己去下载

本案例是以浏览图片为范本的原型设计(仅供娱乐与学习)。内部包含多层动态面板,函数应用,应该会对初学者有一点帮助。

不过话说在前面,学习Axure还是要循序渐进:先从认识部件,认识函数开始(函数要学好,很重要滴),基础打牢后再继续打磨会事半功倍,不要上来就直接copy人家的函数与动作,要知道实现思路,知道“鸡”是怎么来滴。

下面开始一个一个开始介绍实现方法:

第一部分:主界面的美女显示面板

项目内容动态面板部件结构

项目内容显示动态面板整体框架

在这里需要再看一下主界面显示的情况

项目主界面

这里我们设置想让图片可以上下拖动,显示其他的未显示出来的内容,注意:这里要设定上下滑动的边界;

并且在相应的图片上进行左右滑动时可以触发动态面板中图片的切换;

在鼠标单击时弹出“看图模式”,进行图片的浏览,在这个界面中必须点击退出按钮才能退出到主界面。