Axure 如何在父框架中打开链接？

最新推荐文章于 2025-05-14 23:41:39 发布

原创最新推荐文章于 2025-05-14 23:41:39 发布 · 4.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#界面设计

Axure UI Design 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在内联框架中正确打开链接的方法，避免在父框架中打开导致的界面问题。通过在子框架中设置交互，确保链接在当前窗口打开，实现预期的界面效果。

步骤

错误的操作：单击时，在框架中打开链接，打开在父级框架。结果总是在父窗口中打开链接。（黑人问号.jpg）
正确的操作：单击时，打开链接，打开在当前窗口。

操作演示

在内联框架中打开子框架，此时内联框架成为子框架的父框架

在子框架中为按钮新建交互，在当前窗口打开链接（而不是在父级框架中打开链接）

预览查看界面效果，操作成功实现

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南极的太阳

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Axure RP9.0教程 | 内联框架对应html 元素中的iframe标签（打开内部页面和外部网址）

专注于计算机研发知识和资讯分享

04-06

817

应用场景：选择右侧不同栏目，左侧内容发生变化。

Axure RP从入门到精通（十三）动作（链接）

人不风流枉少年

06-15

881

待完善

参与评论您还未登录，请先登录后发表或查看评论

html弹出悬浮窗口_自学Axure9-打开链接和关闭窗口行为、在内部框架中打开链接行为、滚动到部件（锚点连接）DAY9...

weixin_39991531的博客

12-01

684

交互行为：1.当前窗口打开链接链接到外部URL或本地文件：可以输入外部的链接；也可以输入本地文件的链接，本地文件当以预览的方式发布是看不到链接的内容，只有生成本地方式来发布原型才能链接到想要链接的内容。重新载入当前页面：刷新了一下当前页面2.新窗口/标签页打开链接：在新的窗口打开链接3.弹出窗口打开链接4.父窗口打开链接发布之后先点击打开在新窗口打开链接-父窗口打开链接-返回到前一个窗口，会发现里...

Axure9.0中在父框架中如何打开内联框架中的元件

杜倩倩的博客

11-23

3610

Axure9.0中在父框架中如何打开内联框架中的元件 1. 父框架： 2. 内联框架页面的内容： 3. 在父级框架当前页面中，拉入内联框架在右方元件属性与样式中，框架滚动条——从不显示，选中隐藏边框然后最重要的一步，选择框架目标页面 4. 选择父窗口需要跳转的内联框架页面；注：一定要注意是在框架中打开页面链接！ 5. 效果：最后想告诉大家：内联框架的bai作用，是在父窗口，展示一个固定区域，该区域能显示另一个关联页面的所有内...

Axure交互之链接行为

Brienz

03-11

2413

一、打开链接和关闭窗口行为 1、交互行为：当前窗口打开链接新窗口/标签页打开链接弹出窗口打开链接父窗口打开链接关闭窗口行为二、在内部框架中打开链接行为 1、什么是内部框架？ Axure的内部框架，可以让我们在同一个浏览器窗口中显示不止一个页面，在这个窗口里实现不同页面的切换效果。 2、Axure内部框架的作用引用视频引用网页引用本地文件注意点：超链接地址需要加上http:// 内部框架大小要设置好 3、交互项为在内部框架中打开链接在父框架中打开链接

axure 内联框架中跳转链接

YYYYYun的博客

05-24

8104

最近在画一个手机端原型

办公自动化Axure RP8.0 标准课程打开链接、关闭窗口、在

11-01

办公自动化Axure RP8.0 标准课程打开链接、关闭窗口、在框架中打开链接.mp4

Axure重要元件二——内联框架

benleiqiang的博客

10-11

1646

内联框架最后一项是转换为动态面板，此功能应用范围非常广泛，在接下来的课程里会带着大家一起来使用此效果，做出很多工作场景中的应用，例如台账、表单等。步骤四：调整内联框架，对比两个icon，内联框架的尺寸和嵌入表单的尺寸，我们进行调整。步骤三：右键内联框架——框架目标——选择我们要嵌入的页面。然后我们点击预览看一下效果，嵌入了，但是显示的效果不好。

使用HTML中a标签的target属性在指定的框架中打开被链接文档

BOKEhhh的博客

04-08

8914

本文记录了如何使用HTML中a标签的target属性在指定的框架中打开被链接文档。使用<frame>标签，做一个有框架的网页，框架思路如下图所示：该网页由Frame A和Frame B两部分组成，其中给Frame A设置属性值name="A"。下面先开始写这个网页： <!DOCTYPE HTML> <html> <head> ...

如何让链接目标在框架页中打开

MyCelestial的专栏

12-26

1236

虽然不得不说这个问题很简单，但是还是让我整了很长时间...我用的是div + iframe，感谢下面这页参考资料： http://www2.flash8.net/teach/4149.htm

AXURE RP bs系统后台框架模板原型人人都是产品经理

01-24

人人产品经理上分享的资源，新人适用，目前旧的基本找不到了挖出来上传下来

target=“_blank“,在新窗口中打开链接；target=“_parent“,在父窗口中打开链接；target=“_self“,在当前窗口中打开链接（默认）；

青铜程序员

09-30

300

target="_blank",在新窗口中打开链接；target="_parent",在父窗口中打开链接；target="_self",在当前窗口中打开链接（默认）；

5分钟玩转Axure之内联框架

热门推荐

黄昏誓

06-02

1万+

什么是内联框架从定义上来说，内联框架你可以当做一个内嵌页面，而这个内嵌页面的指向由你自己来选择，包括不仅限于你原型里的页面，你可以链接一个网址或者是其它文件。具体使用 1、可以用作预览占位这边可以选择快速的视频、地图和自定义的一个预览占位。 2、在框架内链接其它原型页面双击内联框架可以指定其默认链接到的页面。也可以链接到外部的网址：还可以链接到文件，比如带有前段代码的html文件。不过这部分应用场景不是特别多；所以这部分我这边就先省略了，因为我后期会写一篇关于Axure快速建立Cha

小白自学Axure-母版+内联框架的使用

weixin_50534910的博客

01-17

1735

写完之后发现，使用内联框架的话，母版完全可以不用的呀！在绘制原型图时，想要在当前页面进行页面跳转，查阅到Inline Frame（内联框架）这个东西，但查出来的大多的都是单独的内联框架如何使用，下面就记录一下如何使用母版+内联框架。在模板中设置页面的交互，选择OnMouseClick > Open Link In Frame，再选择需要打开的页面和页面展示位置（刚才的内联框架）。【感觉内联框架也可以不放置在母版中，因为后面又新建了一个frame页面，放在frame页面应该也可行。

Axure设计之内联框架切换页面、子页面间跳转问题

招风的黑耳优快云

05-14

2514

设置内联框架：在主页面的内联框架中加载A页面。创建按钮交互：在A页面中创建一个按钮，并设置其点击事件来改变内联框架的页面内容。

Axure工作环境-交互

weixin_46244925的博客

01-15

279

Axure工作环境：交互面板用于定义线框图中元件的行为，包含定义链接、弹出、动态显示和隐藏等。所定义的交互都可以在将来生成的原型中进行操作执行。可以定义元件的事件、场景和动作：交互事件：用户操作界面时就会触发事件，如鼠标单击时、鼠标移入时和鼠标移出时；场景：每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；动作每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。 Axure中的交互样式交互设计：当用户操作一个事物时，这个事物与用户之间形成的相互反馈以及结果；举个

内联框架

欢迎光临1st灬伪装的博客

09-27

464

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>内联框架</title> </head> <body> <h1>我是demo03</h1> <!-- 使用内联框架可以引入一个外部的页面使用iframe来创建一个内联框架属性： src ：指向一个外部页.

学习Axure day1

weixin_65711835的博客

07-18

217

然后点击按钮，新建交互-->单击时-->显示/隐藏，在对话框选择切换，下面显示动画和隐藏动画为向下滑动和向上滑动，其余可自行改变。选中“首页”，新建交互选择“单击时”-->“打开链接”选择连接到首页，这样就可以在预览时点击首页按钮弹出首页页面。母版是可以多个页面使用的公共元件，可以自己新建母版，在已有原件上右击然后选择“转换为母版”，弹出对话框新建母版名称，之后在母版界面就会出现刚刚新建的母版。单击组件外网格区域，选择“新建交互”-->"页面载入时“-->”显示/隐藏“，选中刚刚的表格组合，

交互样式链接

wen0627的博客

05-07

530

在制作页面效果中，该如何设置打开另外一个链接页面，这个在Axure中的交互样式中有就是链接，里面有两种一是打开链接二是在框架中打开链接，我们先一个一个来试试。 1、打开链接中有四个打开链接方式，第一个是当前窗口第二个是新窗口/新标签第三个是弹出窗口第四个是父级窗口，点击第一个当前窗口中有四种打开方式和打开链接方式的四种是一样的，选择打开方式为第一个当前窗口，当前窗口就是在当前打开页面链接。如下选择打开方式为第二个新窗口/新标签，新窗口/新标签就是打开一个新窗口，那个新窗口就是打开的页面链接。.

在 Axure 中如何创建自定义模板？

最新发布

06-18

<think>我们正在使用Axure创建自定义模板。根据引用[1]和[2]的信息，我们可以总结出以下步骤：引用[1]提到Axure界面直观，模板和组件库丰富，我们可以利用其模板功能。引用[2]提到了一些操作技巧，比如格式刷的使用（Ctrl+Alt+V）和复制粘贴交互等。创建自定义模板的基本思路：1.新建一个RP文件，设计好模板的布局和样式（包括母版、页面结构、交互等）。2.将设计好的文件保存为模板文件（.rptpl格式）。3.将模板文件放入Axure的模板目录中，以便在新建文件时可以选择。具体步骤：步骤1：设计模板内容-打开Axure，新建一个文件。-在页面面板中，可以预先设计好一些常用的页面，例如首页、列表页、详情页等，并设置好页面结构。-在母版面板中，设计好通用的母版（如导航栏、页脚等），并应用到相应的页面。-可以设置一些常用的样式（如字体、颜色、线段等）和交互（如页面跳转、动态面板状态切换等）。-也可以创建一些常用的组件（如按钮、表单等）并保存到元件库中，以便在模板中直接使用。步骤2：保存为模板文件-完成设计后，点击“文件”菜单，选择“另存为模板文件(.rptpl)”。-选择保存位置，并命名模板文件。步骤3：将模板文件放入Axure模板目录-默认情况下，Axure的模板目录位于：Windows:C:\Users\<用户名>\Documents\Axure\TemplatesMac:/Users/<用户名>/Documents/Axure/Templates-将保存好的.rptpl文件复制到上述目录中。步骤4：使用自定义模板-重新启动Axure，点击“新建文件”时，在“选择模板”对话框中就可以看到你自定义的模板了。另外，引用[2]中提到的格式刷功能（Ctrl+Alt+V）在自定义模板时非常有用，可以快速统一多个元件的样式。注意事项：-在模板中，可以预设一些交互，比如页面跳转、动态面板的交互等，这样在使用模板新建文件时，这些交互就已经存在，可以节省时间。-模板中也可以包含一些注释，说明如何使用该模板。示例：创建一个带有导航母版的模板1.新建一个文件，在母版面板中创建一个名为“导航栏”的母版，设计好导航栏的样式和位置。2.在页面面板中，将“导航栏”母版拖拽到每个页面的顶部（可以通过母版的“自动应用”功能实现）。3.设置好每个页面的背景色、字体等全局样式。4.保存为模板文件，并放入模板目录。这样，每次新建文件选择该模板时，就会自动包含导航栏母版和预设的页面结构。引用[1]提到Axure有丰富的资源社区和教程，如果在创建模板过程中遇到问题，可以参考这些资源。代码示例（虽然Axure没有代码，但我们可以用伪代码描述一个模板结构）：```模板结构：-母版：-导航栏：包含Logo和几个导航链接-页脚：版权信息等-页面：-首页：应用了导航栏和页脚，包含欢迎语-产品列表页：应用了导航栏和页脚，包含产品列表-产品详情页：应用了导航栏和页脚，包含产品详情-交互：-导航栏的每个链接点击时跳转到相应页面```通过以上步骤，我们就可以在Axure中创建自定义模板，提高工作效率。相关问题：1.如何将自定义模板分享给团队成员使用？2.在Axure中如何更新已有的自定义模板？3.如何设置母版以实现自动应用到所有页面？</think>### 如何在Axure中创建自定义模板（详细教程）在Axure中创建自定义模板可显著提升原型设计效率，以下是完整操作流程： #### 一、准备工作 1. **创建基础框架** - 新建RP文件，设计通用布局（如导航栏、页脚、网格系统） - 设置全局样式：`字体/颜色规范`（通过样式编辑器统一管理） - 添加复用组件：按钮、表单、卡片等基础元素[^1] 2. **母版(Master)设计** ```mermaid graph LR A[创建母版] --> B[设计通用模块] B --> C[设置交互行为] C --> D[定义自适应规则] ``` - 右键点击`母版面板` → "新建母版" - 拖拽元件到画布，设置默认交互（如导航栏悬停效果） #### 二、创建模板核心步骤 1. **模板结构搭建** - 在`页面面板`创建模板层级： ``` 📁 模板框架 ├── 📄 首页模板 ├── 📄 列表页模板 └── 📄 详情页模板 ``` - 每个页面应用对应母版（拖拽母版到画布） 2. **设置模板样式规范** - 使用`格式刷`统一元件样式： `选中源元件 → Ctrl+C → 选中目标元件 → Ctrl+Alt+V`[^2] - 创建样式库： ```markdown 1. 设计按钮样式（主按钮/次按钮/禁用态） 2. 设置颜色变量：$primary-color=#1677FF 3. 定义文本样式层级（H1-H6） ``` 3. **添加交互逻辑** - 在模板中预设常用交互： - 页面跳转链路 - 表单验证规则 - 动态面板状态切换 - 使用`交互面板`设置条件逻辑 #### 三、保存与复用模板 1. **保存模板文件** - 文件 → 另存为模板 → 命名`XXX.rptpl` - 默认存储路径： `C:\Users\[用户名]\Documents\Axure\Templates` 2. **应用自定义模板** - 新建文件时选择"更多模板" - 或直接拖拽.rptpl文件到Axure窗口 - 团队共享：将模板文件放入共享目录 #### 四、高级技巧 1. **动态模板配置** - 使用`中继器(Repeater)`创建数据驱动模板 - 设置`变量(Variables)`实现模板参数化 - 添加`自适应视图`适配不同设备尺寸 2. **模板维护建议** - 版本控制：通过`Axure Cloud`管理迭代 - 创建说明页：在模板中添加使用指南 - 定期更新：合并团队反馈优化模板 > **案例**：电商模板可包含`商品卡片+筛选器+购物车`联动体系，预设价格排序、加入购物车动效等交互[^1]。