墨刀怎样实现点击按钮跳转页面效果

墨刀怎样实现点击按钮跳转页面的效果呢?今天就教给大家方法 。

墨刀怎样实现点击按钮跳转页面效果



step1: 首先打开360搜索,搜【墨刀】,点击官网进入 。
墨刀怎样实现点击按钮跳转页面效果



step2: 点击上方的【下载】 。
墨刀怎样实现点击按钮跳转页面效果


step3: 选择你的版本进行下载 。
墨刀怎样实现点击按钮跳转页面效果



step4: 下载后打开墨刀 。
墨刀怎样实现点击按钮跳转页面效果


step5: 点击【+新建】 。
墨刀怎样实现点击按钮跳转页面效果


step6: 点击【原型工具】,这是页面的工具 。
墨刀怎样实现点击按钮跳转页面效果


step7: 选择你想要创建的类型,点击【确定】 。
墨刀怎样实现点击按钮跳转页面效果


step8: 点击左侧的【+】 。
墨刀怎样实现点击按钮跳转页面效果


step9: 点击一个按钮 。
墨刀怎样实现点击按钮跳转页面效果


step10: 放在页面里,点击按钮 。
墨刀怎样实现点击按钮跳转页面效果


step11: 点击左下角元素中按钮的闪电图标 。
墨刀怎样实现点击按钮跳转页面效果


step12: 点击右上方的【添加事件】 。
墨刀怎样实现点击按钮跳转页面效果


step13: 点击红框中的按钮 。
墨刀怎样实现点击按钮跳转页面效果


step14: 选择【跳转页面】 。
墨刀怎样实现点击按钮跳转页面效果


step15: 点击红框中的按钮 。
墨刀怎样实现点击按钮跳转页面效果


step16: 这里用跳转至页面2举例,点击【页面2】 。
墨刀怎样实现点击按钮跳转页面效果


step17: 如图所示,这样就是按下按钮,跳转至页面2.
墨刀怎样实现点击按钮跳转页面效果


step18: 点击红框中的三角开始运行 。
墨刀怎样实现点击按钮跳转页面效果


step19: 点击【按钮】 。
墨刀怎样实现点击按钮跳转页面效果


step20: 如图所示,这样就跳转至页面2了 。
墨刀怎样实现点击按钮跳转页面效果


【墨刀怎样实现点击按钮跳转页面效果】

    猜你喜欢