快速了解页面样式设置
在【菜单】-【项目】的选项列表中,选择【页面样式管理器】;
在弹出的面板中可对默认页面进行页面背景、居中、排列等设置。
同时还支持添加【自定义页面】样式的设置
通过自定义页面排列、颜色、图片、图片对齐、重复等参数,可以自定出自己的页面模板,从而应用到需要统一风格的页面;
页面样式参数及说明
页面排列:分为左对齐和居中对齐;
页面的对齐设置只有在浏览器中查看HTML文件时才能看到效果,在Axure源文件中是看不到效果的。需要提醒的是,居中对齐是根据元件在页面中的相对位置来确定的。
颜色:为页面设置背景颜色;
图片:导入本地图片作为整个页面的背景;
图片对齐
不重复:导入的图片直接作为背景,不做任何其它处理;
重复:水平和垂直方向都重复背景图片,呈网格状重复排列;
水平重复:在水平方向上,重复背景图片;
垂直重复:在垂直方向上,重复背景图片;
填充:缩放图像的最大尺寸,以适应背景的水平尺寸和垂直尺寸;
适应:自动调整图像的宽度和高度,以适应页面内容的水平尺寸和垂直尺寸;
拉伸:拉伸图片让其覆盖页面内容的宽度和高度;
图片显示位置
左上:将图片的左上角等比缩放作为背景;
左侧:将图片的左侧等比缩放作为背景;
左下:将图片的左下角等比缩放作为背景;
顶部:将图片的顶部等比缩放作为背景;
居中:将图片的中心等比缩放作为背景;
底部:将图片的底部等比缩放作为背景;
右上:将图片的右上角等比缩放作为背景;
右侧:将图片的右侧等比缩放作为背景;
右下:将图片的右下角等比缩放作为背景;
页面样式的管理操作
页面样式管理界面中除了可以设置页面样式外,还可以对页面样式进行以下管理操作:
添加:一次只能添加一个页面,不支持批量添加
复制:创建新页面并复制其样式
移动:可以上下移动页面位置,按住Ctrl键进行多选,可以批量移动
删除:按住Ctrl键进行多选,可以批量删除
如何使用自定义页面样式
在创建完成页面后,会自动应用默认页面样式,可在默认页面样式上直接修改页面排列、填充等参数;
如何应用已创建的自定义页面样式模板,可以直接点击【默认】切换已创建的【自定义页面】样式;
应用成功后,就完成了自定义页面模板的使用,同时也支持单独修改当前页面的页面排列、填充等参数;
对于项目中有较多风格的页面设计,可以通过自定义样式设置的方式创建和使用,快速创建不同的页面风格。