Changeset 21457 for lang/actionscript

Timestamp:

10/17/08 01:48:52 (3 months ago)

Author:

genms

Message:

チャンクあたりのボタン数を変更できるようにした
ページ数が変わったとき、現在のチャンクの場所が変になるのを修正

Location:

lang/actionscript/PagingChunk/trunk

Files:

• PagingChunk.as3proj (modified) (2 diffs)
• genms/controls/PagingChunk.mxml (modified) (16 diffs)
• test.mxml (modified) (1 diff)

lang/actionscript/PagingChunk/trunk/PagingChunk.as3proj

@@ -52 +52 @@
     <!-- example: <element path="..." /> -->
   </rslPaths>
+  <!-- Intrinsic Libraries -->
+  <intrinsics>
+    <!-- example: <element path="..." /> -->
+  </intrinsics>
   <!-- Assets to embed into the output SWF -->
   <library>
@@ -71 +75 @@
   <options>
     <option showHiddenPaths="False" />
-    <option testMovie="NewTab" />
+    <option testMovie="NewWindow" />
   </options>
 </project>

lang/actionscript/PagingChunk/trunk/genms/controls/PagingChunk.mxml

@@ -15 +15 @@
         <mx:Script>
         <![CDATA[
+        import flash.display.SimpleButton;
         import flash.events.Event;
         import genms.controls.PagingChunkEvent;
@@ -35 +36 @@
         
         public function set pageNum(n:int):void {
-                unmarkCurrentPage();
-                
+                if (n <= 0) {
+                        return;
+                }
+                
+                unmarkCurrentPage();
+
                 _pageNum = n;
-                _chunkNum = int((_pageNum - 1) / 10) + 1;
-
-                if (_currentChunk > _chunkNum) {
-                        _currentChunk = _chunkNum;
-                }
-                
+                
+                refreshChunkNum();
+                refreshCurrentChunk();
                 refreshButton();
                 markCurrentPage();
@@ -64 +66 @@
         }
         
-/*      
-        public function set currentChunk(n:int):void {
-                _currentChunk = n;
-                refreshButton();
-        }
-*/
-
+        //----
+        // buttonNum
+        private var _buttonNum:int = 10;
+        
+        /**
+         * チャンクあたりのボタン数
+         */
+        public function get buttonNum():int {
+                return _buttonNum;
+        }
+
+        public function set buttonNum(n:int):void {
+                if (n <= 0) {
+                        return;
+                }
+                
+                unmarkCurrentPage();
+
+                _buttonNum = n;
+                
+                refreshChunkNum();
+                refreshCurrentChunk();
+                createNumberButton();
+                refreshButton();
+                markCurrentPage();
+        }
+        
         //----
         // currentPage
@@ -83 +105 @@
         
         public function set currentPage(page:int):void {
+                if (page <= 0 || page > _pageNum) {
+                        return;
+                }
+                
                 unmarkCurrentPage();
 
                 _currentPage = page;
-                
-                var check:int = isCurrentPageInCurrentChunk();
-                if (check < 0) {
-                        _currentChunk--;
-                }
-                else if (check > 0) {
-                        _currentChunk++;
-                }
-                
-                refreshButton();
 
                 var e:PagingChunkEvent = new PagingChunkEvent(PagingChunkEvent.CHANGE_PAGE);
@@ -101 +117 @@
                 dispatchEvent(e);
                 
-                markCurrentPage();
+                refreshCurrentChunk();
+                refreshButton();
+                markCurrentPage();
+        }
+        
+        /**
+         * チャンク数を再計算
+         */
+        private function refreshChunkNum():void {
+                if (_pageNum == 0) {
+                        _chunkNum = 0;
+                }
+                else {
+                        _chunkNum = int((_pageNum - 1) / buttonNum) + 1;
+                }
+        }
+        
+        /**
+         * 現在のチャンクを再計算
+         */
+        private function refreshCurrentChunk():void {
+                if (_pageNum == 0) {
+                        _chunkNum = 0;
+                }
+                else {
+                        _currentChunk = int((_currentPage - 1) / buttonNum) + 1;
+                }
         }
         
@@ -109 +151 @@
         private function refreshButton():void {
                 var i:int;
-                
+/*
+trace("pageNum: " + pageNum);
+trace("buttonNum: " + buttonNum);
+trace("chunkNum: " + _chunkNum);
+trace("currentPage: " + currentPage);
+trace("currentChunk: " + currentChunk);
+*/
                 // Page移動ボタンのenabled
                 backPageButton.enabled = (currentPage > 1);
@@ -115 +163 @@
 
                 // Chunk移動ボタンのenabled
-                firstChunkButton.enabled = (_currentChunk >= 2);
-                backChunkButton.enabled = (_currentChunk >= 2);
-                nextChunkButton.enabled = (_currentChunk <= _chunkNum - 1);
-                lastChunkButton.enabled = (_currentChunk <= _chunkNum - 1);
+                firstChunkButton.enabled = (currentChunk >= 2);
+                backChunkButton.enabled = (currentChunk >= 2);
+                nextChunkButton.enabled = (currentChunk <= _chunkNum - 1);
+                lastChunkButton.enabled = (currentChunk <= _chunkNum - 1);
                 
                 // 数字ボタンのvisible
                 if (_chunkNum == 0) {
-                        for (i=1; i<=10; i++) {
+                        for (i = 0; i < buttonNum; i++) {
                                 numberButtons[i].visible = false;
                         }
                 }
                 else if (_currentChunk == _chunkNum) {
-                        var lastChunkButtonNo:int = _pageNum % 10;
+                        var lastChunkButtonNo:int = pageNum - (buttonNum * (currentChunk - 1));
                         
-                        for (i=1; i<=lastChunkButtonNo; i++) {
+                        for (i = 0; i < lastChunkButtonNo; i++) {
                                 numberButtons[i].visible = true;
                         }
 
-                        for (i=lastChunkButtonNo+1; i<=10; i++) {
+                        for (i = lastChunkButtonNo; i < buttonNum; i++) {
                                 numberButtons[i].visible = false;
                         }
                 }
                 else {
-                        for (i=1; i<=10; i++) {
+                        for (i = 0; i < buttonNum; i++) {
                                 numberButtons[i].visible = true;
                         }
@@ -144 +192 @@
 
                 // 数字ボタンのlabel
-                for (i=1; i<=10; i++) {
-                        numberButtons[i].label = (_currentChunk - 1) * 10 + i;
+                for (i = 0; i < buttonNum; i++) {
+                        numberButtons[i].label = (_currentChunk - 1) * buttonNum + i + 1;
                 }
         }
@@ -154 +202 @@
         private function markCurrentPage():void {
                 if (isCurrentPageInCurrentChunk() == 0) {
-                        var no:int = currentPage - (_currentChunk - 1) * 10;
-                        numberButtons[no].selected = true;
+                        var no:int = currentPage - (_currentChunk - 1) * buttonNum;
+                        numberButtons[no - 1].selected = true;
                 }
         }
@@ -164 +212 @@
         private function unmarkCurrentPage():void {
                 if (isCurrentPageInCurrentChunk() == 0) {
-                        var no:int = currentPage - (_currentChunk - 1) * 10;
-                        numberButtons[no].selected = false;
+                        var no:int = currentPage - (_currentChunk - 1) * buttonNum;
+                        numberButtons[no - 1].selected = false;
                 }
         }
@@ -174 +222 @@
          */
         private function isCurrentPageInCurrentChunk():int {
-                if (currentPage < (_currentChunk - 1) * 10 + 1) {
+                if (currentPage < (_currentChunk - 1) * buttonNum + 1) {
                         return -1;
                 }
-                else if (currentPage > (_currentChunk - 1) * 10 + 10) {
+                else if (currentPage > (_currentChunk - 1) * buttonNum + buttonNum) {
                         return 1;
                 }
@@ -184 +232 @@
                 }
         }
+
+        /**
+         * 数字ボタンを作成
+         */
+        private function createNumberButton():void {
+                var i:int;
+        
+                for (i = 0; i < numberButtons.length; i++) {
+                        removeChild(numberButtons[i]);
+                }
+                numberButtons = new Array();
+
+                for (i = 0; i < buttonNum; i++) {
+                        var button:Button = new Button();
+                        button.name = "b" + (i + 1).toString();
+                        button.percentWidth = 100;
+                        button.percentHeight = 100;
+                        button.toggle = true;
+                        button.styleName = "pcButton";
+                        button.addEventListener(MouseEvent.CLICK, function(event:Event):void 
+                                {
+                                        numberButtonClickHandler(event, event.target.name.substr(1));
+                                }
+                        );
+                        
+                        addChildAt(button, 4 + i);
+                        numberButtons[i] = button;
+                }
+        }
         
         /**
@@ -190 +267 @@
          */
         private function onCreationCompleteHandler(event:Event):void {
-                numberButtons[1] = b1;
-                numberButtons[2] = b2;
-                numberButtons[3] = b3;
-                numberButtons[4] = b4;
-                numberButtons[5] = b5;
-                numberButtons[6] = b6;
-                numberButtons[7] = b7;
-                numberButtons[8] = b8;
-                numberButtons[9] = b9;
-                numberButtons[10] = b10;
-                
+                createNumberButton();
                 refreshButton();
         }
@@ -297 +364 @@
                 unmarkCurrentPage();
 
-                var newCurrentPage:int = (_currentChunk - 1) * 10 + page;
+                var newCurrentPage:int = (_currentChunk - 1) * buttonNum + page;
 
                 var e:PagingChunkEvent = new PagingChunkEvent(PagingChunkEvent.NUMBER_BUTTON_CLICK);
@@ -305 +372 @@
                 currentPage = newCurrentPage;
 
-                refreshButton();
                 markCurrentPage();
         }
@@ -314 +380 @@
         <mx:Button id="backChunkButton" label="&lt;" width="100%" height="100%" styleName="pcButton" click="backChunkButtonClickHandler(event);"/>
         <mx:Spacer width="5"/>
-        <mx:Button id="backPageButton" label="前へ" click="backPageButtonClickHandler(event);"/>
-        <mx:Button id="b1" label="1" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 1);"/>
-        <mx:Button id="b2" label="2" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 2);"/>
-        <mx:Button id="b3" label="3" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 3);"/>
-        <mx:Button id="b4" label="4" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 4);"/>
-        <mx:Button id="b5" label="5" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 5);"/>
-        <mx:Button id="b6" label="6" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 6);"/>
-        <mx:Button id="b7" label="7" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 7);"/>
-        <mx:Button id="b8" label="8" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 8);"/>
-        <mx:Button id="b9" label="9" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 9);"/>
-        <mx:Button id="b10" label="10" width="100%" height="100%" toggle="true" styleName="pcButton" click="numberButtonClickHandler(event, 10);"/>
-        <mx:Button id="nextPageButton" label="次へ" click="nextPageButtonClickHandler(event);"/>
+        <mx:Button id="backPageButton" label="前へ" width="100%" click="backPageButtonClickHandler(event);"/>
+        <mx:Button id="nextPageButton" label="次へ" width="100%" click="nextPageButtonClickHandler(event);"/>
         <mx:Spacer width="5"/>
         <mx:Button id="nextChunkButton" label="&gt;" width="100%" height="100%" styleName="pcButton" click="nextChunkButtonClickHandler(event);"/>

lang/actionscript/PagingChunk/trunk/test.mxml

@@ -1 @@
-<?xml version="1.0"?>
-<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:genms.controls="genms.controls.*" creationComplete="pagingChunk.pageNum = 46;">
+<?xml version="1.0"?>
+<mx:Application 
+        xmlns:mx="http://www.adobe.com/2006/mxml" 
+        xmlns:genms.controls="genms.controls.*" 
+        width="800"
+        height="600"
+        creationComplete="pagingChunk.pageNum = 46;"
+>
+        <mx:Script>
+        <![CDATA[
+                private function apply():void {
+                        pagingChunk.pageNum = int(pageNum.text);
+                        pagingChunk.buttonNum = int(buttonNum.text);
+                        pagingChunk.currentPage = int(currentPage.text);
+                }
+        ]]>
+        </mx:Script>
+        
         <genms.controls:PagingChunk id="pagingChunk" width="100%" numberButtonClick="textArea.text += event.page + '\n';"/>
+
+        <mx:Spacer height="50"/>
         
-        <mx:TextArea id="textArea" width="200" height="300"/>
-        <mx:Button label="clear" click="textArea.text = '';"/>
+        <mx:HBox>
+                <mx:Panel title="テスト表示" height="400">
+                        <mx:TextArea id="textArea" width="250" height="100%"/>
+                        <mx:Button label="clear" click="textArea.text = '';"/>
+                </mx:Panel>
+                
+                <mx:Panel title="プロパティ変更" height="400">
+                        <mx:Form defaultButton="{applyButton}">
+                                <mx:FormItem label="ページ数">
+                                        <mx:TextInput id="pageNum" text="46" />
+                                </mx:FormItem>
+                                <mx:FormItem label="チャンクあたりのボタン数">
+                                        <mx:TextInput id="buttonNum" text="10" />
+                                </mx:FormItem>
+                                <mx:FormItem label="現在のページ">
+                                        <mx:TextInput id="currentPage" text="1" />
+                                </mx:FormItem>
+                                <mx:FormItem>
+                                        <mx:Button id="applyButton" label="適用" click="apply();" />
+                                </mx:FormItem>
+                        </mx:Form>
+                </mx:Panel>
+        </mx:HBox>
 </mx:Application>