ArcGIS Viewer for Flex（部件在Flex的ArcGIS的瀏覽器）

部件在Flex的ArcGIS的瀏覽器

從概念上講，一個小部件是一個代碼塊，它提供了在ArcGIS的Flex應用程序瀏覽器的功能。該查看器應用程序有一個可擴展構件的編程模型，支持模塊化的功能。例如，一個組件可以查看器應用程序的最終用戶之間切換顯示在地圖底圖，一個不同的部件提供的功能來找到一個在地圖上的位置;而另一個部件提供了一個查看器概述地圖。 Widgets可以添加和/或從瀏覽器，可自定義其外觀（例如，用戶界面​​ - UI）拆除和功能。

瀏覽器中的所有應用程序的功能是基於構件，這些都對Flex的ArcGIS的API的。 Widgets可以被看作是「積木」，使用戶能夠快速，輕鬆地創建自定義的Web GIS製圖應用程序使用爲出發點的核心瀏覽器。

用於創建與Flex的ArcGIS的瀏覽器定製的GIS Web製圖應用程序建議的設計策略是選擇一組特定的小部件，支持一個特定的業務流程。我們的目標是建立一個集中的Web地圖應用，而不是一個通用的GIS應用。

工具基礎：

對於Flex的ArcGIS的瀏覽器有以下目錄結構：

---

注：上圖中沒有顯示所有的flexviewer文件夾的內容。

---

Config.xml的是瀏覽器應用程序的默認主配置文件。這個文件控制的外觀，功能，在瀏覽器和數據內容。 （參見主配置文件的幫助主題）。由該查看器應用程序使用的部件，必須明確地引用這個文件。 Widget是引用的兩種方法之一：

1. 作爲一個獨立的部件 - 獨立標記<widget>
2. 在一個小部件容器 - 作爲一個子標籤標記<widgetcontainer>

如何引用一個小部件是在config.xml文件將影響其在瀏覽器的UI行爲。一個獨立的部件，通常形式的用戶界面的瀏覽器的一部分，而在一個widget容器中存儲的部件將在widget托盤中（見下文）。一個widget容器收集部件一起確保他們有一個類似的外觀和感覺，在查看器應用程序的目的。

在Flex的安裝目錄ArcGIS的瀏覽器，文件夾中包含的部件查看器應用程序的所有部件的支持文件。每個部件的部件將在自己的文件夾的子文件夾，子文件夾包含每個部件的所有個別部件工作所需的相關文件。每一個部件都有一個最低的2個文件：一個小部件配置文件（xml文件），控制部件的屬性，編譯Flash文件（SWF文件）。在下面的圖形，文件夾的部件有3個部件：Bookmark, Coordinate, and DataExtract.

當一個新的小部件被添加到瀏覽器的應用，它需要2個最低文件（XML配置文件和編譯Flash文件），在其自己的子文件夾的部件中。

在瀏覽器的用戶界面小部件

如前所述，小部件是如何以及在何處內的瀏覽器的用戶界面中位於小部件是如何在瀏覽器應用程序的配置文件（通常config.xml）中引用的決定。

當一個部件是作爲一個獨立的部件查看器配置文件中引用，它成爲了瀏覽器的用戶界面的一部分。在config.xml文件中的代碼示例如下：導航，概述地圖和地圖切換部件的定義是獨特的瀏覽器UI組件。

<!-- UI elements --> <widget left="10" top="50" config="widgets/Navigation/NavigationWidget.xml" url="widgets/Navigation/NavigationWidget.swf"/> <widget right="-2" bottom="-2" config="widgets/OverviewMap/OverviewMapWidget.xml" url="widgets/OverviewMap/OverviewMapWidget.swf"/> <widget right="20" top="55" config="widgets/MapSwitcher/MapSwitcherWidget.xml" url="widgets/MapSwitcher/MapSwitcherWidget.swf"/>

3部件的默認瀏覽器的用戶界面的一部分：

當一個部件是在瀏覽器內構件容器的配置文件中引用的，它會出現在查看器應用程序部件托盤。在config.xml文件中的代碼示例所示，書籤和查找地址部件都存儲在一個小部件容器：

<widgetcontainer layout="float"> <widget label="Bookmarks" x="400" y="90" icon="assets/images/i_bookmark.png" config="widgets/Bookmark/BookmarkWidget.xml" url="widgets/Bookmark/BookmarkWidget.swf"/> <widget label="Find an address" x="100" y="90" preload="open" icon="assets/images/i_target.png" config="widgets/Locate/LocateWidget_US.xml" url="widgets/Locate/LocateWidget.swf"/> ... </widgetcontainer>

從概念上講，小部件托盤就像一個工具欄 - 包含圖標**瀏覽器中的部件。小部件托盤位於該瀏覽器的用戶界面（默認配置）的頂部。在widget托盤部件通常是封閉的（即無效）默認情況下。

在小部件托盤，點擊的小部件之一的圖標會改變其狀態，打開並顯示其對話窗口。打開小部件將有一條線出現下面的圖標。小工具的對話框，也可以降到最低。

小部件，也可以分組在widget托盤，它可能有利於組部件執行在瀏覽器的目的類似的功能組織在一起。部件可分爲小部件使用托盤標記。在XML配置文件的代碼示例所示，美國的地址查找和查找部件都集中在歐洲的地址定位器部件組內構件容器：

<widgetcontainer layout="float"> <widgetgroup label="Locators"> <widget label="Find U.S. address" icon="assets/images/i_target.png" config="widgets/Locate/LocateWidget_US.xml" url="widgets/Locate/LocateWidget.swf"/> <widget label="Find European addresses" icon="assets/images/i_pin2.png" config="widgets/Locate/LocateWidget_EU.xml" url="widgets/Locate/LocateWidget.swf"/> ... </widgetgroup> </widgetcontainer>

羣體都有代表參加的一個文件夾圖標，並點擊下方的文件夾中的箭頭將顯示在該部件的特殊羣體參與。懸停在文件夾圖標，光標會顯示該組的名稱。下圖顯示了例子定位器定位器部件組包含幾個部件。

如果從部件托盤多個部件都打開，查看器應用程序的顯示可能會變得混亂。一鍵切換和滾動控制可用（當的佈局屬性設置爲橫向或縱向），以幫助管理部件對話窗口。切換隱藏的顯示和滾動鍵部件對話框窗口使最終用戶能夠通過各種部件滾動對話框。切換和滾動按鍵控制，只是一個小部件容器內包含小部件可用。

凡部件在查看器應用程序的UI放在取決於部件的目的，以及它如何支持業務流程。經常使用的部件更容易被看作是瀏覽器的用戶界面的一部分定義的，而小工具，支持特定的業務任務將屬於一個小部件的容器是由部件托盤引用。