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

ActionScript»

Викладач Федченко О.В.

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

Лекційний контроль

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

ButtonRadioButton

CheckBox

ComboBox

Label

ListProgressBar

Canvas

Form

HBox

Panel

VBox

Accordion

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:// ..." />

Все, що було відкрито, необхідно закрити

<mx:WindowedApplication></mx:WindowedApplication>

<mx:Application></mx:Application>

Регістр має значення

<mx:Text><mx:text>

Оголошення не обов’язкові, але бажані

<?xml version="1.0" encoding="utf-8"?>

Принципи XML

Теги MXML<book>

<chapter>

<section/>

</chapter>

</book>

Використання тегу<book title=“Назва” author=“Ім’я автору”>

<chapter title=“Перший розділ”/>

< chapter title > Другий розділ </ chapter title >

</book>

ActionScript, вбудований в MXML<mx:Button label="Click me" click="TextInput.text =‘Привіт’"/>

Основи MXML

<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:Button label="Click me" click="TextInput.text = ‘Привіт’;

Назва_CheckBox.selected = true "/>

Створення функції<mx:Button label="Click me" click=«Назва функції()"/>

<mx:Script>

<![CDATA[

//Тіло функції (ваш код);

]]>

</mx:Script>

Параметри функціїpublic function Назва (txt)

{

TextInput.text = txt;

}

public function Назва (txt, sel){TextInput.text = txt;Назва_CheckBox.selected = sel;}

var Назва; Назва = “Текст, що присвоюється”; public var Назва = “Текст, що присвоюється”; var Назва: String = “Привіт”;

Тип даних:public function Назва(): Number

{

return 2+2;

}

Змінні

Класиpublic class Car{

var type: String;var color: uint;var topSpeed: int;var driver: Person;

}

Типи даних