Changeset 4 for trunk/as3/com/jeroenwijering/views/PlaylistView.as

Timestamp:

06/06/08 13:11:42 (5 years ago)

Author:

jeroen

Message:

implemented stacker; display of media and some controlbaritems still broken

File:

• trunk/as3/com/jeroenwijering/views/PlaylistView.as (modified) (12 diffs)

trunk/as3/com/jeroenwijering/views/PlaylistView.as

@@ -7 +7 @@
 import com.jeroenwijering.events.*;
 import com.jeroenwijering.player.View;
-import com.jeroenwijering.utils.Draw;
+import com.jeroenwijering.utils.*;
+import flash.display.Loader;
 import flash.display.MovieClip;
+import flash.events.Event;
 import flash.events.MouseEvent;
 import flash.geom.Rectangle;
+import flash.net.URLRequest;
 import flash.utils.setInterval;
 import flash.utils.clearInterval;
@@ -25 +28 @@
         private var buttons:Array;
         /** Height of a button (to calculate scrolling) **/
-        private var buttonsize:Number;
+        private var buttonheight:Number;
+        /** Currently active button. **/
+        private var active:Number;
         /** Proportion between clip and mask. **/
         private var proportion:Number;
@@ -34 +39 @@
         public function PlaylistView(vie:View) {
                 view = vie;
-                clip = view.skin['playlist'];
-                clip.visible = false;
                 view.addControllerListener(ControllerEvent.ITEM,itemHandler);
                 view.addControllerListener(ControllerEvent.PLAYLIST,playlistHandler);
                 view.addControllerListener(ControllerEvent.RESIZE,resizeHandler);
-                buttonsize = clip.scrollClip.getChildByName('button').height;
-                clip.list.mask = clip.scrollMask;
+                view.addModelListener(ModelEvent.STATE,stateHandler);
+                clip = view.skin['playlist'];
+                buttonheight = clip.list.button.height;
+                clip.list.button.visible = false;
+                clip.list.mask = clip.masker;
                 clip.slider.buttonMode = true;
                 clip.slider.mouseChildren = false;
+                clip.list.addEventListener(MouseEvent.CLICK,clickHandler);
+                clip.list.addEventListener(MouseEvent.MOUSE_OVER,overHandler);
+                clip.list.addEventListener(MouseEvent.MOUSE_OUT,outHandler);
+                clip.list.addEventListener(MouseEvent.MOUSE_UP,stopHandler);
                 clip.slider.addEventListener(MouseEvent.MOUSE_DOWN,startHandler);
-                view.skin.addEventListener(MouseEvent.MOUSE_UP,stopHandler);
+                clip.visible = false;
+                trace(clip);
         };
 
@@ -52 +63 @@
                 var wid = clip.back.width;
                 var hei = clip.back.height;
-                proportion = view.playlist.length*buttonsize/hei;
+                proportion = view.playlist.length*buttonheight/hei;
                 if (proportion > 1) {
                         wid -=20;
-                        buildScroller();
+                        buildSlider();
                 } else {
-                        clip.scrollBar.visible = false;
-                }
-                clip.scrollMask.height = hei;
-                clip.scrollMask.width = wid;
+                        clip.slider.visible = false;
+                }
+                clip.masker.height = hei;
+                clip.masker.width = wid;
                 if(clr) {
-                        clip.scrollClip.y = 0;
-                        Draw.clear(clip.scrollClip);
+                        clip.list.y = 0;
+                        Draw.clear(clip.list);
                         buttons = new Array();
+                        clip.visible= true;
+                } else { 
+                        if(proportion > 1) { scrollCheck(); }
                 }
                 for(var i=0; i<view.playlist.length; i++) {
-                        if(clr) { 
-                                var btn = Draw.clone(clip.scrollClip.getChildByName('button')); 
-                                // new PlaylistButton(i,wid,view);
-                                clip.scrollClip.addChild(btn);
-                                buttons.push(btn);
-                        } else { 
-                                buttons[i].resize(wid);
-                                if(proportion > 1) { 
-                                        scrollCheck();
-                                }
-                        }
+                        if(clr) {
+                                var btn = Draw.clone(clip.list.button);
+                                clip.list.addChild(btn);
+                                var stc = new Stacker(btn);
+                                btn.y = i*buttonheight;
+                                btn.buttonMode = true;
+                                btn.mouseChildren =false;
+                                btn.name = i;
+                                buttons.push({c:btn,s:stc});
+                                setContents(i);
+                        }
+                        buttons[i].s.rearrange(wid);
                 }
         };
@@ -83 +98 @@
 
         /** Setup the scrollbar component **/
-        private function buildScroller() {
-                var scr = clip.scrollBar;
+        private function buildSlider() {
+                var scr = clip.slider;
                 scr.visible = true;
-                scr.x = clip.back.width - scr.width;
-                var dif = clip.back.height - scr.height;
+                scr.x = clip.back.width-scr.width;
+                var dif = clip.back.height-scr.height;
                 scr.back.height += dif;
                 scr.rail.height += dif;
@@ -94 +109 @@
 
 
+        /** Handle a click on a button. **/
+        private function clickHandler(evt:MouseEvent) {
+                view.sendEvent('item',Number(evt.target.name));
+        };
+
+
         /** Switch the currently active item */
         private function itemHandler(evt:ControllerEvent) {
-                // code for highlighting a certain button.
+                var idx = evt.data.index;
+                if(!isNaN(active)) {
+                        buttons[active].c.gotoAndStop('out');
+                }
+                buttons[idx].c.gotoAndStop('active');
+                active = idx;
+        };
+
+
+        /** Loading of image completed; resume loading **/
+        private function loaderHandler(evt:Event) {
+                var ldr = Loader(evt.target.loader);
+                Stretcher.stretch(ldr,ldr.mask.width,ldr.mask.height,Stretcher.FILL);
+        };
+
+
+        /** Handle a button rollover. **/
+        private function overHandler(evt:MouseEvent) {
+                var idx = Number(evt.target.name);
+                buttons[idx].c.gotoAndStop('over');
+        };
+
+
+        /** Handle a button rollover. **/
+        private function outHandler(evt:MouseEvent) {
+                var idx = Number(evt.target.name);
+                if(idx == active) {
+                        buttons[idx].c.gotoAndStop('active');
+                } else { 
+                        buttons[idx].c.gotoAndStop('out');
+                }
         };
 
@@ -102 +153 @@
         /** New playlist loaded: rebuild the playclip. **/
         private function playlistHandler(evt:ControllerEvent) {
-                buildList(true);
+                if(view.config['playlist'] != 'none') { 
+                        buildList(true);
+                }
         };
 
@@ -109 +162 @@
         private function resizeHandler(evt:ControllerEvent) {
                 if(view.config['playlist'] == 'right') {
-                        clip.visible = true;
                         clip.x = evt.data.width;
                         clip.y = 0;
                         clip.back.width = view.config['playlistsize'];
                         clip.back.height = evt.data.height;
-                } else if (view.config['playlist'] == 'below') {
-                        clip.visible = true;
+                } else if (view.config['playlist'] == 'bottom') {
                         clip.x = 0;
                         clip.y = evt.data.height;
-                        if (view.config['controlbar'] == 'below') {
+                        if (view.config['controlbar'] == 'bottom') {
                                 clip.y += view.config['controlbarsize'];
                         }
                         clip.back.height = view.config['playlistsize'];
                         clip.back.width = evt.data.width;
-                } else if (view.config['playlist'] == 'above') {
-                        clip.visible = true;
-                        var wid = evt.data.width-2*view.config['controlbarsize'];
-                        var hei = evt.data.height-2*view.config['controlbarsize'];
-                        if(evt.data.width > 640) { wid = 600; }
-                        if(view.config['controlbar'] == 'above') { hei -= 2*view.config['controlbarsize']; }
-                        clip.x = Math.round(evt.data.width/2 - wid/2);
-                        clip.y = view.config['controlbarsize'];
-                        clip.back.height = hei;
-                        clip.back.width = wid;
-                } else { 
-                        clip.visible = false;
+                } else if (view.config['playlist'] == 'over') {
+                        clip.x = clip.y = 0;
+                        clip.back.height = evt.data.height;
+                        clip.back.width = evt.data.width;
                 }
                 buildList(false);
@@ -142 +185 @@
         /** Make sure the playlist is not out of range. **/
         private function scrollCheck() {
-                var scr = clip.scrollBar;
-                if(clip.scrollClip.y > 0) {
-                        clip.scrollClip.y = 0;
+                var scr = clip.slider;
+                if(clip.list.y > 0) {
+                        clip.list.y = 0;
                         scr.icon.y = scr.rail.y;
-                } else if (clip.scrollClip.y < clip.scrollMask.height-clip.scrollClip.height) {
+                } else if (clip.list.y < clip.masker.height-clip.list.height) {
                         scr.icon.y = scr.rail.y+scr.rail.height-scr.icon.height;
-                        clip.scrollClip.y = clip.scrollMask.height-clip.scrollClip.height;
+                        clip.list.y = clip.masker.height-clip.list.height;
                 }
         };
@@ -155 +198 @@
         /** Scrolling handler. **/
         private function scrollHandler() {
-                var scr = clip.scrollBar;
+                var scr = clip.slider;
                 var yps = scr.mouseY;
                 var ips = yps - scr.icon.height/2;
-                var cps = clip.scrollMask.y+clip.scrollMask.height/2-proportion*yps;
+                var cps = clip.masker.y+clip.masker.height/2-proportion*yps;
                 scr.icon.y = Math.round(ips - (ips-scr.icon.y)/1.5);
-                clip.scrollClip.y = Math.round((cps - (cps-clip.scrollClip.y)/1.5));
+                clip.list.y = Math.round((cps - (cps-clip.list.y)/1.5));
                 scrollCheck();
+        };
+
+
+        /** Setup button elements **/
+        private function setContents(idx:Number) {
+                for (var itm in view.playlist[idx]) {
+                        if(!buttons[idx].c[itm]) {
+                                continue;
+                        } else if(itm == 'image') {
+                                var ldr = new Loader();
+                                buttons[idx].c.addChild(ldr);
+                                ldr.x = buttons[idx].c.image.x;
+                                ldr.y = buttons[idx].c.image.y;
+                                ldr.mask = buttons[idx].c.image;
+                                ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,loaderHandler);
+                                ldr.load(new URLRequest(view.playlist[idx]['image']));
+                        } else if(itm == 'duration') {
+                                if(view.playlist[idx][itm] > 0) {
+                                        buttons[idx].c[itm].field.text = Strings.digits(view.playlist[idx][itm]);
+                                }
+                        } else {
+                                buttons[idx].c[itm].field.text = view.playlist[idx][itm];
+                        }
+                }
+                if(!view.playlist[idx]['image'] && buttons[idx].c['image']) {
+                        buttons[idx].c['image'].visible = false;
+                }
         };
 
@@ -172 +242 @@
         };
 
+        /** Process state changes **/
+        private function stateHandler(evt:ModelEvent) {
+                if(view.config['playlist'] == 'over') {
+                        if(evt.data.newstate == ModelStates.PLAYING || evt.data.newstate == ModelStates.BUFFERING) {
+                                clip.visible = false;
+                        } else {
+                                clip.visible = true;
+                        }
+                }
+        };
+
 
         /** Stop scrolling the playlist. **/
@@ -179 +260 @@
 
 
-
-
 };