Axure RP 9 教程—制作九宫格拼图游戏

 时间:2024-10-12 08:15:35

1、新建动态面板,用于放置九宫格图片。

2、选择第一张图片设置交互:if (条件如图1)设置文本(如图2)(其中lx为X的元件文字,ly为元件Y的元件文字)设置文本(如图3)移动(如图4)其中,lx为元件X*100的元件文字,ly为元件Y*100的元件文字。

Axure RP 9 教程—制作九宫格拼图游戏
Axure RP 9 教程—制作九宫格拼图游戏
Axure RP 9 教程—制作九宫格拼图游戏
Axure RP 9 教程—制作九宫格拼图游戏

3、为八个图块设置同样的交互即可,X、Y、X*100、Y*100的初始值就是初始空白图块的值,应此(X,Y)=(2,2),(X*100,Y*100)=(200,200)OVER,拼图已经做完。

  • iH5高级教程:H5创意展示,折角翻书特效
  • Animate如何通过遮罩改变图片外观形状
  • 使用Axure如何实现左右滑动切换的效果?
  • AE给文字添加两层描边的方法
  • 图解在Axure RP中制作滚动字幕
  • 热门搜索
    科普知识手抄报 关于英语的手抄报 感恩手抄报内容 禁毒防艾手抄报 向国旗敬礼手抄报 植树节手抄报内容50字 节约粮食手抄报简单又漂亮 扫黄打非手抄报 放飞梦想手抄报 七夕节手抄报