Axure如何快速完成九宫格的制作

 时间:2024-10-12 13:23:29

1、打开Axure,进入Index页面,从左侧元件库拖取一个【矩形】元件到页面,设置大小为【40*40】。如图

Axure如何快速完成九宫格的制作

2、拖动这个【矩形】元件,复制为9份,如图

Axure如何快速完成九宫格的制作

3、选择【顶上行】三个矩形元件进行【水平分布】:通过快捷工具栏【分布】>>【水平分布】处理。如图

Axure如何快速完成九宫格的制作

4、选择【瘾廛装钒左侧面】三个矩形元件进行【左对齐】,然后【垂直分布】:通过快捷工具栏【对齐】>>【左对齐】进行对齐处理,通过【分布】>>【垂直分布】,进行分布处理。如图

Axure如何快速完成九宫格的制作

5、分别选择【中间列】三个矩形元件和【右侧面】三个矩形元件进行【左对齐】。如图

Axure如何快速完成九宫格的制作

6、分别选择【中间行】三个矩形元件和【底部行】三个矩形元件进行【顶端对齐】。如图

Axure如何快速完成九宫格的制作

7、最后,九宫格制作完成。如图

Axure如何快速完成九宫格的制作
  • html页面侧边栏制作
  • 鼠标放在div上延迟改变宽度效果
  • html 的音乐播放如何ui做的好看点
  • Visual Studio Code怎么设置任务错误显示错误
  • HTML5的网页制作基础
  • 热门搜索
    怎么下象棋 水果沙拉怎么做 牙龈发炎肿痛怎么办 咸鸭蛋怎么吃 微信群怎么拍一拍 睡觉打呼噜怎么办 老想大便是怎么回事 怎么提高网速 ps怎么导入笔刷 怎么美白皮肤最有效