Axure

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

1回答

Axure怎么制作导航栏和广告悬停效果?

2022-10-31 浏览量:4 提问者:由由要早睡

回答:
Axure制作导航栏和广告悬停效果步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步,做好导航菜单项部分,然后全选住,点击右键”转换为动态面板”,并在右侧的元件命名处,命名为title。第二步:做好下面的主体内容部分。(我用图片占位符和矩形,随意表示一下主体内容部分)第三步:设置窗口滚动事件:(1 ) 在页面下的“页面交互”选项卡下找到“窗口滚动时”事件。(2)然后按照下图中的数字顺序1->2->3->4->5点击选择设置:(移动—勾选动态面板title—-选择“绝对位置到”)点击第二个fx(y坐标对应),弹出“编辑值”窗口。点击“插入变量”,选择  Window.scrollY。(变量框内容:删除前面的0。最终效果是[[Window.scrollY]])(变量框内容:删除前面的0。最终效果是[[Window.scrollY]])确定事件。预览或生成一下,就能看到你想要的效果,任你页面内容有多长,title部分内容始终在上头屹立不动。那么,关于“Axure怎么制作导航栏和广告悬停效果?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作”返回顶部”原型?

2022-10-31 浏览量:2 提问者:弈剑听雨

回答:
Axure制作”返回顶部”原型步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】1、在工作区拖入一个动态面板命名为top,根据通常返回顶部的按钮在屏幕右下角的惯例设置top的X坐标和Y坐标,并在状态1(stage1)里插入一张返回顶部的图片,然后将动态面板top设置“固定到浏览器”,最后设置为”隐藏”备用。2、再拖入一个动态面板命名为top_2,Y坐标与动态面板top一致,X坐标任意,但是不要与top重叠(我是直接将top_2放在了top的平行左边的位置),且top_2中不放入任何元件,然后将动态面板top_2设置“固定到浏览器”后备用。3、拖入一个热区命名top_rq,X坐标与动态面板top_2的X坐标一致,Y坐标等于动态面板top_2的Y坐标加上动态面板top_2的高度(热区top_rq的Y坐标的设置不固定,看你的动态面板top想在页面滑动到什么位置开始显示自定义设置),宽度与动态面板top_2的宽度一致,高度直接拖到页面最底部。4、设置页面交互(向下滑动显示)添加“页面滚动时”事件,并添加两个条件和相应的事件如下:(1)添加条件:元件范围 top_rp 接触 元件范围 top_2。事件是:显示top 逐渐 500ms。(2)添加条件:元件范围 top_rp 未接触 元件范围 top_2。事件是:隐藏top 逐渐 500ms。(下面是(1)设置的逐步截图,(2)的设置类似)5、设置控件交互(返回顶部)拖入一个矩形命名top_mark,位置放在动态面板top的初始位置(即覆盖住top)。然后对动态面板top设置”鼠标点击时”事件。在弹出的窗口中,逐步进行:在“添加动作”里选择“滚动到元件”;“配置动作”选择“top_mark”;仅垂直滚动;动画“缓慢进入”,时间300毫秒。6、这样一个”返回顶部“的效果就做好了。点击F5预览,然后向下滑动下鼠标,在屏幕右下角就会显示返回顶部的按钮了,当返回顶部后,这个按钮又会消失不见。那么,关于“Axure怎么制作”返回顶部”原型?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作微信启动闪屏界面原型?

2022-10-31 浏览量:8 提问者:贰月

回答:
Axure制作微信启动闪屏界面原型步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】1、制作iPhone手机桌面控件。打开Axure,拖入“苹果iphone5s.png”作为手机框架,“桌面背景.png”置于“苹果iphone5s.png”上方作为桌面背景,利用label及rectangle等控件作为iPhone手机顶部栏并组合,拖入“微信.png”作为微信APP图标。完成效果如下图所示:2、启动画面图片加入拖入“启动画面.png”至home,我们将其大小和位置数值设置为与桌面背景相同的值,并取名为启动画面,一定要记得取名,方便之后在操作中选中。之后再右击“启动画面.png”设置为隐藏。3、微信主界面制作在部件中选择动态面板,将此动态面板命名为“微信主界面”,我们将其大小和位置数值设置为与桌面背景相同的值,双击state1将其打开。在state1中,利用基本部件组合及图片添加进行微信聊天界面制作,这里就不详细介绍。效果图如下:制作完微信聊天界面后,回到home选择动态面板将其设为隐藏。注意事项:手机顶部栏一定要选中它们置于最前方,这样才能在动态面板中显示出来。4、启动画面动画添加在添加动画之前,先看一下我们的图层顺序是否正确。置于最前方的是手机顶部栏,之后是微信主界面,再是启动画面,微信app图标,微信背景。(为了方便看清楚图层顺序,可以先将启动界面和微信主界面设为可见,看其图层顺序是否正确)为了便于操作,我们先将启动画面和微信主界面从手机页面移开至空白处。选中微信app图标,选择界面右侧交互事件中的点击事件。一共添加5个事件:渐变1000毫秒之后显示启动画面,并且启动画面置于前方(置于前方是为了挡住手机顶部栏,因为微信在启动画面中不会显示顶部的时间等信息)等待1500毫秒显示微信主界面渐变500毫秒之后隐藏启动画面将启动画面置于后方(置于后方是为了在日后微信主界面的过程中其他控件可被点击,如果启动画面位于微信主界面之上会影响点击效果)5、最后一步:点击预览,就可以看到啦那么,关于“Axure怎么制作微信启动闪屏界面原型?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么做截获鼠标指针?

2022-10-31 浏览量:2 提问者:将

回答:
Axure做截获鼠标指针的方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:1)做个矩形红色按钮(这个不用我教了吧?),命名为button。2)拖个图片,换为你想用的图(如下面的红色小图片)。 再拉个矩形控件,把“移动到某处….”等说明文字写入矩形内。如下图:3)选择2中的俩元件,转换为一个动态面板,命名为content。4)   隐藏content动态面板,如下图中箭头3处。第一步完,元件准备完毕,一个是测距 button,一个动态面板content。第二步 :为button设置单击事件:如下:1)移动动态面板content到红色按钮的下方对齐处,,绝对坐标[[button.left,button.bottom]](为了保证每次单击测距按钮,标尺都是从下面最近处跟随鼠标)2)显示content。其中 :1)具体步骤 如下图:  1->2->3->4->5->6 , 移动  content  到绝对位置    x:fx   fx设置为b.left  b为button   。点击fx,会弹出编辑值窗口,如下图:先点击下面的新增局部变量,点击小黑三角,选元件button,简些为b,插入变量This.left把插入变量后,前面的0删掉,This改为b,成   [[b.left]]同样的步骤,把  y:fx处设置为[[b.bottom]]2)  接着在用例编辑窗口的左侧,选择“显示”,对应勾选content。第二步完。第三步,也是最重要的一步:页面下方有两个重要事件:页面鼠标移动时。页面鼠标单击时。其中 1,a)在该页面的正下方,点击“页面交互”选项卡,点击最下方的“更多事件”,找到“页面鼠标移动时”选项, 并点击页面鼠标移动时,弹出用例编辑窗。1,b)如下1->2->3->4->5->6,设置事件为:移动content 绝对位置到[[Course.x,Course.y]]( x:fx,设置为Course.x。y:fx,设置为Course.y。)其中:  2“页面鼠标单击时“事件:  在弹出的用例编辑窗,  选择  “ 隐藏”——>勾选 “content”.最终事件如下:预览或生成页面,即可见页面效果。无论你的鼠标再哪里,那个content(图和文字)都紧跟着你。那么,关于“Axure怎么做截获鼠标指针?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure交互设计怎么学习掌握?

2022-10-31 浏览量:5 提问者:如鱼得水

回答:
Axure交互设计学习掌握技巧:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一:理解交互样式交互样式:在触发特定的事件时,用来控制元件部分样式的改变。在Axure 8.0中的面板如下:实例一:鼠标悬停时改变文字颜色和背景颜色1. 选中带文本的矩形如图,点击交互样式面板中的“鼠标悬停”,弹出“设置交互样式”对话框;2. 选中“字体颜色”和“颜色填充”,随便选两种颜色,点击确定;3. 点击预览,效果如下:总结:交互样式触发的事件类型只有四个,控制的元件属性也比较少,知道它能在哪些情况下改变哪些样式就够了。第二:理解交互交互:在由触发一个或多个事件而产生的某一场景内做出相应动作产生相应效果的过程。相当于广义化的交互样式,但不能代替交互样式,因为部分功能“如改变组件内文字的颜色等”只能通过交互样式来实现。在Axure 8.0中的面板如下:实例二:鼠标悬停时改变文字内容(该效果无法通过上述交互样式实现)1. 选中文本标签如图,双击交互面板中的“鼠标移入时”,弹出“设置交互样式”对话框;2. 依次点击“设置文本”,选择要设置文本的元件,编辑文本为“已触碰”,并点击确认,如图:3. 回到工作窗口中,双击交互面板中的“鼠标移出时”,与步骤2一样依次点击“设置文本”,选择要设置文本的元件,编辑文本为“未触碰”,并点击确认;4. 点击预览,效果如下:总结:交互的触发事件和动作效果比较繁杂,其中涉及不少与变量相关的问题,这个也视项目的复杂程度而定。交互很多情况下是在控制其他元件的变化,这是与交互样式最大的不同之处。第三:掌握交互联动(1)交互样式与交互样式联动:两个元件中,在一个元件的交互样式产生效果的同时另一个元件的交互样式也随之产生效果实例三:在实例1的基础上完成有断层的悬停效果1. 在实例一中的矩形上叠加一个灰色带状的矩形如图:2. 我们想要实现当鼠标悬停在大矩形的同时小矩形的填充色由灰色变成白色,这需要用到交互样式,所以我们按照实例一的方法设置好交互样式后,效果如下,可以看到当大矩形变蓝后小矩形还是灰色的:3. 这时我们需要在两个矩形之间建立交互样式联动,那么我们将二者组合起来,并在组合上右键,点击“允许触发鼠标交互”;4. 点击预览,效果如下,可以看到二者已完美同步:总结:交互样式与交互样式联动的关键只有两部:1.组合;2.允许触发鼠标交互。第四:掌握交互联动(2)交互与交互联动:两个元件中,在一个元件的交互产生效果的同时另一个元件的交互也随之产生效果实例四:在实例2的基础上完成不触碰文字就可改变文字内容的效果1. 在实例二的基础上新增一个矩形如图,双击交互面板中的“鼠标移入时”,弹出“设置交互样式”对话框;2. 依次点击“触发时间”,选择案例二中的矩形,选中“鼠标移入时”,并点击确认,使当前新矩形的“鼠标移入时”动作可以触发老矩形的“鼠标移入时”动作,如图:3. 回到工作窗口中,双击交互面板中的“鼠标移出时”,与步骤2一样依次点击“触发时间”,选择案例二中的矩形,选中“鼠标移出时”,并点击确认。4. 点击预览,效果如下:总结:交互与交互联动的关键只有一个动作:“触发事件”。第五:掌握交互联动(3)交互与交互样式联动:两个元件中,在一个元件的交互样式产生效果的同时另一个元件的交互也随之产生效果(这种情况其实没有最优解,它相当于情景一和情景二的结合体)案例五:在案例四和案例五的基础上,实现当鼠标悬停于“我的收藏”矩形上时,改变背景颜色和文字颜色的同时也改变“触碰状态”矩形里的文字1. 将案例四中对绿色矩形所做的全部操作应用到“我的收藏”矩形中;2. 点击预览,效果如下:总结:这个没什么要总结的,但是在最后要强调一点:做交互时一定要养成修改元件名称的好习惯!那么,关于“Axure交互设计怎么学习掌握?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作一个晚会抽奖原型?

2022-10-31 浏览量:2 提问者:余生请你指教

回答:
Axure制作一个晚会抽奖原型步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】PART1:创建被抽奖人数据库(中继器)用中继器来存储被抽奖人的信息,这个操作非常简单,只需要添加一个中继器元件,然后在中继器中的数据集中添加相应的被抽奖人数据即可。不过本案例中被抽奖人的数据并不是一开始就存放在中继器中,而是动态添加进去的,也就是在抽奖页面加载的时候,向中继器中添加数据,并且为中继器中的数据进行排序,排序字段是一个随机数。这样就保证了及时向中继器中插入数据时候是有顺序的,但是中继器一排序,就会将之前原有的顺序打乱,因为对于抽奖程序,这个是必须的。PART2:实现被抽奖人信息的快速闪烁切换(中继器、文本框)闪烁切换的效果通过中继器的分页来实现,对中继器进行分页,每页显示一项数据,也就是一条被抽奖人信息。另外由于中继器的翻页动作需要有触发事件,而连续的翻页则需要连续的触发事件,这里我采用一种可以循环执行的事件来实现,就是通过文本框的文本改变时事件,文本框内容改变时执行一个动作,这个动作设置文本框的内容使其发生改变,这样就形成了一个循环。① 设置中继器分页② 在文本框上设置文本改变时对中继器翻页的事件及动作这里需要注意一点:当翻到最后一页的时候,需要再使其翻到第2页(本案例中第1也为空白页,不参与抽奖),所以这个过程需要一个单独的判断,就是 Case2 的内容,当然这个是基于 Case1 的判断条件之外的条件,也就是当中继器中数据项的页码=总页数的时候。另外等待时间50ms用来控制闪烁切换的快慢,这个肯根据需要自行调整。③ 如何连续触发“文本改变时”这个事件因为文本框显示的是中继器中的数据项,而中继器中的每一条数据都是不同的,所以当中继器翻页的时候,就会触发文本框上的“文本改变时”事件,也就是上述第②步的过程;但是还需要一个动作来触发第一次,第一次之后就可以进入循环,这个动作其实就是按下键盘上的任意键,我放在后面讲。PART3:从被抽奖人信息中删除中奖人信息(中继器)其实这个过程就是通过删除中继器中的数据项来实现的,即删除当前抽出的中奖人数据;这个在进行删除操作的时候需要做一个判断,即被删除的数据项的值等于当前显示的中奖人的数据,这里需要用到局部变量来获取当前显示在文本框上的中奖人信息。另外这个“删除”的动作也是在按下任意键的时候执行,在后面要介绍按下任意键的逻辑的时候也会看到相应的设置。PART4:按下键盘任意键开始/停止抽奖的逻辑判断按下任意键的场景基本可以分为三种情况:第一次开始抽奖时:Case1,此时主要是启动抽奖程序,显示被抽奖人信息并快速闪烁切换停止抽奖时:Case3,此时主要是停止抽奖程序,并固定显示中间人信息第N次(N>1)抽奖时:Case2,此时是删除Case2过程抽出的中奖人信息后,再进入下一轮抽奖以上就是抽奖案例的主要逻辑及实现过程。那么,关于“Axure怎么制作一个晚会抽奖原型?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么绘制动态进度条原型?

2022-10-31 浏览量:5 提问者:飞鱼

回答:
Axure制作动态进度条原型步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】① 制作所需要的形状。需要绘制的形状如下(共 6 个形状):② 将形状进行有序的排列,3 放在最底层,4 放在最顶层,1、2、5、6 的层级顺序由上往下一次是 5、6、2、1,排列好的效果是这样的:③ 实现进度条加载效果。在主页面添加 OnPageLoad(页面加载时)事件,当页面加载时,将形状 6 顺时针旋转 180°,设置旋转时间为 2000 ms,这个时候预览会看到深色进度条从圆环底部中间位置顺时针加载出来;然后再将形状 1 顺时针旋转 180°,设置旋转时间为2000 ms,这个时候预览会看到深色的进度条从圆环顶部的中间位置继续加载,直至加载完成。④ 设置 % 数字的变化效果,这里用到一个部件叫 Text(文本框),以及一个全局变量 OnLoadVariable(系统默认的全局变量名称,可自定义),首先给 OnLoadVariable 设置一个默认值 0,页面加载时,给 Text 部件赋值为 [[OnLoadVariable]]%(实际为 0%),然后在Text 上设置 OnTextChange 事件,事件触发的动作是设置 OnLoadVariable 的值 +1,然后再将 OnLoadVariable 的值赋给 Text,从而形成一个循环,使得 Text 上的值在动态变化(从 0% 递增到 100%),再从事件上配合好深色进度条的旋转事件,就形成了文中示例的效果。基于以上步骤,原型就基本完成了。那么,关于“Axure怎么绘制动态进度条原型?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么绘制一个相机图标?

2022-10-31 浏览量:1 提问者:乍见之欢

回答:
Axure绘制相机图标的步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】步骤1:拖入一个矩形,宽高自定,设置圆角值、投影,填充类型选择为渐变,然后设置渐变开始和结束的颜色(选中颜色指示浮标就可以更换对应位置的颜色),设置渐变角为90(即垂直方向的渐变)。步骤2:再拖入一个矩形,点击右上角的灰色小圆点,选择圆形模式(或设置比较大的圆角值直到矩形变为圆形);填充类型选择为单色,#F2F2F2;投影设置见右侧示意,投影颜色为#000000,不透明值为15;到样式面板设置内阴影,参数见右侧示意,内阴影颜色为#FFFFFF,不透明值为100。步骤3:复制两个圆形,根据比例调整大写,并分别填充#536383、#293448;步骤4:再绘制一个圆形,设置渐变填充,颜色依次为#FFFFFF(不透明值100)、#0099FF(不透明值11)、#00CCFF(不透明值0),位置距离及角度值见右侧示意;步骤5:复制一个前面的圆形圆形,更改渐变填充,颜色依次为#0099FF(不透明值100)、#0099FF(不透明值11)、#00CCFF(不透明值0),位置距离及角度值见右侧示意;步骤6:再拖入一个矩形,点击右上角的灰色小圆点,选择任意一个半开口的矩形模式,设置圆角值得到一个半圆;然后到样式面板设置旋转角度,为了方便,可以将其与步骤三绘制的矩形群组再旋转。对以上原色的大小位置进行组合就可以得到一个简单相机图标了,也可以尝试加一些其他元素进行练习,比如红色心形的提示灯……那么,关于“Axure怎么绘制一个相机图标?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作人员添加原型模板?

2022-10-31 浏览量:6 提问者:遇到爱

回答:
Axure制作人员添加原型模板方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】Step 1:在工作台里插入一个中继器,Axure也是采用的拖拽式,很方便双击绿色区域进入中继器界面,中继器是有自己的界面的需要用到的原件在中继器的界面里添加,最终效果会显示在index页Step 2:拖入自己想要的控件,我这里自己拖了几个lable用作显示信息。在数据集中添加第一条记录,用作测试显示(列名定义的时候不要使用中文,不然有可能会出现乱码!)注意(这里我没有添加文本框和按钮,中继器这里只做显示使用,其余操作在index里进行)Step 3:添加加载事件,绑定数据集和控件(绑定数据集其实就是和数据库中的表绑定差不多,但是真的简单到飞起)。注意(一定要设置加载事件,不然无法显示信息)注意:要一个一个设置,这里偷了个懒就没再截图(我自己去下的中文包,没装过的自己翻译一下吧)选择相应的数据集项,注意自己定义的列名。设置完成之后的界面好了!现在可以测试运行一下,看看lable有没有和对应的数据集绑定在一起那么,关于“Axure怎么制作人员添加原型模板?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作省市县三级联动下拉框?

2022-10-31 浏览量:2 提问者:站在向南的地方吹凉风

回答:
Axure制作省市县三级联动下拉框方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】首先打开Axure,新建如下将三个下拉框依次命名为“a”“b”“c”双击“省”的下拉框,添加江苏省、安徽省(在此举例),然后确定右击“市”的下拉框,转换为动态面板双击进入,添加“选择江苏时”“选择安徽时”,点击圆圈内的编辑,进入编辑页面双击下拉框,江苏省与安徽省,分别添加相应的市名添加完成之后,返回界面,选择“添加用例”,选择“添加条件”条件设立“被选项 a  是江苏省”,然后确定设置面板状态,选择动态面板b 选择江苏时,确定同理,返回界面,将“区”的下拉框转为动态面板,添加列表“选择无锡时”“选择徐州时”,并进入相应的编辑页面,添加无锡市以及南京市下面的区名全部添加完成之后,返回预览,效果达成。那么,关于“Axure怎么制作省市县三级联动下拉框?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作购物车商品增减删除?

2022-10-31 浏览量:16 提问者:长安一片月

回答:
Axure制作购物车商品增减删除步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:点击编辑按钮,领券按钮消失,完成按钮出现(编辑位置),编辑消失,界面变商品数量等修改样子给“编辑”按钮添加用例,鼠标点击时,隐藏“领券“,”编辑”按钮,显示“完成”按钮,动态面板切换到“编辑”状态。“完成”按钮和“编辑”按钮叠加放在一个位置,别忘了,“完成”按钮设成隐藏,选中右键即可看见选项。尝试一下,预览下原型看看成功没,好期待哦~第二步:编辑状态下,可点击加减按钮改变数量点击实现数字加1,点击实现数字减1,当心,这里要注意,数字为1时,点击号数字就不能够再减了。加的动作添加完成,开始添加减的动作,动作与加相反,用例实质一样,只需将加1修改为减1。对咯,有一点特别指出,那就是减要添加用例条件,即数字>1时才能操作,否则点击无效。同样的用例我就不截图展示了,就展示下添加用例条件的啦~so lazy,没救了。。。哟哟哟,加减动作添完了,赶紧来预览,wow,是不是成就感来了,已经完成一半了,坚持坚持,曙光在望。第三步:编辑状态下,可点击删除按钮,从购物车内删除该商品给“删除”按钮添加用例,鼠标点击时,隐藏“商品1“面板,“商品2”面板上移到1的位置。我添加了一点点的过渡的效果,便于观察哦~第三步写到这里也是做完了,赶紧说说最后一步,完成原型。最后一步:点击完成按钮,完成按钮消失,出现领券和编辑,商品数量对应变化这一步和就是第一步和第二步的结合体,点击“完成”与“编辑”用例正好动作相反,隐藏的变显示,显示的变隐藏,商品计数与编辑时相同。原理相同,简单截图凑活看看吧~大概效果:那么,关于“Axure怎么制作购物车商品增减删除?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure滑动鼠标页面自动切换怎么做?

2022-10-31 浏览量:6 提问者:勇气

回答:
Axure滑动鼠标页面自动切换操作方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:设置图示组和选中状态同时选中图片tu1、tu2、tu3、tu4—属性—设置选项组名称输入“示意图”—选中—勾选线段颜色“黄色”—勾选线宽(选择较大宽度)—点击确定选中tu1—属性—勾选选中(表示tu1在页面载入时默认状态为选中)第二步:设置动态面板交互动作依次选中动态面板chun、xia、qiu、dong,设置其向下滚动时(不同汉化版本翻译可能存在差异)的交互动作如下图。第三步:设置图示的交互动作依次选中图示tu1、tu2、tu3、tu4,设置其鼠标单击时的交互动作如下。也可以直接复制动态面板的向下滚动时的交互动作到图示的鼠标单击时,应用关系依次是chun—tu2;xia—tu3;qiu—tu4;dong—tu1.第四步:调整元件大小和位置依次选中动态面板chun、xia、qiu、dong,缩小其动态面板的高度,使其高度与四张小图合并在一起的高度一致。依次选中动态面板chun、xia、qiu、dong,单击鼠标右键—滚动条—自动显示垂直滚动条;完成后你就可以看到动态面板右边有一条滚动条出现。同时选中图示tu1、tu2、tu3、tu4,单击鼠标右键—顺序—置于顶层。将动态面板xia、qiu、dong置于chun的下面,使四张动态面板完全重合地叠加在一起。同时,移动图示tu1、tu2、tu3、tu4到动态面板chun的右侧将其滚动条完全遮盖。至此,已经全部完成,如下图。最终效果:那么,关于“Axure滑动鼠标页面自动切换怎么做?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作M端原型页面横纵向滑动?

2022-10-31 浏览量:7 提问者:余生请你指教

回答:
Axure制作M端原型页面横纵向滑动步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:设置按钮的选中效果和组同时选中xiaoxi和tongxunlu—元件属性与样式“属性”—在“输入选项组名称”中输入“组”(输入其他也可以)同时选中xiaoxi和tongxunlu—元件属性与样式“属性”—选中—勾选“字体颜色”选择白色—在“填充颜色”选择灰色—点击确定仅选中xiaoxi—元件属性与样式“属性”­—勾选“选中”,使其在一开始页面载入后默认状态为选中。第二步:设置两层动态面板通过移动将消息页面和通讯录页面合并在一起,同时选中消息页面和通讯录页面—右键单击—转换为动态面板—设置动态面板名称为“d1”。在微#界面的展示区域内画一个动态面板,使其大小与展示区域相同并重合,设置动态面板名称为“d2”.将动态面板d1复制到动态面板d2的一个子层级里面,并将d2的位置设置为“x:0;y:0”。第三步:设置横纵向滑动的交互动作选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—移动—勾选“d1(动态面板)”—移动“垂直拖动”;动画“无”。完成后结果如下图选中动态面板d2—元件交互与说明“交互”—点击“向左拖动结束时”—编辑条件—选择“选中状态”“xiaoxi”“=”“值”“true”。(如下图)继续,选择“移动”—勾选“d1(动态面板)”—移动“绝对位置”“x:-320”—点击fx—在“添加局部变量中”设置“d1”=“元件”“d1”—插入变量或函数—在元件中选择“y”—将[[this.y]]改成[[d1.y]]—点击“确定”返回上级页面—动画“线性”,时间“300”毫秒—点击确定。继续,在添加动作中选择“设置选中”—选中—勾选“tongxunlu”—设置选中状态为“值”“true”。同理,按照移动相反方向设置“向右拖动结束时”的交互动作,完成后如下图。第四步:设置上下移动限制条件通过上面的三步已经可以实现页面横纵向同时滑动,但是会发现一个问题,就是上下滑动的时候可以将消息页面或通讯录页面滑出展示区域外。为了,更好的体验,下面我们来对上下滑动范围加一个限制条件。选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—添加条件—选择“值”—点击fx—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“[[d1.top]]”—点击“确定”返回上级页面—选择“>=”“值”“0”—点击“确定”完成条件编辑继续,添加动作选择“移动”—勾选“d1(动态面板)”—移动“到绝对位置”“y:0”—点击x后面的“fx”—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“d1.x”—点击“确定”完成设置同理,设置下方的移动限制。选中动态面板d2—元件交互与说明“交互”—点击“拖动时”—添加条件—选择“值”—点击fx—添加局部变量“d1”=“元件”“d1”—插入变量或函数输入“[[d1.bottom]]”—点击“确定”返回上级页面—选择“

1回答

Axure登录窗口怎么制作?

2022-10-31 浏览量:4 提问者:非非lucky

回答:
Axure登录窗口制作步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】1、绘制登录窗口(1)首先,打开Axure8.0,在站点地图里选择一个页面,重命名为“登录窗口”,双击该页面,进入该页面的编辑模式。然后在元件库中拖拽一个矩形元件到线框图面板中,单击右键选择“转化为动态面板”,将其转化为动态面板,并将其命名为“login”(2)双击login动态面板,选择动态面板的State1,进入状态1的编辑模式。可看到线框图面板中有一个矩形,我们将它调整为适当的大小。(3)首先,从元件库中拖入一条水平线,作为标题栏的分割线;然后,继续拖入一个三级标题文本标签,修改文本为“登录窗口”,放置在标题栏位置;最后,拖入一个占位符,将其命名为“btn_close”,作为登录窗口的关闭按钮。如下图:2、绘制登录表单(1)从元件库中的表单元件中拖入两个文本框元件,一个标签文本,和一个按钮,并在属性面板编辑各个元件的属性:文本框元件1:命名为“username”,作为用户名输入框,设置提示文本为“请输入您的用户名”;文本框元件2:命名为“passwords”,作为密码输入框,设置提示文本为“请输入您的密码”,作为密码框,当用户输入文本,应该是以密文的形式展示,因此还需要文本框的类型设置为“密码”;标签文本:命名为“tip”,作为页面错误提示的文本展示区域,设置文本居中显示,文本颜色为红色;按钮:命名为“btn_login”,作为登录按钮,设置文本为“登录”;3、为表单提交添加错误提示当提交表单时,用户名或密码为空,会有错误提示。因此需要为登录按钮添加用例。(1)点击“登录按钮”,选择右侧交互面板中的“鼠标单击时”,会出现如下图的用例编辑对话框。此时可以开始编辑用例。(2)点击“添加条件”,添加的条件则为用户名为空,如下图,if 文字于username==”” 就是表示如果username为空时的意思;点击确定,回到用例编辑对话框;(3)选择左侧“添加动作”中的“设置文本”,在右侧的“配置动作”中选择“tip”元件,设置文本为“用户名不能为空”,如下图:点击“确定”,Case1(用户名不能为空)即完成;接下来可按照以上的步骤完成 Case2(密码不能为空)的情况。4、错误提示的隐藏当错误提示后,用户要再次输入时,错误提示应消失。(1)为元件“username”,添加获取焦点时的用例,设置当username获取焦点时,tip元件的文本为空;元件“passwords”也是;5、关闭按钮的实现单击占位符“btn_close”,为其添加鼠标单击时的用例,选择“显示/隐藏”,在“配置动作”栏中选择“login”动态面板,可见性选择“隐藏”,点击确定,完成用例。至此,一个简单的登录窗口就大致实现。按键盘”F5″键,就可以预览原型啦。那么,关于“Axure登录窗口怎么制作?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么制作一个时钟转动交互原型?

2022-10-31 浏览量:14 提问者:開顏

回答:
Axure制作一个时钟转动交互原型步骤:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:将素材导入到principle中方法有2种:1、拖动素材到principle中,需要一个个拖2、在sketch中做好素材,将sketch保持打开状态,再打开principle选择导入就可以了第二部步:制作上下滑的动作1、创建一个矩形,把矩形的高度做的很长。命名为“看不见的控制”,调整Vertical属性为Drag。这样就可以在preview中上下拖动这个矩形了。(见下图)为什么第一步要这样做呢?这是因为我们要上下滑动这个矩形的时候,分针和时针可以旋转。那么这个矩形就是联动源,矩形和分针、时针之间是联动关系。为了更好的理解这个概念,我们看一下官方的解释:联动源(Driver Sources)想要创建联动,在画板上必须存在一个可改变的属性,这叫做联动源。在联动视图中列表中,可拖拽图层、可滚动图层,以及选择属性将自动展示出来。2、然后将这个矩形的Fill属性中的透明度调整到最高。让这个矩形变透明。(见下图)但是注意:不能直接调整Opacity这个属性,是因为如果这么做,那拖动这个矩形不会产生任何效果的。第三步:将分针和“看不见的控制”联动,即上下滑动屏幕时分针会旋转。1、首先要把分针的图片处理一下。因为分针要围绕表盘中心转动,所以分针的中心要调整到针的末尾。但principle暂不能调整中心点(有谁知道如何调整可以告诉我,感激不尽)。所以我有个笨办法,就是复制一个分针,放到对称的位置,选中这两个分针,按住cmd+G组合。再把其中一个分针调整为透明。就调整好中心了。2、然后关键时刻到来啦。选中“分针”这个组,点击Driver,点击时针旁边的+号选择Angle。3、然后将下图这拉杆向后拉动到一个位置,在拉动的时候可以看到“看不见的控制”这个矩形在向下移动。这个和AE基于时间轴的概念不一样,这个是基于位置的。4、选中分针,调整角度为4410度,这个时候Drivers面板中自动出现蓝色的线条,这个和补间动画的概念类似。5、现在在将拉杆在蓝色线条区域内拉动会看见“看不见的控制”在移动的时候,分针也在旋转。这就完成了联动了。这部分的操作,我们可以对照官方的解释,来理解一下:联动属性(Driven Properties)一旦有了联动源,你就可以用它控制其他任意(包括自己)图层的属性。选择一个你想控制的图层,在联动面板点击蓝色的加号图标,选择一个你想联动的属性。这时会以当前的属性参数创建一个起始关键帧。只有一个关键帧不起任何作用。联动关键帧(Driver Keyframes)完整的联动需要至少两个关键帧才能有效果。方法很简单:水平拖拽灰色标记移动到你想添加的关键帧位置,然后调整属性值。Principle 将自动为你插入一个新的关键帧。关键帧能够通过点击衣橱,然后点击红色按钮到关键帧的左侧。第四步:重复上面的操作,将时针和“看不见的控制”联动起来。第五步:完成“点击重置按钮,重置表盘”的功能复制现在这个Artboard1。在左侧面板中选择Artboard复制黏贴即可。在Artboard1中选中重置按钮,连接到第二个Artboard完成了,现在点击重置按钮,表盘无论转到什么位置都会重置回12点了。这是为什么呢?因为如果2个Artboard之间如果有控件名称一致,那么Principle会自动把这两个关联起来,制作出补间动画。这个功能和keynote中的神奇移动很类似。最终效果:那么,关于“Axure怎么制作一个时钟转动交互原型?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure文本框功能怎么使用?

2022-10-31 浏览量:2 提问者:赵梓程

回答:
Axure文本框功能使用讲解:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】一、文本框基础功能:文本框的部件属性设置就不多说了,这一块希望大家都学会自己看看,比较是很基础的东西,会用word的基本上也就会了。不知道大家开始习惯在各个部件上点击右键看看编辑菜单没,这次主要说的就是编辑菜单里面的东西:1、限定输入字数:文本框是可以限制里面输入的字数的,效果就是当输入的文字超过字数后,就无法输入了。在文本框上点右键——编辑文本字段——编辑最大长度,就会出来个输入框要求我们输入限制的字数。输入了限制数量后,生成的页面里面就会限制到对应的字数,比如限制5个字,就只能输入5个字,不区分中文、英文字母、数字以及符号。不过这里要注意的是,如果设置了限制数量,是没法取消的,比如我们设置了限制5个字,后面要改的话,就只能重新设置,axure里面并没有相关的取消操作,当然也可以把输入框删掉然后使用一个新的。2、隐藏文本/非隐藏文本:还是点右键——编辑文本字段(后面就不提这个操作了,这次说的功能全部在这里),选择”隐藏文本“的话,就会变成我们常见的密码框的样式,不管输入什么文字都会用一个黑色圆点代替,如下图所示:如果要取消隐藏,就选择”非隐藏文本“就可以了,文本框默认是”非隐藏文本“模式。3、显示/隐藏边框:输入框默认是显示边框的,我们可以选择隐藏掉,如下图所示。当隐藏之后看起来就有点像一个普通的文本,但是生成页面原型后是可以进行文字输入的。4、设置只读/非只读:axure对于文本框还有个很奇怪的设置,就是可以把文本框设置为只读状态,这样就无法编辑里面的文字了(文本框为啥不让编辑啊….),具体效果请看例子。5、分配提交按钮:这个功能光看上面的字眼可能比较难理解,但是实际作用其实我们经常遇到,比如我们经常在各种登录界面时,在输入框输入完直接按回车,就会直接登录,相当于点击”登录“按钮。这个”分配提交按钮“的功能就是如此,当我们设置这个选项时,会让我们选择某个按钮(或是矩形),当在对应的输入框里面点击回车时,就相当于点击了之前选择好的那个按钮。在作者的例子里面,是有个”跳转到页面2“的按钮(下图中的那个),已经设置好交互。在上面的输入框里面输入回车键,就相当于点击了按钮,读者尝试一下就能理解了。二、文本框的交互功能:文本框的交互设置有四个,点击时、键盘输入时、获取焦点时以及失去焦点时,暂时没发现有特别要注意的地方,作者平时练习的时候会常常忽略”获取焦点“这一项,因为当我们点击输入框的时候,就已经是”获取焦点“状态了,所以…..那么,关于“Axure文本框功能怎么使用?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure怎么循环显示效果?有什么方法?

2022-10-31 浏览量:2 提问者:遇甜则甜

回答:
Axure循环显示效果的2种方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】方法1) 中间件实现(无刷新、无变量页面滚动实现方法1、在实现触发自动播放的动态面板时,如果触发和实现在同一个面板的话,效果很不好,于是需要添加一个辅助的动态面板,将之命名为“辅助”;2、首先,在加载页面时,给辅助面板一个触发的动作:3、在辅助的面板上,实现页面show的动态面板的滚动,最后的动作会移动“辅助”,于是会再触发,结果就相当于在这个面板上实现了死循环:方法2) 重新加载当前页面其主要思路是利用Dynamic Panel和OnPageLoad实现。具体步骤如下:1、在页面中插入Dynamic Panel,拖拽至合适位置大小适中;2、Dynamic Panel命名为“循环显示”,并添加四个状态,分别为state1、state2、state3、state4;3、把要实现的效果分别放在相应的state中,如下图4、选中“循环显示”动态面板,添加OnPageLoad事件,如下图5、到此要实现的效果基本实现,如下图所示,循环至State4(第四个圆点变红)后页面会自动刷新,然后循环从State1重新开始。那么,关于“Axure怎么循环显示效果?有什么方法?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure如何使用中继器制作一个商品查询的原型图?

2022-10-31 浏览量:3 提问者:抱米花(*๓´╰╯`๓)♡

回答:
Axure使用中继器制作一个商品查询的原型图方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:拖拽一个中继器到主页面;第二步:双击打开中继器主页(中继器有单独的主页哦!),删除中继器中已添加的行,并重新设置列名(项目名),注意列名不支持中文,否则会出错;中继器中的数据可以一行一行的直接添加,并且支持添加链接和图片;(见下图)第三步:在中继器主页里设计一个你想要的模块,比如示例中的商品模块;(见上图)第四步:在中继器交互里面通过中继器加载事件,把模块中需要动态显示数据的元件和中继器中的列名(项目名)绑定;(见下图)第五步:设置模块水平或者垂直排列,几个之后需要换行,生成的各个模块之间的间距等。(见下图)第六步:设置两个文本框,用来输入新的商品数据;第七步:添加按钮,设定按钮的事件为,点击时添加新的项目到中继器,项目中对应列名的位置绑定为第六步中文本框的文字,也就是说在文本框中添加的数据,会添加保存到中继器的项目中。(见下图)最终效果:那么,关于“Axure如何使用中继器制作一个商品查询的原型图?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure如何制作带遮罩层的弹出框?

2022-10-31 浏览量:6 提问者:静静

回答:
Axure制作带遮罩层的弹出框的方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】1、 拖入编辑区2个矩形,并点右键—转换—转换为动态面板;2、 双击其中一个动态面板设置标签为“遮罩层”(看个人喜好随便命名),并双击状态1进入编辑;3、 点击状态1里面的矩形,设置大小与网站页面大小相同,以便完全遮盖;然后,设置矩形边框为“无”;最后设置填充色的透明度为50%(看个人喜好),并选择填充色为灰色(看个人喜好);4、 关闭状态1编辑页面,选择另外一个动态面板,按照第2步命名并进入编辑;5、 设置里面的矩形为合适大小,并拖入一个按钮(或者矩形/文本面板)作为关闭按钮;设置按钮onclick事件为隐藏遮罩层和当前编辑的这个动态面板;6、 关闭当前的编辑页面,再次选择作为对话框的这个面板—右键—编辑选项—固定到浏览器…;7、勾选固定到浏览器窗口,水平和垂直都选择居中,并勾选“保持在前面”; 8、 拖入一个按钮(或者矩形/文本面板)到编辑区,双击输入文字“登录”;然后点右键—顺序—置于底层;设置按钮onclick事件为显示遮罩层和对话框这两个动态面板;9、 按着ctrl选择两个动态面板(或者挨个设置),点右键—编辑选项—设为隐藏。10、 好了,生成原型就能看到效果了。那么,关于“Axure如何制作带遮罩层的弹出框?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

1回答

Axure RP 7怎么使用FontAwesome字体呢?

2022-10-31 浏览量:2 提问者:尤空

回答:
Axure RP 7使用FontAwesome字体方法:【快速学Axure原型设计,就上羽兔网!精选多套Axure自学视频课,综合讲解软件基础点及助力上手实操!本期羽兔推荐:Axure APP键盘呼出和隐藏案例教程!通过交互焦点和可见性中的设置来实行键盘的呼出,再利用失去焦点隐藏原件设置来完成键盘的隐藏。】第一步:下载第二步:双击 font-awesome.zip 安装 Font-awesome 字体到你的电脑里第三步: 打开Axure RP,载入 FontAwesomeV321.rplib 这个部件库第四步: 添加下面的 Font Awesome CSS 链接到 生成HTML时弹出对话框的 Web 字体 中,然后点击关闭。至此,FontAwesome 字体已经安装完毕。使用方法:1. 在 Axure 部件库列表中,选择 FontAwesome321 部件库,然后就想操作其它部件一样,拖放使用。2. 打开 FontAwesome3.2.1 版本的参考页面 http://fontawesome.io/3.2.1/cheatsheet/,复制你想要的图标,然后粘贴到 Axure 中使用注意:如果你复制图标到 Axure 中,并没有正常显示。 请选中该图标,然后将字体设置为 FontAwesome 即可。最后:因为这些小图标其实使用的是字体图标,所以你可以使用改变字体大小和颜色来自定义小图标的样式。那么,关于“Axure RP 7怎么使用FontAwesome字体呢?”的解答内容就到这里,希望能够帮助到你!有更多疑惑,就在Axure相关问答解疑吧!去哪学Axure?怎样学Axure?Axure学多久?这些都是准备入门Axure的产品设计类型人员所要考虑的问题!但其实,你既已经到达本页面,那么何不妨选择学习体验我们羽兔网的Axure自学视频课呢?专业讲师教学,相信能够在最短的时间带你最有效率的入门提升~Axure新手入门基础课推荐:

专业软件、设计问答社区
118527

已获得解答

我要提问

设计资源,软件下载

李鼎老师
李鼎老师

教师团队曾服务于国家电网、李宁、喜临门集团等国家国企与上市公司

陈会来
陈会来

十年教学设计经验,专注环艺专业培训,先后获得CEAC国家认证,AUTO DESK-3DS MAX可视化设计师国际认证;AutoCAD工程师认证。

景蓝老师
景蓝老师

玩转平面设计,小蓝老师将为大家更新更多淘宝美工,平面设计,广告设计,丝印,等常见的设计技能知识,更多实战技能将不断更新录制.

韵湖教育
韵湖教育

韵湖教育,专业做教育辅导培训,室内设计、建筑设计、平面设计、创意设计等、职业再培训等,各行各业技能培训,提高技能提升自我,机构老师都是在各行各业从事十几二三十年以上的资深大人物,他们把这辈子积累的知识倾囊相授,教授需要学习及进步成长的学员朋友

Bob老师
Bob老师

介绍:知识网、三味书屋MOOC创始人,微名教育博主,在线教育领域深耕9年,百万人气图文视频原创作者,专注职业培训,倡导“学而用之”的践行者

XIMI
XIMI

始于2012年,专注于室内设计教育,秉承“身以感悟,挚于创造”。

杨帆
杨帆

杨帆教育联合创始人,多年项目实战经验,对C4D的渲染及三维场景制作有深入的研究,授课方式幽默风趣,帮助你快速成长,将前沿的技术更好的运用到工作上去

王诚课堂
王诚课堂

影视后期在线教育资深讲师 江苏费墨影视文化有限公司总经理 王诚课堂创办人 15年视觉服务经验 天猫智库特约讲师 南京电商协会会员 南京影视协会会员