Тема лекції: «Будова Flex додатків. Основи MXML та ActionScript »

Тема лекції: «Будова Flex додатків. Основи MXML та ActionScript» Викладач Федченко О.В.

Лекційний контроль • Мова програмування • Типи даних • Крос-платформні мови програмування • ООП • Клас, об'єкт, метод (свої приклади) • Успадкування • Інкапсуляція • Абстрагування • Поліморфізм

Зовнішній вигляд Flex додатку

Елементи управління, контейнери та навігатори Canvas Button RadioButton Form HBox CheckBox Panel ComboBox Label VBox List Accordion ProgressBar Tab Navigator

Властивості компонентів id <mx:Button id="submitButton"/> visible <mx:HBox> <mx:Button label="One"/> <mx:Button label="Two" visible="false"/> </mx:HBox> includeInLayout <mx:HBox> <mx:Button label="One"/> <mx:Button label="Two" visible="false" includeInLayout="false"/> <mx:Button label="Three"/> </mx:HBox>

toolTip <mx:Button toolTip="Click Me"/> enabled <mx:Panel title="Enabled Panel" enabled="true"> <mx:ColorPicker/> <mx:NumericStepper/> <mx:Button label="Button"/> <mx:CheckBox label="Checkbox"/> </mx:Panel> source <mx:ProgressBar source="{photo}"/> <mx:Image id = "photo" source = "http:// ..." />

Принципи XML Все, що було відкрито, необхідно закрити <mx:WindowedApplication> </mx:WindowedApplication> <mx:Application> </mx:Application> Регістр має значення <mx:Text> <mx:text> Оголошення не обов’язкові, але бажані <?xml version="1.0" encoding="utf-8"?>

Основи MXML Теги MXML <book> <chapter> <section/> </chapter> </book> Використання тегу <booktitle=“Назва”author=“Ім’я автору”> <chaptertitle=“Перший розділ”/> < chaptertitle > Другий розділ </ chaptertitle> </book> ActionScript, вбудований в MXML <mx:Buttonlabel="Clickme" click="TextInput.text=‘Привіт’"/>

Тег <mx:DataGrid x="218" y="10"> <mx:columns> <mx:DataGridColumn headerText="Column 1" dataField="col1"/> <mx:DataGridColumn headerText="Column 2" dataField="col2"/> <mx:DataGridColumn headerText="Column 3" dataField="col3"/> </mx:columns> </mx:DataGrid>

Операція присвоєння <mx:Buttonlabel="Clickme" click="TextInput.text = ‘Привіт’; Назва_CheckBox.selected = true "/> Створення функції <mx:Buttonlabel="Clickme" click=«Назва функції()"/> <mx:Script> <![CDATA[ //Тіло функції (ваш код); ]]> </mx:Script> Параметри функції publicfunction Назва (txt) { TextInput.text = txt; } publicfunction Назва (txt, sel) { TextInput.text = txt; Назва_CheckBox.selected = sel; }

Змінні • var Назва; • Назва = “Текст, що присвоюється”; • publicvar Назва = “Текст, що присвоюється”; • var Назва: String = “Привіт”; Тип даних: publicfunction Назва(): Number { return 2+2; } Класи public class Car { var type: String; var color: uint; var topSpeed: int; var driver: Person; }

Типи даних

Тема лекції: «Будова Flex додатків. Основи MXML та ActionScript »