Kategorien: Alle - lifecycle - components - containers - functionality

von Zoltan Lorincz Vor 11 Jahren

475

#3 EXswap Lab

The document provides a comprehensive overview of various components and containers within a programming framework, specifically focusing on Flex components. It delves into the basic concepts such as single-rooted display lists and the single-threaded programming model.

#3 EXswap Lab

Components Containers Layouts Databinding

Lab Assignments

Tasks
Create a PagedLayout
Create a gui to modify the FlowLayout properties
Extend the FlowLayout, that columns are aligned

To the Right

To the Left

Template Project

Layouts

Custom Implementations
Default Implementations
HorizontaLayout
VerticalLayout
TileLayout
BasicLayout

called: Absolute Layout

Basic concepts

Flex Components extend the basic FLASH displaylist elements
Single Threaded Programming Model
Single Rooted Display List

Containers

Application
Lists
Basic
SkinnableContainer

The SkinnableContainer class is the base class for skinnable containers that have visual content.

Group

The Group class is the base container class for visual elements.

VGroup

HGroup

DataGroup

Basic Components

etc..
TextArea
RichText
TextInput
Slider
Checkbox
Combobox
Button

UIComponent

Composite Components

A component that creates other components or visual objects within it

Most Components you work with are composite
Component Lifecycle
updateDisplayList()
layoutChrome()
measure()
commitProperties()
createChildren()
Basic functionality
Functionality

life cycle management

sizing

positioning

Styling

from StyleSheets

Properties

etc...

id

height/minHeight/maxHeight

width/minWidth/maxWidth

Base Class for all Flex Components