Axure如何制作app底部弹框，固定在底部

相信大家在日常的app原型绘制中，经常会遇到做底部弹框的功能，如果底部弹框会弹出不同的操作的话，这个时候大家就会使用动态面板进行原型制作，但是此时会存在一个问题，如果动态面板在不同的状态下高度不一样的话，就会出现下边的情况，动态面板不在底部超出了手机的底部

那么如何解决这个情况呢，有两种方案解决

方案一、调整动态面板的高度

可以将动态面板的高度固定设置为所有状态状态下动态面板最高的高度，具体操作如下

1.将动态面板设置的自动调整为内容尺寸取消勾选

2.将动态面板的高度固定设置为所有状态状态下动态面板最高的高度

3.将所有状态下的内容全部调整为贴底部

4.这种方法有一个弊端，那就是必须在绘制原型前先绘制高度最高情况下的内容，否则的话就需要在绘制完成后，修改每个状态下的内容贴底部

方案二、使用公式动态调整坐标

第二种方式是使用相关的公式进行坐标的自定义动态变化，以实现悬停在底部，具体操作如下

，首先大家要知道，元件的坐标是以左上角的坐标点为准的，所以整体的实现逻辑是，先找到app的底部的纵坐标，如图是770

然后如果动态面板的高度发生变化，那么就将动态面板的纵坐标重新移动到770-动态面板的高度就可以，如下图所示

添加局部变量为当前动态面板

点击插入变量或函数

书写公式

点击确定，将需要刷新位置的地方全部都复制该语句即可

更多精彩分享内容请访问我的官网：文拾沐译产品经理导航

Axure如何制作app底部弹框，固定在底部相关推荐

如何用Axure快速制作APP交互原型
对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使 ...
flutter 分割线_Flutter 底部弹框 showModalBottomSheet 使用Demo
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注 [x2] ...
Flutter 底部弹框 showModalBottomSheet 使用Demo
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注 [x2] ...
java安卓弹框样式_Android 实现抖音头像底部弹框效果的实例代码
布局文件 activity_test.xml android:layout_width="match_parent" android:layout_height="mat ...
Android之底部弹框
文章链接: Android之底部弹窗知识点: 1.dialog的简单使用: 2.自定义底部弹框: 3.新名词记录 { 5.0 转场动画 } 底部弹框:就是从手机屏幕底边位置弹出来,最常见的就是弹框里 ...
微信小程序之底部弹框预约插件
代码地址如下: http://www.demodashi.com/demo/13982.html 一.前期准备工作: 软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq. ...
android 仿ios 底部弹出,项目需求讨论-仿ios底部弹框实现及分析
hi,在项目开发中,有时候需要仿照ios的底部弹框做效果,比如我们在iPhone上面关闭定位的时候,就会弹出ios特有的底部弹框: 屏幕快照 2017-10-09 08.20.30 PM.png 弹框 ...
小程序头像和昵称填写能力用底部弹框界面实现
最近,微信小程序又更新了文档,关于获取头像和昵称需要进行适配. https://developers.weixin.qq.com/community/develop/doc/00022c683e8a8 ...
【Android Studio】退出app的弹框提示
退出app的弹框确认提示使用android.app.AlertDialog类 import android.app.AlertDialog;public class MainActivity ext ...

Axure如何制作app底部弹框，固定在底部

Axure如何制作app底部弹框，固定在底部相关推荐

最新文章

热门文章