原型设计工具Axure RP新手教程（八）：全宽图像或横幅教程

在本教程中，您将学习如何制作适合浏览器窗口整个宽度的图像或彩色条。

在本教程中，您将学习如何制作适合浏览器窗口整个宽度的图像或彩色条。（点击此处可查看视频操作）

小部件设置

• 打开一个新的RP文件，然后在Pages（页面）窗格中双击Page1（页面1）以在画布上将其打开。

• 将内联框架窗口小部件从Libraries（库）窗格拖到画布上。

• 在Style（样式）窗格中，选中100% Wide （100％宽）的框（仅浏览器）。

给动态面板填充颜色或图像

• 使用Style（样式）窗格的Fill（填充）部分中的选项来设置动态面板的背景填充：

• 要为动态面板提供填充颜色，请单击Color（颜色），然后使用颜色选择器中的选项。

• 要为动态面板提供背景图像，请单击Image （图像），然后单击Select（选择）以从计算机导入图像文件。

注意：在右侧的下拉菜单中将图像设置为Stretch to Cover（拉伸以覆盖），以确保它将始终充满动态面板的整个宽度。

预览页面

• 预览页面。图像应跨浏览器窗口的整个宽度。

• 尝试调整浏览器窗口的大小，并注意图像总是会调整以适应新的宽度。

附加信息和提示

全宽图像轮播

对于全角图像轮播，请将此技术与旋转轮播/幻灯片教程中介绍的技术结合使用。 为动态面板的每个状态提供不同的背面图像，并使用该页面上所述的方法循环显示图像。

想要获得Axure RP更多资源、正版授权的伙伴，请咨询【客服】了解

关注慧聚IT微信公众号了解产品的最新动态及最新资讯。

标签：

来源：慧都