Axure8.0｜快速入门新手教程：电子相册

Axure8.0｜快速入门新手教程：电子相册

在这篇文章中，作者将教大家如何使用axure8.0制作电子相册，欣赏~

电子相册，多用于私人空相册，以循环滚动的形式停止照片的呈现。其呈现的主次方式是将今天最大最清晰的照片放在最高层，然后其他照片逐渐还原为恍惚状态。当客户点击下一张照片时，这些照片可以停止循环滚动。今天好像借了一下，看到有人在做那种电子专辑。在那里，我教大家如何使用axure8.0制作电子相册。以下是结果:

步骤1:拖动并放置相关控件。

1.五张照片:这五张照片分别命名为图片1、图片2、图片3、图片4和图片5，大小分别为240X320、222X296、204C272、204C272和222X296，但都是100%和60%无透明度。"图2">:"图3">:"图5">:"图4"，从左至左，将五张照片的中间面设置为100个molts的距离，并将每张照片的初始形状设置为禁止使用。

2.一个矩形框:黑底黑框地图，169X45，取名“下一个”。

步骤2:为页面提升页面中的加载时间测试用例。

对于页面加载，提出五个偶数自变量，设置初始值，picture1=0，picture2=1，picture3=1，picture4=0，picture5=0。

第三步:在点击鼠标进行下一个测试时，改进测试用例。

当鼠标已经点击“下一步”时，已经触摸了五张照片的鼠标点击测试用例。

第四步:分别对“图片1”和“图片5”的鼠标点击测试用例进行改进。

当鼠标点击“图片1”时，有五种测试情况，因此请保留以下设置:

测试案例1

前提:如果今天组件的总宽度为204，则整个局的自变量picture1为1；

1:相对移动“图片1”，X轴为-400，Y轴为0，画成一条线，持续500ms

动作2:将整个游戏的自变量picture1设置为0。

测试案例2

前提:如果今天组件总宽度为204，则整个局的自变量picture1为0；

1:相对移动“图片1”，X轴为100，Y轴为0，画成一条线，持续500ms

2.动作:设置“图片1”的规格总宽度为【今日组件总宽度18】，下度数为【今日组件下度数24】，锚面为中间，动态绘制为线形，线形为500ms

动作3:设置“图片1”的不透明数为60%，绘制成线条形状，线条形状为500ms。

测试案例3

前提:如果今天组件总宽度为222，则整个局的自变量picture1为0；

1:相对移动“图片1”，X轴为100，Y轴为0，画成一条线，持续500ms

2.动作:设置“图片1”的规格总宽度为【今日组件总宽度18】，下度数为【今日组件下度数24】，锚面为中间，动态绘制为线形，线形为500ms

3:将“图片1”放置在顶部；

动作:将“图片1”的不透明度设置为100%，将动画制作成线形，线形为500ms。

测试案例4

前提条件:如果今天组件总宽度为240，自变量picture1为0；

1:相对移动“图片1”，X轴为100，Y轴为0，画成一条线，持续500ms

2.动作:设置“图片1”的规格总宽度为【今日组件总宽度-18】，下度数为【今日组件下度数-24】，锚面为中间，动态绘制为线性，线性度数为500ms

动作3:设置“图片1”的不透明数为60%，绘制成线条形状，线条形状为500ms

4. *** 作:将独立变量picture1设置为1。

测试案例5

前提:其他

1:相对移动“图片1”，X轴为100，Y轴为0，画成一条线，持续500ms

2.动作:设置“图片1”的规格总宽度为【今日组件总宽度-18】，下度数为【今日组件下度数-24】，锚面为中间，动态绘制为线性，线性度数为500ms

动作3:设置“图片1”的不透明数为20%，绘制成线条形状，线条形状为500ms

那里只教大家如何设置鼠标点击时“图1”的测试用例。其他四张照片的交互设置都差不多，只有一些主要参数不同。有关详细信息，请检查此rp文件的设置。

设置好5张照片的交互后，点击浏览，选择“下一步”即可看到电子相册的滚动结果。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zz/778149.html