如何在Flex項目中創建/使用主題

Question

我剛開始使用Flex，雖然我與Actionscript2一起工作了幾年，但我仍然對Actionscript3有所了解。 在過去的一周中，我一直在研究Flex，但無法弄清楚這件事。

我正在尋找最好的方法（或“一種”方法），以使我和從事此項目的其他人可以輕松地為視頻播放器創建新主題。 我展示了兩個視頻，並且確實需要能夠重新定位它們，設置它們的樣式，添加圖像以及其他任何東西。 我不想創建一個完整的模板引擎，但是如果我可以為每個模板創建一個單獨的文件/文件夾，那將完全是我的一天。

我想像有一個解決方案，其中在src / templates /中有一個文件夾，在該文件夾中有view.mxml，其中包含顯示視頻所需的所有內容。 然后，我將能夠添加其他文件（例如圖像），以使此模板看起來像應該的樣子。

應該使用哪個模板應該由主視頻文件中的變量定義。 這將在播放時提供給swf文件，或者由加載外部配置文件的視頻提供（但這不是我的問題:)。

簡而言之， 如何包含src內一個或兩個子文件夾內的mxml文件，以及如何通過變量選擇希望包含的文件的方式來執行此操作。

非常感謝！

戴夫

Answer 1

您會驚訝於Flex應用程序可以通過樣式更改外觀的程度。 簽出以下項目：

http://www.fillcolors.com/

如果仍然需要更大的靈活性，則可以有一個具有多個視圖的應用程序，每個視圖都想要顯示一個。 在Flex中執行此操作的一種簡單方法是利用ViewStack組件，該組件基本上將視圖顯示分層，在給定時間僅顯示一個。

作為一個非常簡單的示例，您可以遵循以下思路：

<mx:ViewStack selectedIndex="{currentIndex}">
     <themes:CustomTheme1/>
     <themes:CustomTheme2/>
     <themes:CustomTheme3/>
</mx:ViewStack>

在這里，currentIndex是綁定到ViewStack的變量，確定當前可見的三個子項中的哪個子項，每個子項代表一個自定義MXML組件（在您的情況下為主題）。

對評論的回應：

是的，上面的示例正是為了做到這一點而設計的，但這實際上不是Flex的功能，而是AS3的功能。 CustomThemeX組件使用主題名稱空間定位。 名稱空間是在父組件根標記中定義的。 在此示例中，父級是Canvas組件：

<mx:Canvas xmlns:themes="themes">

這告訴編譯器在應用程序的主題子文件夾中查找這些自定義組件。 換句話說，是src / themes文件夾，其中包含CustomThemeX組件。

如果上一段對您沒有真正的意義，我建議您閱讀一本有關AS3 / Flex的文檔/書，並進一步了解AS3和面向對象編程的一些核心概念。 我希望我能提供更多幫助，但是這個問題開始變得太寬泛了。 我希望你明白。 :)

Answer 2

我不是Flex方面的專家。 但是我在gotoAndLearn.com上看到了有關Flex皮膚的教程。 也許那給你一些提示： Flex簡介：第3部分