手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

AXURE9怎么让菜单宽度自适应屏幕

时间:2024-10-12 22:02:54

1、首先我们打开软件,在元件库中选择动态面板(如图)。

AXURE9怎么让菜单宽度自适应屏幕

2、在画布中绘制好菜单宽度,高度,绘制好后在交互栏给元件命名为“侧边菜单”(如图)。

AXURE9怎么让菜单宽度自适应屏幕

3、依次点击“新建交互”“载入时”“设置尺寸”完成开始设置宽度(如图)。

AXURE9怎么让菜单宽度自适应屏幕

4、点击宽度旁边图标,依鸱远忡绑次插入“[[Window.width]]”宽度函数,并在局部变量中选择“选中状态”和“侧边栏菜单”最后点击确定(如图)。

AXURE9怎么让菜单宽度自适应屏幕

5、在右侧选择“样式”并为动态面板设置背景色(如图)。

AXURE9怎么让菜单宽度自适应屏幕

6、点预览,在浏览器中查看效果,这样我们就看到宽度自适应到屏幕了(如图)。

AXURE9怎么让菜单宽度自适应屏幕
© 手抄报圈