Я не хочу писать о том как установить Flex Builder и как его сконфигурировать. Причина не в моей лени, причина в том что если это человеку интересно он откроет гугл и получит тысячи ссылок как это сделать. Также писать пример использования какой либо компоненты просто скучно — есть TourDeFlex в котором подробно рассказано как пользоваться компонентами.

Мой коллега, архитектор и ведущий разработчик в крупнейшем проекте нашей компании как то попросил меня посмотреть материал который он подготовил для собеседования претендента на должность разработчика. Это был код и вопрос заключался в следующем — объясни мне пожалуйста что происходит в коде и чтобы ты изменил. Ответ подразумевал подробный анализ и, если это необходимо, рефакторинг кода. Пример приводить я не буду по двум причинам — я не могу выносить конкретные примеры из моей работы и само по себе задание достаточно сложное и подразумевает наличия не только знаний Flex, но и в общем практики программирования. Но сейчас вспомнив это задание я подумал что для человека который только начинает и которому это действительно интересно нужен совет. Как и что сделать. Не кусок кода, а обсуждение и выяснение причин и следствия.

Давайте поиграем. Правила игры простые. Ниже опубликован полностью рабочий пример. Ваша задача, для начала, его скомпилировать и показать мне ссылку на рабочее приложение. Это не трудно и даже при полном отсутствии опыта это займет не больше часа. Для того чтобы мы начали разговор я должен увидеть приложение. Не будем идти темными дорогами и я скажу последовательность действий.

1. Установить Flex Builder.
2. Создать Flex Project и скопипастить код в это приложение.
3. Нажать Run
4. Залить приложение на любой хостинг и в комментариях опубликовать ссылку или просто отправить мне на e-mail.

Что дальше? Послед того как я увижу рабочее приложение, мы начнем разбирать детально что написано. На первом этапе не засоряйте голову — просто добейтесь работы. Приготовьте минимальный набор для продолжения разговора.

Замечание. Я противник не своих слов… Вы конечно же должны прочитать документацию, возможно посмотреть (видео) примеры. Но вы должны знать что я очень люблю читать и копипастинг будет приравниваться к нечестной игре :) А я не играю не честно. Ок?

Итак, приложение.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.events.ResultEvent;

			[Bindable]
			private var weather:XML

			[Bindable]
			private var cities:ArrayCollection=new ArrayCollection([{label: "Харьков", data: "Kharkiv"}, {label: "Киев", data: "Kyiv"}]);

			private function clickHandler():void
			{
				weatherService.GetWeather.send(targetCity.selectedItem.data, "Ukraine");
			}

			private function resultHandler(e:ResultEvent):void
			{
				weather=new XML(e.result);
				weatherResult.visible=true;
			}

			private function faultHandler(e:FaultEvent):void
			{
				
			}
		]]>
	</mx:Script>

	<mx:WebService id="weatherService"
				   wsdl="http://www.webservicex.com/globalweather.asmx?WSDL"
				   showBusyCursor="true">
		<mx:operation name="GetWeather"
					  resultFormat="object"
					  result="resultHandler(event);"
					  fault="faultHandler(event);"/>
	</mx:WebService>

	<mx:Panel title="Пример">
		<mx:TabNavigator width="450"
						 height="250">

			<mx:VBox label="Погода">
				<mx:HBox>
					<mx:Label text="Выберите город: "/>
					<mx:ComboBox dataProvider="{cities}"
								 id="targetCity"/>
					<mx:Button label="Показать погоду"
							   click="{clickHandler()}"/>
				</mx:HBox>
				<mx:HRule width="100%"/>
				<mx:Grid visible="false"
						 id="weatherResult">
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Местоположение: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Location}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Текущее время: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Time}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Ветер: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Wind}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Видимость: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Visibility}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Температура: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Temperature}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Влажность: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.RelativeHumidity}"/>
						</mx:GridItem>
					</mx:GridRow>
					<mx:GridRow>
						<mx:GridItem>
							<mx:Label text="Давление: "/>
						</mx:GridItem>
						<mx:GridItem>
							<mx:Label text="{weather.Pressure}"/>
						</mx:GridItem>
					</mx:GridRow>
				</mx:Grid>
			</mx:VBox>
			<mx:VBox label="Биржа">
			</mx:VBox>
			<mx:VBox label="Новости">
			</mx:VBox>
		</mx:TabNavigator>
	</mx:Panel>
</mx:Application>

А вот это скриншот скомпилированного приложения. По секрету скажу — там много подсказок :)

И cааааамая последняя ремарка. Для человека который очень хорошо знаком с флексом попрошу на первых порах занять кресло наблюдателя. Код написан так, чтобы можно было над ним поработать. Любые вопросы приветствуются, но не факт что на любые вопросы вы получите ответ.

Да. забыл дописать. Что делает этот пример? Вы можете посмотреть погоду для двух городов Украины — Киев и Харьков )