Changeset 9619 for lang

Timestamp:

04/17/08 18:13:36 (5 years ago)

Author:

gyuque

Message:

ascss: updated test

Location:

lang/actionscript/ascss/src

Files:

• CSSTest-config.xml (modified) (1 diff)
• CSSTest.as (modified) (2 diffs)
• CSSTest.swf (added)
• ascsstest (added)
• ascsstest/DeclarationVisual.as (added)
• ascsstest/PropertyVisual.as (added)
• ascsstest/RuleVisual.as (added)
• ascsstest/SelectorVisual.as (added)
• ascsstest/StyleListVisual.as (added)
• ascsstest/StyleVisualBase.as (added)
• ascsstest/ValueVisual.as (added)

lang/actionscript/ascss/src/CSSTest-config.xml

@@ -2 +2 @@
  <default-frame-rate>10</default-frame-rate>
  <default-size>
-  <width>640</width>
-  <height>480</height>
+  <width>800</width>
+  <height>600</height>
  </default-size>
- <default-background-color>0x000000</default-background-color>
+ <default-background-color>0x222222</default-background-color>
 </flex-config>

lang/actionscript/ascss/src/CSSTest.as

@@ -3 +3 @@
         import flash.display.*;
         import flash.text.*;
-        import css.ASCSS;
+        import css.*;
+        import ascsstest.*;
         public class CSSTest extends Sprite
         {
@@ -9 +10 @@
                 private var mTextOut:TextField;
                 private var mCSS:ASCSS;
+                private var mVLayer:Sprite;
+                private var mELayer:Sprite;
 
-                public static const T_CSS:String = "body {\n background-color: #f0f5f0;\n color: transparent;\n}";
+                public static const T_CSS:String = 
+"h1 {\n"+
+" background-color: transparent;\n"+
+" color: #507a93;\n"+
+"}\n\n"+
+".foo p, em {\n"+
+" color: #26f;\n"+
+"}"
+;
 
                 function CSSTest()
                 {
+                        var g:Graphics = graphics;
+                        g.beginFill(0x333333);
+                        g.drawRect(-500, 0, 1300, 500);
+                        g.endFill();
+
+                        mELayer = new Sprite();
+                        addChild(mELayer);
+
+                        mVLayer = new Sprite();
+                        addChild(mVLayer);
+
                         mTextOut = new TextField();
-                        mTextOut.width  = 640;
-                        mTextOut.height = 480;
+                        mTextOut.width  = 800;
+                        mTextOut.height = 100;
+                        mTextOut.y = 500;
                         mTextOut.textColor = 0xffffff;
                         addChild(mTextOut);
                         theInstance = this;
-
+puts(T_CSS);
                         mCSS = new ASCSS(T_CSS);
                         mCSS.parse();
+
+                        var sheet:StyleList = mCSS.sheet;
+                        var sv:StyleListVisual = new StyleListVisual(sheet);
+                        sv.edgeLayer = mELayer;
+                        mVLayer.addChild(sv);
+
+                        sv.x = 10;
+                        sv.y = 10;
+
+                        generateStyleListChildren(sheet, sv);
+
+                        sv.calcSize(false);
+                        sv.calcMaxWidth();
+                        sv.locate();
+                        mELayer.graphics.clear();
+                        sv.renderEdge(mELayer, 0xffffff);
+                }
+
+                private function generateStyleListChildren(sl:StyleList, sv:StyleListVisual):void
+                {
+                        var ch:StyleBase;
+                        var len:uint = sl.length;
+                        var children:Array = [];
+
+                        for (var i:uint = 0;i < len;i++)
+                        {
+                                ch = sl.item(i);
+
+                                if (ch is CSSRule)
+                                {
+                                        var v:RuleVisual = new RuleVisual(CSSRule(ch));
+                                        mVLayer.addChild(v);
+
+                                        if (ch is CSSStyleRule)
+                                                generateStyleRuleChildren(CSSStyleRule(ch), v);
+
+                                        children.push(v);
+                                }
+                        }
+
+                        chain(sv, children);
+                }
+
+                private function generateStyleRuleChildren(sr:CSSStyleRule, sv:RuleVisual):void
+                {
+                        var v:SelectorVisual;
+                        var nx:CSSSelector = sr.selector;
+                        var children:Array = [];
+
+                        while(nx != null)
+                        {
+                                v = new SelectorVisual(nx);
+                                mVLayer.addChild(v);
+                                children.push(v);
+
+                                generateSelectorChildren(nx, v);
+
+                                nx = nx.next;
+                        }
+
+                        if (sr.declaration != null)
+                        {
+                                var dv:DeclarationVisual = new DeclarationVisual(sr.declaration);
+                                mVLayer.addChild(dv);
+                                children.push(dv);
+
+                                if (sr.declaration is CSSMutableStyleDeclaration)
+                                        generateMutableDeclarationChildren(CSSMutableStyleDeclaration(sr.declaration), dv);
+                        }
+
+                        chain(sv, children);
+                }
+
+
+                private function generateSelectorChildren(ss:CSSSelector, sv:SelectorVisual):void
+                {
+                        if (ss.mTagHistory != null)
+                        {
+                                var v:SelectorVisual = new SelectorVisual(ss.mTagHistory);
+                                mVLayer.addChild(v);
+                                sv.firstChild = v;
+                        }
+                }
+
+                private function generateMutableDeclarationChildren(sd:CSSMutableStyleDeclaration, sv:DeclarationVisual):void
+                {
+                        var len:uint = sd.length;
+                        var children:Array = [];
+                        for (var i:uint;i < len;i++)
+                        {
+                                var v:PropertyVisual = new PropertyVisual(sd.rawItem(i));
+                                mVLayer.addChild(v);
+                                children.push(v);
+
+                                generatePropertyChildren(sd.rawItem(i), v);
+                        }
+
+                        chain(sv, children);
+                }
+
+                private function generatePropertyChildren(cp:CSSProperty, pv:PropertyVisual):void
+                {
+                        var val:CSSValue = cp.value;
+                        if (val == null)
+                                return;
+
+                        var v:ValueVisual = new ValueVisual(val);
+                        mVLayer.addChild(v);
+                        pv.firstChild = v;
+                }
+
+                private function chain(parent:StyleVisualBase, children:Array /* of StyleVisualBase */):void
+                {
+                        var prev:StyleVisualBase = null;
+                        for each(var ch:StyleVisualBase in children)
+                        {
+                                if (prev == null)
+                                        parent.firstChild = ch;
+                                else
+                                        prev.nextSibling = ch;
+
+                                prev = ch;
+                        }
                 }