axure内联框架引用的html页面中,如何调用触发axure的方法
时间: 2024-02-01 17:13:16 浏览: 46
在Axure中,你可以使用 JavaScript API 来调用 Axure 中的交互事件和方法。具体步骤如下:
1. 在 Axure 中,给你要调用的交互事件或方法设置一个唯一的 ID。
2. 在 Axure 中的 HTML 文件中,通过下面的代码引入 Axure 的 JavaScript API:
```
<script type="text/javascript" src="http://your-axure-file-url/axure/prototype.js"></script>
```
3. 在 HTML 文件中,通过下面的代码获取 Axure 中的交互事件或方法,并调用它:
```
parent.$axure.getGlobalVariable('your-event-or-method-id')();
```
其中,`your-event-or-method-id` 是你在 Axure 中设置的交互事件或方法的 ID。
注意,以上代码需要在 Axure 的 HTML 文件中调用。如果你要在外部 HTML 文件中调用 Axure 的交互事件或方法,需要在 Axure 中设置一个全局变量,并通过 JavaScript API 获取该全局变量,从而调用 Axure 中的交互事件或方法。
相关问题
axure内联框架界面切换
在 Axure 中,内联框架(Inline Frame)可以用于在同一页面内加载其他页面或网站。如果你想实现界面切换的效果,可以尝试以下步骤:
1. 在 Axure 项目中创建一个新页面,用于显示内联框架的内容。
2. 在左侧的“部件”面板中找到并拖拽内联框架部件(Inline Frame)到你的页面上。
3. 右键点击内联框架部件,选择“设置链接目标”(Set Link Target)。
4. 在弹出的对话框中,选择“页面”(Page),然后选择要加载的页面。
5. 在设计视图中调整内联框架的大小和位置,使其适应你想要显示的内容。
6. 可以使用交互动作和链接来触发内联框架的显示和隐藏。
通过以上步骤,你可以在 Axure 中实现内联框架界面切换的效果。当你在另一个元素上添加了触发内联框架显示的交互动作或链接时,点击该元素时,内联框架将会显示目标页面的内容。
axure什么情况下使用动态面板,什么情况下使用内联框架
Axure中在什么情况下使用动态面板和内联框架,可以从以下几个方面考虑:
1. 内容来源:如果需要展示的内容来自于同一个Axure文件内的不同页面或组件,可以使用动态面板。如果需要展示的内容来自于外部网站或文件,可以使用内联框架。
2. 页面布局:如果需要展示的内容需要占用整个页面或页面的一部分,可以使用内联框架。如果需要在一个页面内展示多个状态或内容,可以使用动态面板。
3. 交互效果:如果需要展示的内容需要响应用户的操作或触发条件,比如点击、悬停等,可以使用动态面板。如果需要展示的内容需要与外部网站或文件进行交互,比如获取外部数据、提交表单等,可以使用内联框架。
4. 设计需求:如果需要对展示的内容进行样式和布局的调整,可以使用内联框架。如果需要对展示的内容进行状态的切换和控制,可以使用动态面板。
总之,使用动态面板和内联框架需要根据实际的设计需求和展示效果来决定,可以根据以上几个方面进行选择。
相关推荐
![rp](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)