日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
實(shí)例解析Flex鍵盤(pán)事件簡(jiǎn)單應(yīng)用

本文和大家重點(diǎn)討論一下Flex鍵盤(pán)事件簡(jiǎn)單應(yīng)用，從最古老的計(jì)算機(jī)開(kāi)始，鍵盤(pán)就是其最重要的輸入組成部分。對(duì)Flex鍵盤(pán)事件的響應(yīng)處理一直是界面編程最重要的組成部分。

在東興等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶(hù)提供做網(wǎng)站、網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),全網(wǎng)整合營(yíng)銷(xiāo)推廣,成都外貿(mào)網(wǎng)站建設(shè),東興網(wǎng)站建設(shè)費(fèi)用合理。

Flex鍵盤(pán)事件簡(jiǎn)單應(yīng)用――用鍵盤(pán)控制的小飛機(jī)

從最古老的計(jì)算機(jī)開(kāi)始，鍵盤(pán)就是其最重要的輸入組成部分。對(duì)Flex鍵盤(pán)事件的響應(yīng)處理一直是界面編程最重要的組成部分。本示例通過(guò)一個(gè)鍵盤(pán)控制的小飛機(jī)，來(lái)說(shuō)明在FLEX中對(duì)Flex鍵盤(pán)事件的監(jiān)聽(tīng)和響應(yīng)處理。

編程思路

每個(gè)游戲首先就得有自己的運(yùn)行場(chǎng)景(背景)，我們使用Canvas作為小飛機(jī)運(yùn)行的容器。小飛機(jī)直接由一個(gè)Sprite類(lèi)型對(duì)象繪制得到(通過(guò)載入圖形可以獲得更漂亮的元件)。當(dāng)上下左右鼠標(biāo)被點(diǎn)擊時(shí)，根據(jù)Flex鍵盤(pán)事件提供的鍵碼，相應(yīng)Flex鍵盤(pán)事件，移動(dòng)小飛機(jī)元件在容器中的坐標(biāo)，獲得飛機(jī)移動(dòng)的效果。當(dāng)接近容器的邊界時(shí)，不允許作把元件移出容器的動(dòng)作，所以需要一個(gè)方法checkBoundary在元件移動(dòng)前判斷移動(dòng)是否是合法的。提供一個(gè)方法resume，讓元件能隨時(shí)回到其初始位置。
 
程序代碼

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.         
    4.   
  
  
  4.         
    5.   
  
  
  5.         
    6.   
  
  
  6.                
    7.   
  
  
  7.                 
  
  
  8.               import flash.events.KeyboardEvent;                 
    9.   
  
  
  9.  
    10.   
  
  
  10.               private var plane:Sprite;          
    11.   
  
  
  11.         private function init():void  
    12.   
  
  
  12.  
    13.   
  
  
  13.         {               //程序的初始化  
    14.   
  
  
  14.  
    15.   
  
  
  15.                loadPlane();  
    16.   
  
  
  16.                resume();  
    17.   
  
  
  17.                this.canvas.addEventListener(MouseEvent.CLICK,setCanvasFocus);  
    18.   
  
  
  18.                this.canvas.addEventListener(KeyboardEvent.KEY_DOWN,planeMove);  
    19.   
  
  
  19.         }  
    20.   
  
  
  20.         private function checkBoundary(direction:int):Boolean  
    21.   
  
  
  21.         {  
    22.   
  
  
  22.                //檢查邊界條件  
    23.   
  
  
  23.  
    24.   
  
  
  24.                switch(direction)  
    25.   
  
  
  25.                {  
    26.   
  
  
  26.                       case 37:  //左  
    27.   
  
  
  27.                       return (plane.x>5);  
    28.   
  
  
  28.  
    29.   
  
  
  29.                       case 38:  //上  
    30.   
  
  
  30.                       return (plane.y>5);  
    31.   
  
  
  31.                       case 39:  //右  
    32.   
  
  
  32.                       return (plane.x< canvas.width-40);  
    33.   
  
  
  33.                       case 40:  //下  
    34.   
  
  
  34.                       return (plane.y  
  
  
  35.                }  
    36.   
  
  
  36.                return false;  
    37.   
  
  
  37.         }  
    38.   
  
  
  38.  
    39.   
  
  
  39.         private function planeMove(e:KeyboardEvent):void  
    40.   
  
  
  40.         {  
    41.   
  
  
  41.  
    42.   
  
  
  42.                //通過(guò)鍵盤(pán)上下左右鍵移動(dòng)飛機(jī)  
    43.   
  
  
  43.                var keycode:int=e.keyCode;  
    44.   
  
  
  44.                if(e.shiftKey && keycode==72)  
    45.   
  
  
  45.                {  
    46.   
  
  
  46.                       resume();//回到起點(diǎn)  
    47.   
  
  
  47.                }  
    48.   
  
  
  48.                if(!checkBoundary(keycode))  
    49.   
  
  
  49.                {  
    50.   
  
  
  50.                       return;  
    51.   
  
  
  51.                }  
    52.   
  
  
  52.  
    53.   
  
  
  53.                switch(keycode)  
    54.   
  
  
  54.                {  
    55.   
  
  
  55.  
    56.   
  
  
  56.                       case 37:  
    57.   
  
  
  57.  
    58.   
  
  
  58.                       plane.x-=5;  
    59.   
  
  
  59.  
    60.   
  
  
  60.                       break;  
    61.   
  
  
  61.  
    62.   
  
  
  62.                       case 38:  
    63.   
  
  
  63.  
    64.   
  
  
  64.                       plane.y-=5;  
    65.   
  
  
  65.  
    66.   
  
  
  66.                       break;  
    67.   
  
  
  67.  
    68.   
  
  
  68.                       case 39:  
    69.   
  
  
  69.  
    70.   
  
  
  70.                       plane.x+=5;  
    71.   
  
  
  71.  
    72.   
  
  
  72.                       break;  
    73.   
  
  
  73.  
    74.   
  
  
  74.                       case 40:  
    75.   
  
  
  75.  
    76.   
  
  
  76.                       plane.y+=5;  
    77.   
  
  
  77.  
    78.   
  
  
  78.                       break;  
    79.   
  
  
  79.                }  
    80.   
  
  
  80.  
    81.   
  
  
  81.         }  
    82.   
  
  
  82.         private function setCanvasFocus(e:MouseEvent):void  
    83.   
  
  
  83.  
    84.   
  
  
  84.         {  
    85.   
  
  
  85.                //設(shè)置焦點(diǎn)  
    86.   
  
  
  86.  
    87.   
  
  
  87.                this.canvas.setFocus();  
    88.   
  
  
  88.  
    89.   
  
  
  89.                this.lblMsg.text="用上下左右鍵控制飛機(jī)移動(dòng)...";  
    90.   
  
  
  90.  
    91.   
  
  
  91.         }  
    92.   
  
  
  92.  
    93.   
  
  
  93.         private function loadPlane():void  
    94.   
  
  
  94.         {  
    95.   
  
  
  95.                //繪制飛機(jī)  
    96.   
  
  
  96.  
    97.   
  
  
  97.                plane=new Sprite();  
    98.   
  
  
  98.  
    99.   
  
  
  99.                var g:Graphics=plane.graphics;  
    100.   
  
  
  100.  
    101.   
  
  
  101.                      g.clear();  
    102.   
  
  
  102.  
    103.   
  
  
  103.                      g.lineStyle(4,0x000000,1);  
    104.   
  
  
  104.  
    105.   
  
  
  105.                      g.moveTo(16,0);  
    106.   
  
  
  106.  
    107.   
  
  
  107.                      g.lineTo(16,32);  
    108.   
  
  
  108.  
    109.   
  
  
  109.                      g.moveTo(16,16);  
    110.   
  
  
  110.  
    111.   
  
  
  111.                      g.lineTo(4,24);  
    112.   
  
  
  112.  
    113.   
  
  
  113.                      g.moveTo(16,16);  
    114.   
  
  
  114.  
    115.   
  
  
  115.                      g.lineTo(28,24);  
    116.   
  
  
  116.  
    117.   
  
  
  117.                      g.moveTo(16,32);  
    118.   
  
  
  118.  
    119.   
  
  
  119.                      g.lineTo(10,36);  
    120.   
  
  
  120.  
    121.   
  
  
  121.                      g.moveTo(16,32);  
    122.   
  
  
  122.  
    123.   
  
  
  123.                      g.lineTo(22,36);  
    124.   
  
  
  124.  
    125.   
  
  
  125.                      g.moveTo(0,0);  
    126.   
  
  
  126.  
    127.   
  
  
  127.                      //把飛機(jī)添加到屏幕中  
    128.   
  
  
  128.  
    129.   
  
  
  129.                this.canvas.rawChildren.addChild(plane);  
    130.   
  
  
  130.          }  
    131.   
  
  
  131.  
    132.   
  
  
  132.         private function resume():void  
    133.   
  
  
  133.         {  
    134.   
  
  
  134.  
    135.   
  
  
  135.                //設(shè)置飛機(jī)的初始位置  
    136.   
  
  
  136.                plane.x=canvas.width/2-16;  
    137.   
  
  
  137.                plane.y=canvas.height-40;  
    138.   
  
  
  138.         }  
    139.   
  
  
  139.               ]]> 
    140.   
  
  
  140.  
    141.   
  
  
  141.                       
    142.   
  
  
  142.  
    143.   
  
  
  143.    
    144.   
  
  
  144.  
    145.

 知識(shí)要點(diǎn)

1：Flex鍵盤(pán)事件分兩類(lèi)KeyboardEvent.KEY_DOWN，KeyboardEvent.KEY_UP，分別對(duì)應(yīng)鍵盤(pán)的按下和彈起事件；

2：通過(guò)查看Flex鍵盤(pán)事件參數(shù)的keyCode可以知道用戶(hù)按的是那個(gè)按鈕，能后作出對(duì)應(yīng)的響應(yīng)；

3：還可以通過(guò)查看Flex鍵盤(pán)事件參數(shù)的shiftKey,ctrlKey屬性值，獲得用戶(hù)是否同時(shí)按下了一些輔助功能鍵；

4：對(duì)象要獲得焦點(diǎn)后才能響應(yīng)Flex鍵盤(pán)事件，這是新手很容易忽視的問(wèn)題。

【編輯推薦】

  1. Flex鍵盤(pán)事件的監(jiān)聽(tīng)機(jī)制
  2. Flex鍵盤(pán)事件注意事項(xiàng)
  3. 技術(shù)前沿 看Flex客戶(hù)端緩存技術(shù)如何使用
  4. 12個(gè)Flex常用功能代碼再現(xiàn)
  5. 學(xué)習(xí)筆記 Flex國(guó)際化如何支持其他語(yǔ)言

 


分享文章：實(shí)例解析Flex鍵盤(pán)事件簡(jiǎn)單應(yīng)用
轉(zhuǎn)載來(lái)于：http://www.dlmjj.cn/article/dpgihhg.html