向 Web 应用程序添加窗口

打开体验

首先，您将打开在之前教程中创建的体验。

如果您已完成前一教程使用多个微件排列 web 应用程序布局，请重新打开 American River Marine Estuary 体验并跳至下一节。
注：
如果不知道如何查找体验，请打开 ArcGIS Experience Builder 并使用 ArcGIS 帐户登录。您的体验将列在最近体验页面上。
如果没有完成前面的教程，请打开 ArcGIS Experience Builder 并登录 ArcGIS 帐户。
注：
如果您没有 ArcGIS 账户，请参阅软件访问权限选项。
出现最近体验页面。
单击新建按钮。
单击 ArcGIS Online 选项卡。
在搜索栏中，键入 estuary template 2。
在 American River Marine Estuary 模板 2 卡片上，单击创建按钮。
出现画布，显示到目前为止创建的体验。它包括一个有两幅地图的地图微件、一个有标题的页眉，以及一个包含三个微件的列：卷帘、图例和书签。
在构建工具栏上，单击标题并将其重命名为 American River Marine Estuary。

添加一个窗口

您还可以为您的体验添加更多信息：定位器地图和提供者文本。然而您担心版面信息过多，可能会分散对地图的注意力。在静态布局中，可以使用可视等级原理来确保地图等重要信息首先被注意，而提供者文本等次要信息最后被注意。在 web 应用程序布局中，您还可以额外使用交互性来控制首先被注意的内容。

接下来，您将在布局中添加一个窗口，用于放置定位器地图和提供者文本。窗口将确保这些次要信息可用且易理解，同时不会让地图变得复杂。在用户决定显示之前，它是不可见的。

在侧面工具栏上，单击页面按钮。
在页面窗格顶部，单击 Window 选项卡。
您可以为体验添加多个页面和多个窗口。这种体验将各占其一。
单击添加窗口按钮。向下滚动并单击侧边栏。
画布右侧会出现一个窗口。画布的其他部分变暗，使窗口看起来像是浮在画布顶部。
您添加的窗口是一个模板，这意味着它已经填充了一些微件。使用模板时建议先查看大纲，然后再进行任何更改，以了解页面或窗口的结构。
在页面窗格中，大纲部分显示窗口包含一个影像、一个按钮和一列。
在大纲部分中，展开列 2。
列微件包含两个文本微件。
在大纲部分中，单击选中文本 2。
在画布上，已选中标题文本。
您的窗口不需要标题，因此将删除此微件。
在大纲部分中，指向文本 2。单击更多按钮，然后单击删除。

添加文本

您将在窗口中添加文本，注明地图数据的来源和书签微件中使用的照片。

复制以下文本：
美洲河是南澳大利亚袋鼠岛上的一个海洋河口。它是邂逅海洋公园的一部分，包括鹈鹕泻湖保护区。鹈鹕泻湖保护区自 1914 年以来一直受到保护，是生物多样性重点保护地区。
本地图使用的数据来自南澳大利亚河口栖息地，由南澳大利亚政府环境与水利部提供数据库。
该网站由 Your Name on Current Date 按照教程“在 ArcGIS Experience Builder 中设计布局”创建。

照片提供者：
海草：flickr 用户 Paul Asman 和 Jill Lenoble - https://www.flickr.com/photos/pauljill/5777808662/
海草/藻类：flickr 用户 Gerry Thomasen - https://www.flickr.com/photos/gerrythomasen/174310588/
海篷子：Wikimedia Commons 用户 Melburnian - https://commons.wikimedia.org/wiki/file:sarcocornia_quinqueflora.jpg
海篷子/滨藜属/草原：iNaturalist 用户 Samuel Brown - https://www.inaturalist.org/photos/31331920
沙地：flickr 用户 Phil Whitehouse - https://www.flickr.com/photos/philliecasablanca/2051633887/
白千层/莎草：Wikimedia Commons 用户 Melburnian - https://commons.wikimedia.org/wiki/file:melaleuca_squarrosa.jpg
草原：Wikimedia Commons 用户 Kolforn - https://commons.wikimedia.org/wiki/File:Grassland_countryside,_Vale_da_Azinheira,_25_June_2016.JPG
裸地：Wikimedia Commons 用户 Manage891a3 - https://commons.wikimedia.org/wiki/file:water_surface_lake.jpg
在画布上，双击剩余文本微件以编辑。右键单击，然后选择粘贴为纯文本。
提示：
如果没有粘贴为纯文本选项，请按下 Ctrl+Shift+V 或 Cmd+Option+Shift+V。
文本中包含一些关于河口的信息，并提供了数据和照片的属性。接下来，您将为文本的某些部分添加超链接。
在文本微件中，高亮显示邂逅海洋公园。在文本 3 窗格中，单击链接按钮。
在设置链接窗口中，对于链接至，选择 URL。对于 URL，请粘贴 https://www.parks.sa.gov.au/parks/encounter-marine-park。
单击确定。
第二段重点介绍南澳大利亚河口栖息地。按照与上述相同的方法将此文本链接到 https://data.sa.gov.au/data/dataset/estuarine-habitats-of-south-australia。
编辑文本以添加您的姓名和当前日期。
在构建器工具栏上，单击保存。

添加图像

接下来，您将在窗口中添加一个定位器地图的图像。

单击图像微件。在图像窗格中，单击选择图像。
在选择图像窗格中，单击 URL 选项卡并粘贴 https://www.arcgis.com/sharing/rest/content/items/11b62ea3ef81427dbf6315563f17c810/data。
在文本框外单击，提交更改。关闭选择图像窗格。
该图是美国河与澳大利亚其他地区的定位器地图。它是用 ArcGIS Pro 创建的并保存为 PNG 图像。
由于地图太小，其标签无法辨认。这样窗口就会变宽，地图就能展开。
在页面窗格中，单击窗口以将其选中。
提示：
或者，单击画布上图像和文本之间的空隙。
随即显示窗口窗格。
在位置和大小部分中，对于 W，键入 340 并按 Enter 键。
窗口变得更宽了。您还可以让图像微件变得更高。
单击图像微件。拖动其底部边缘，直到整个地图清晰可见。
现在，图像和文本相互重叠，难以阅读。将文字向下移动，这样就不会干扰图像。
单击文本微件将其选中。
文本微件上没有手柄：您无法将其下移或让其远离图像。

有时，您无法手动更改微件的大小或位置，因为其大小已设置为自动或拉伸。不过，在这种情况下，文本微件的高度尺寸是自定义的，所以这不是原因。
提示：
要确认某个微件是否具有自定义高度尺寸，请在其属性窗格中单击样式选项卡。确保将高度设置为数字，而不是自动或拉伸。
如果您无法更改微件的大小或位置，即使该微件使用了自定义大小调整方法，请检查大纲部分，查看该微件是否包含在另一个微件中。
在页面窗格中，查看大纲部分。
在这种情况下，文本包含在一列中。列决定文本大小和位置的某些方面。在这种情况下，您可以通过移动包含文本微件的列微件来移动文本微件。
在大纲部分中，单击列 2。
拖动手柄出现在画布的微件上。向下拖动最上面的微件，直到它位于定位器地图下方。