Axure内联框架跟着页面内容自动改变高度

最新推荐文章于 2024-08-02 10:02:30 发布
最新推荐文章于 2024-08-02 10:02:30 发布
阅读量5.1k 收藏 2
点赞数
文章标签： 经验分享 axure axurerp9 axure9
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41490172/article/details/107336775
版权

今天突然在做Axure内容的时候，想到能不能将内联框架做的像HTML界面一样，跟随页面内容自适应高度。想到这，就开始着手研究一波，最后成功找到思路。

  1. 先打开三个界面
    在这里插入图片描述

  2. 从元件库中拉出两个按钮和一个内联框架
    在这里插入图片描述

  3. 内联框架样式选择为隐藏边框，从不滚动
    在这里插入图片描述

  4. 在按钮测试1上打开交互，添加交互，点击单机时，选择框架中打开链接，链接到界面测试2，点击完成
    在这里插入图片描述

  5. 在按钮测试2上做如4操作，界面链接至测试3

  6. 点击项目，打开全局变量，添加全局变量为height，默认值为0
    在这里插入图片描述

最低0.47元/天 解锁文章
一个有梦想的猴子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure内联框架的使用
11-28
Axure可以利用内联框架，让其它的页面在框架内显示，主要是应用一些主界面跳转到子页面做详细信息查看可以应用的到，如购物时，查看详细参数信息。
axure内联框架和动态面板_Axure9原型设计：动态面板&内联框架实现可复用导航页...
weixin_39653761的博客
12-19 326
原标题：Axure9原型设计：动态面板&内联框架实现可复用导航页编辑导读：在导航页面的时候，怎么尽可能复用，减少无谓的复制黏贴？动态面板和内联框架可以帮助实现。本文作者根据自身经验，从两个方面进行分析，希望对你有帮助。 上次分享的《Axure9原型设计：动态面板实现手风琴菜单(低配版)》，只是实现了导航栏，但是页面不止导航栏，就像写代码一样，怎么尽可能复用，减少无谓的复制黏贴？那就必须配上...
Axure RP9教程 内部框架
热门推荐
jun118166的博客
06-17 1万+
Axure RP9教程 内部框架一、说明二、效果演示三、操作步骤 一、说明 二、效果演示 三、操作步骤
Axure RP9笔记--页面自适应
qq_45288211的博客
08-02 1098
笔记2–页面自适应 大三的时候曾经对猫耳FM进行重构 （使用HTML），现在看看真是一塌糊涂： 只做出了静态页面，当时还遇到了个问题，浏览器变成小窗后，里面的内容并不会改变大小 但是现在大部分网站都做了页面自适应，当时还对前端一无所知，今天的学习过后，在axure中可以实现页面自适应。 1.拖入四个便笺模拟页面内容 2.弹出增加自适应视图 3.确定后得到下图，取消选中影响所有视图 4.点击ipad 4，设置在ipad 4内的显示，iPhone X/XS类似 5.结果如图 ...
axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
点燃火柴的博客
06-03 3921
1.需求说明 如以上两图，选择"总行"时,点击修改按钮打开修改组织弹窗，表单行"父级节点"消失，余下表单上移，弹窗尺寸变小，而选择"广州分行"时,点击修改按钮打开修改组织弹窗，表单行"父级节点"重新显示，其余表单行下移，弹窗尺寸变大 2.实现步骤 为"总行"选择按钮添加交互事件 如上图 添加"选中时-设置尺寸"交互事件，示例中是将原来高度520调整为450 如上图，添加"选中时-移动"交互事件，示例中移动方式To ，y轴方向-70 为"广州分行"选择按钮添加交互事件 如上图 添加"选中时-
html指定内联框架的大小,axure 教程:Axure教程：获取页面尺寸、内联框架自适应大小...
weixin_36484814的博客
06-10 338
编辑导语：如何使用Axure去获取页面尺寸，并且使内联框架自适应大小呢？本文作者通过实际操作，进行了记录总结，希望看后对你有所帮助axure 教程。今天要演示的东西其实很简单，一两分钟就能做完，主要是用来弥补Axure IDE提供的交互功能中的不足，导致一些想法没办法很好地实现axure 教程。其实国外有大神(De Jongh)做了一个能在Axure发布框架内跑起来的Javascript拓展，这是...
Axure RP 基于动态面板实现宽度自适应全屏的顶部导航栏，实现高度自适应全屏的侧边导航栏
小康师兄
09-29 2311
文章目录一、前言二、初步布局三、初步预览四、宽度自适应全屏五、高度自适应全屏六、页面左对齐七、最终效果 一、前言 主要是动态面板的运用，其实非常简单。 二、初步布局 两个动态面板，填充->颜色随便选一个浅色的 两个矩形1，填充->透明度->0% 三、初步预览 这时候预览的的效果如下，是没有高度宽度自适应全屏效果的。 四、宽度自适应全屏 五、高度自适应全屏 六、页面左对齐 如果没有这一步，那么效果会是酱紫的 需要在页面的空白地方点击下，样式->左对齐 七、最终效果
WEB大前端：5分钟玩转Axure之自适应设计（带案例讲解）
学到牛牛官网帐号
12-01 2321
实现Axure的自适应设计，首先先明确我们要实现对哪些屏幕分辨率的覆盖。
Axure教程-使用内联框架制作页面滚动
03-21
使用Axure 内联框架制作的页面滚动，练习用，新手可以看看，还是不错的
axure 内联框架交互事件
06-19
在父页面增加 Label ...在内联框架内的页面发生变化时，能够影响到包含该内联框架的页面上的其他元件，通过事件进行交互。 最终实现： 点击 button（货品资料）后，MenuName 显示的内容为 货品资料。 具体过程请看： ...
AXURE内联框架滚动效果
07-25
通过axure原型设计出一个关于移动端天猫首页页面画面滚动效果。
Axure9原型设计：动态面板&内联框架实现可复用导航页.docx
05-30
Axure9原型设计：动态面板&内联框架实现可复用导航页 Axure9是一种流行的原型设计工具，通过动态面板和内联框架，可以实现可复用的导航页。下面是对应的知识点： 一、Axure9原型设计基础知识 * Axure9是一种原型...
35.【Axure 10 】样式区域-元件样式（内联框架）
Brose的博客
08-19 551
在Axure中内联框架主要用于内部页面引用，外部链接、资源引用等。在整个原型中可以进行不同页面内容以及外部资源的组合。 内联框架样式 添加内联框架目标 引用内部界面 内联框架可以引用目前已创建的页面内容，在内部页面支持对应的搜索。 引用内部页面，会按照内部页面样式形式全部展示（类似镶嵌网页），引用的页面修改后，内联框架预览同步更新。 通常在高保证的原型中，菜单栏与内容进行分离，在框架页面通过交互事件绑定内联框架引用不同页面。 案例截图 整个原型框架采用菜单与内容分离，菜单点击后，设置内联框架加载对.
Axure教程 | 自适应视图
hzj_java的博客
07-07 2486
简介 自适应视图是应用在移动端的设计，在设计App、小程序、网页等时非常好用，那到底啥是自适应视图呢？ 直白点说：当你在做一个网站，它有PC端、移动端、Pad端时，我们通过自适应视图的功能，可以实现PC浏览就显示PC端的样式，手机浏览就显示手机端的样式。 使用自适应视图，可以做到： 可以快速生成多尺寸设计稿，调整方便，时时可预览。 可分享，效果堪比视觉并开发的版本，可以用来收集意见，降低开发的风险。 响应式，让我们的设计提案更加生动。 日常工作中，几乎极少使用自适应视图。因为Axure功能非常强大，如
Axure RP 浏览器窗口改变大小时
PEXUE的专栏
01-19 6338
axure窗口改变大小时事件，案例选择了窗口改变大小时设置适应窗口尺寸的交互实例详细介绍实现效果及方法 步骤1：  导入页首及导航图片。 RP 浏览器窗口改变大小时" /> 步骤2： 全选所有部件，右键快捷菜单选择：转换为动态面板，生成一个新的动态面板。 RP 浏览器窗口改变大小时" TITLE="Axure RP 浏览器窗口改变大小时" /> 步骤3： 部件交互和注释窗口，设置
【Axure函数教程】窗口宽高函数
mushe93的博客
03-15 243
今天教大家在Axure里如何使用窗口宽高函数，我们会先学习窗口宽高函数的基本原理，然后通过3个应用案例来学习，包括内联框架调用外部地图后普通整个窗口、顶部菜单宽度自适应窗口宽度、左侧菜单高度自适应窗口高度并制作隐形滚动条~~~
Axure如何做到屏幕自适应
阿甘兄
07-14 7181
使用Axure绘制原型时，遇到最多的问题就是屏幕无法做到自适应，那如何解决该问题呢？本文来讲讲。首先可以看到该布局的的尺寸是，但是使用预览功能时，不同浏览器会出现界面太大或者太小。 为了解决问题，我们可以先点击布局的外围，然后添加自适应： 输入布局的实际大小： 接下来我们预览：可以看到，屏幕缩小到和时，界面都会随着浏览器的窗口的大小改变。至此，Axure已经实现了屏幕自适应的功能。...
【Axure教程】函数自查表（全攻略）
mushe93的博客
04-21 2732
今天和大家分享函数自查表，里包含Axure中全部常用的函数，每个函数里有对应的说明以及应用模板，你们可以在函数自查表中学习，也可以在忘记时快速查找。 【原型预览】 https://axhub.im/ax9/b3fa1182297b8df6/#g=1 【原型下载】 方式1：加入原型分享群后，可免费使用全部原型，请咨询微信522073109 方式2：https://weidian.com/item.html?itemID=4704202643 一、元件函数 This：指当前元件，一般后面配合其他函
2023-2024年 Java开发岗面试题经验分享
最新发布
A_aspectJ的博客
08-02 389
在各行各业中，面试前我们总会思索一个问题：究竟什么样的求职者能获得面试官的青睐？作为求职者，我们又该如何准备，以应对各种面试官的挑战？在这激烈的竞争里，如何才能让自己从众多应聘者中脱颖而出？本文就自己的面试和大家一块交流分享。
axure内联框架界面切换
09-13
1. 在 Axure 项目中创建一个新页面，用于显示内联框架的内容。 2. 在左侧的“部件”面板中找到并拖拽内联框架部件（Inline Frame）到你的页面上。 3. 右键点击内联框架部件，选择“设置链接目标”（Set Link Target...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值