2010 January | Vicker's Coding Kitchen - Hong Kong Adobe Flash platform developer (Flex, AIR and Flash)

Flex FAQ #11: Spark Layout Basics

Jan 31st

o係 Flex 裡面我地用得最多o既 control 係乜呢? Label? TextInput? Button? DataGrid? 我覺得答案應該係 VBox 同 HBox

無論係 Application layout, custom item renderer, form layout, padding… 好多地方都要用 VBox 同 HBox 所以第一個 Spark 要學o既o野就係 VBox 同 HBox o既 alternatives – Group 同 LayoutBase

顧名思意 Group 係用黎將唔同o既 components group 埋一齊呢 d components 可以係 control 亦可以係 containers 可以係 Spark component 亦可以係 Halo component Group 基本上係取代左 Halo o既 Box container 同 Box 一樣~ Group 本身 by default 係 absolute layout Absolute layout 者係所有 child component 都係 position o係 x 0 y 0 所以下面o既 example 所有 component 都會重疊左

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

<s:Application
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:s="library://ns.adobe.com/flex/spark"
	xmlns:mx="library://ns.adobe.com/flex/mx">

	<s:Group>

		<!-- Spark and Halo Button More >

Box, Group, HBox, HGroup, HorizontalLayout, LayoutBase, Spark, VBox, VerticalLayout, VGroup

Flex FAQ #10: Flex 4 有幾多個 namespace

Jan 16th

Posted by Vicker in Flex FAQ

1 comment

知道點解要用 Spark 之後當然要實戰下啦首先寫返個 Hello Spark application 先以下o係 main application o既 source code * 太簡單喇~ 無 build application 放上黎~ 抱歉

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

<s:Application
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:s="library://ns.adobe.com/flex/spark"
	xmlns:mx="library://ns.adobe.com/flex/mx">

	<s:Label text="Hello Spark!" />

</s:Application>

唔太複雜吧~ 不過都幾多野唔同~ 首先當然係 namespace 啦

Flex Builder 3 (FB3) 寫 Flex 3 app 時o既 namespace 真係簡單到不得了

xmlns:mx="http://www.adobe.com/2006/mxml"

一個 mx 走天涯~ 一個已經包括左: - language (Array, uint, Number, Object etc…) 同埋 - Halo components (Button, VBox, DataGrid etc…)

FB4 寫 Flex 3 namespace 基本上無變架~ 大家唔駛咁擔心

xmlns:mx="http://www.adobe.com/2006/mxml"

但係 FB4 寫 Flex 4 就複雜喇~ 首先 Flex 4 namespace 唔再係一個 namespace 玩晒~ 而係好 clear cut 咁分開左 language 同 component namespaces

Flex 4 o既 language namespace 係

xmlns:fx="http://ns.adobe.com/mxml/2009"

至於 Flex More >

Flex, Flex FAQ, Halo, namespace, Spark

Flex FAQ #9: 點解要 Spark

Jan 14th

Posted by Vicker in Flex

2 comments

認識 Spark 之前先要講下 Halo

Halo 係 Flex 3 o既主要骨格由最 base o既 application (mx:Application) 去到 layout properties (horizontalAlign, padding) 再去到 UI control (mx:Button, mx:TextInput) 都係 Halo o既範圍而 Spark 就係 Flex 4 o既主要骨格

好地地用緊 Halo 點解又要 Spark 呢?

用得 Flex 比較深入o既 developer 或者 designer… 又或者 dezeloper 都會發現 Halo 有幾個比較大o既問題

1) Skinning Skinning and Skinning

Halo control 要做 skin 係非常痛苦架一係就只係用 CSS 做 d 好似無做過咁o既 styling 一係就用 Flash 畫好晒 d 野~ 之後 export SWF~ Flex embed SWF~ 再 CSS map class… 要改野咩? 開返個 Flash source 由頭做過啦

而且 Halo control o既 internal object 係 fixed 架舉個例~ 一個 Halo button 裡面有一個 icon More >

Flash Builder, Flex, Flex FAQ, Halo, Spark