【Axure函数教程】窗口宽高函数

于 2023-03-15 12:24:10 发布
阅读量256 收藏
点赞数
文章标签： Axure 交互 原型 产品经理 视频教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/129551117
版权

今天教大家在Axure里如何使用窗口宽高函数，我们会先学习窗口宽高函数的基本原理，然后通过3个应用案例来学习，包括内联框架调用外部地图后普通整个窗口、顶部菜单宽度自适应窗口宽度、左侧菜单高度自适应窗口高度并制作隐形滚动条。该教程主要讲解窗口宽高函数的原理和应用，不包含调用外部地图、菜单的制作教程，如有需要，可以找对应的案例来学习。

【视频教程——试看版】

【Axure函数教程】窗口宽高函数

【完整教程】
https://mp.weixin.qq.com/s?__biz=MzI4MzE1NDA0OQ==&mid=2247491892&idx=1&sn=25ee1c88d9fe4fc1d99d262882baa3fb&chksm=eb8da2dadcfa2bccd392bda6ea72cfc8d738597246d66c8f515ca35a574ee00fc601eee222d8&payreadticket=HGV6NNK-lhMafRxzmyUDX6-QQDS7CvOAmixxfk34gRVUEsC_uXFUSal5AvyyydcgO0tKW8s#rd

梓贤Vigo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Axure RP从入门到精通（十九）窗口函数
人不风流枉少年
06-21 782
窗口时指的是浏览器。 内容翻页滚动示例 拖动3个动态面板并命名，三个动态面板坐标尺寸完全一样，上下重叠在一起，宽度设置成1080，高度676（高度根据自己图片或者内容的高度决定）。 分别在每个动态面板的状态1中添加图片。 分别设置每个动态面板固定到浏览器顶部，三个动态面板都要设置。 在底部添加一个白色矩形，然后设置无边框，设置高度1352（676 * 2），这样内容就足够长了，浏览器中自然就有垂直滚动条了，因为矩形为白色页面背景也是白色，所以跟没有内容一样。 添加窗口滚动时事件设置滚动时每个动态面板的
Axure RP 基于动态面板实现宽度自适应全屏的顶部导航栏，实现高度自适应全屏的侧边导航栏
小康师兄
09-29 2367
文章目录一、前言二、初步布局三、初步预览四、宽度自适应全屏五、高度自适应全屏六、页面左对齐七、最终效果 一、前言 主要是动态面板的运用，其实非常简单。 二、初步布局 两个动态面板，填充->颜色随便选一个浅色的 两个矩形1，填充->透明度->0% 三、初步预览 这时候预览的的效果如下，是没有高度宽度自适应全屏效果的。 四、宽度自适应全屏 五、高度自适应全屏 六、页面左对齐 如果没有这一步，那么效果会是酱紫的 需要在页面的空白地方点击下，样式->左对齐 七、最终效果
获取屏幕高宽,在代码中设置控件大小的方法
热门推荐
wike的专栏
10-26 2万+
//获取屏幕高宽的方法:   import android.view.Display; import android.view.WindowManager; WindowManager windowManager = getWindowManager();        Display display = windowManager.getDefaultDispla
AxureRP7.0教程 AxureRP7.0窗口函数详解
weixin_34318326的博客
08-27 107
原型库网站—讲师金乌原创发布，可自由转载，请注明出处！Axure中文官网：www.AxureRP.cn《AxureRP7.0函数变量运算符详解》窗口属性 Window FunctionsWindow.width可返回浏览器窗口的宽度。Window.height可返回浏览器窗口的高度。Window.scrollX可返回鼠标滚动（滚动栏拖动）X轴的距离。Window.scroll...
html5input输入框设置无边框_Axure教程｜可自动伸缩高度的textarea输入框
weixin_39550937的博客
11-25 392
本期给大家带来的教程是“可自动伸缩高度的textarea输入框”。一、照例先上gif二、制作方法1. 首选还是分解元素整体上我们可以看到需要用到的元素块为5个部分，分别是：多文本输入框，主要用来输入文本内容的元素，清理边框和背景色后给它命名为“输入框”。背景块，因为“多文本输入框”本身有很多限制，用一个“矩形”来专门背景色比较好，命名为“背景”。输入框内字数展示，用来确定已经输入了多少个字，以及为...
7.0窗口改变大小 axure rp_axure7.0教程_小楼作品（十三）与窗口等比缩放的矩形_window函数和元件函数...
weixin_39801202的博客
12-21 530
这篇axure7.0教程我要继续给大家讲Axure rp7.0中window函数的应用，上次已经给大家讲了window函数属性之一ScrollY(纵向滚动)的使用方法。那么，scrollX的使用大家也就清楚了，我也没必要再单独写一篇教程来讲，因为楼老师很懒。今天要给大家介绍的window两个函数和两个元件函数，分别是：1、 window.width窗口宽度2、 window.height窗口高...
Axure RP9——【元件函数】
两条线-twolines
10-29 1670
元件函数 Element function 目录 Element function I.元件函数 II.窗口函数 III.鼠标指针函数 IV.字符串函数 I.元件函数 举个栗子 1.实现 “放大”“缩小”功能 （1）从元件库拖一个矩形出来，并进行命名，颜色填充 （2）设置2个按钮，“放大”和“缩小”；并进行交互设置 单击时——设置尺寸——矩形图形（即矩形框的命名） （3）点击右下角的fx进行函数设置： 实现点击放大按钮时，扩大原大小的两倍； 先插入局部变量，对...
Axure元件函数窗口函数鼠标函数和数字函数的介绍.pdf
07-13
本文主要探讨了四个关键函数类别：元件函数、窗口函数、鼠标函数以及数字函数，这些都是构建动态原型时不可或缺的功能。 元件函数主要用于获取和操作元件的各种属性。例如，Widget.Width和Widget.Height分别用于...
Axure 9.0高级教程：最新最全的函数使用手册.docx
12-04
该教程涵盖了 Axure 9.0 的各种函数分类，包括元件函数、页面函数、窗口函数、鼠标指针函数、数字函数、字符串函数、数学函数、日期函数、中继器函数及布尔运算符等。 元件函数是 Axure 9.0 中最基础的函数分类之一...
AxureRP8.0函数大全Axure函数手册用法及说明.pdf
09-30
根据所提供的文件信息，本文将详细解析Axure RP 8.0的函数大全，包括常用函数的用法和说明。 Axure RP 8.0 是一款专业的原型设计工具，广泛用于快速创建网页和移动应用的原型设计。它提供了丰富的函数，可用于控制...
AxureRP8.0函数大全Axure函数手册用法及说明[参考].pdf
10-11
3. **Axure RP 窗口函数**： - `Window.width`, `Window.height`: 获取浏览器窗口的宽度和高度。 - `Window.scrollX`, `Window.scrollY`: 获取页面的滚动位置。 4. **页面函数**： - `PageName`: 返回当前页面的...
Axure内联框架跟着页面内容自动改变高度
qq_41490172的博客
07-14 5181
今天突然在做Axure内容的时候，想到能不能将内联框架做的像HTML界面一样，跟随页面内容自适应高度。想到这，就开始着手研究一波，最后成功找到思路。 先打开三个界面 从元件库中拉出两个按钮和一个内联框架 内联框架样式选择为隐藏边框，从不滚动 在按钮测试1上打开交互，添加交互，点击单机时，选择框架中打开链接，链接到界面测试2，点击完成 在按钮测试2上做如4操作，界面链接至测试3 点击项目，打开全局变量，添加全局变量为height，默认值为0 在测试2页面中拉入一个矩形框
Axure API函数
司马沉潇的专栏
12-19 1987
Axure在做javascript引用或者javascript注入时，为了减少复杂度和实现特定的功能，有时会用到Axure内置的函数。本文将Axure API分几类做了个Axure API汇总目录，方便大家和自己以后查阅。
Axure RP 浏览器窗口改变大小时
PEXUE的专栏
01-19 6356
axure窗口改变大小时事件，案例选择了窗口改变大小时设置适应窗口尺寸的交互实例详细介绍实现效果及方法 步骤1：  导入页首及导航图片。 RP 浏览器窗口改变大小时" /> 步骤2： 全选所有部件，右键快捷菜单选择：转换为动态面板，生成一个新的动态面板。 RP 浏览器窗口改变大小时" TITLE="Axure RP 浏览器窗口改变大小时" /> 步骤3： 部件交互和注释窗口，设置
WEB大前端：5分钟玩转Axure之自适应设计（带案例讲解）
学到牛牛官网帐号
12-01 2379
实现Axure的自适应设计，首先先明确我们要实现对哪些屏幕分辨率的覆盖。
Axure实现Toast效果——使用动态面板实现自动调整宽度的效果
让技术为我所用
08-29 1万+
前言:欢迎关注我左侧头像下的新浪微博，实时更新最新文章信息，增进交流，共同成长。 原文出处: 最近学axure的时候, 想做出android中toast的效果, 能根据需要提示的内容长短自动调整提示文本的宽度, 类似android中toast的效果. Label部件能实现文本的宽度自动调整, 但是一有背景色, 背景色的宽度却不会随之改变. 网上也没找到什么好的方法, 后来自己想出了一种比较l
axure RP文件如何找回_Axure教程：获取页面尺寸、内联框架自适应大小
weixin_39673704的博客
11-20 406
编辑导语：如何使用Axure去获取页面尺寸，并且使内联框架自适应大小呢？本文作者通过实际操作，进行了记录总结，希望看后对你有所帮助。今天要演示的东西其实很简单，一两分钟就能做完，主要是用来弥补Axure IDE提供的交互功能中的不足，导致一些想法没办法很好地实现。其实国外有大神(De Jongh)做了一个能在Axure发布框架内跑起来的Javascript拓展，这是地址：http://dejong...
获取手机屏幕的宽度和高度
02-26 760
WindowManager manage = getWindowManager(); Display display = manage.getDefaultDisplay(); // 屏幕的宽度 int screenWidth = display.getWidth(); //屏幕的高度 int screenHeight = display.getHeight();
Axure6教程：函数变量与交互设计
"这篇教程详细介绍了如何在Axure6中使用函数和变量，以及软件的主要功能，包括布局、组件、动态面板、页面属性设置、文字行间距调整、960栅格系统，以及条件判断和变量的设定与使用。" 在Axure6中，函数和变量的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值