【新手進(jìn)階】之十二：從四腳騰空的奔馬談起——原來界面可以這樣設(shè)計(jì)

roych

    公元1872年的一天，在美國(guó)加利福尼亞州一個(gè)酒店里，有兩個(gè)人在談及奔馬的問題時(shí)發(fā)生了激烈的爭(zhēng)執(zhí)：一個(gè)覺得奔跑的馬在躍起的瞬間四蹄是騰空的，而另一個(gè)則認(rèn)為馬奔跑時(shí)始終有一蹄著地。由于奔馬的速度太快了，常人無法看得清，于是他們找來一個(gè)攝影師，在奔馬通過的路的兩邊的樹上拉上細(xì)線，當(dāng)它跑過時(shí)將碰斷細(xì)線而引發(fā)機(jī)關(guān)，使得照相機(jī)拍下相片。最后，把這些相片按順序排好后，就能得到結(jié)論。
    結(jié)論是什么已經(jīng)不再重要，重要的是由此而誕生了世界上第一臺(tái)攝像機(jī)。攝像機(jī)的作用就是把連貫的動(dòng)作分解成一系列的靜態(tài)圖片，消除視覺暫留所帶來的錯(cuò)覺，從而得到事物運(yùn)動(dòng)的真相。

    不過我這里并不想探討這高深的物理原理或者生理現(xiàn)象，而是因?yàn)閷⒁�說到的原理與這相似。
    前些日子，有同事想了解我的一個(gè)軟件的主界面菜單是怎么動(dòng)的，便大體講了下，其實(shí)里面是錯(cuò)位排開的兩組圖片，通過可視性設(shè)置，先隱藏其中一組，當(dāng)鼠標(biāo)經(jīng)過時(shí)再切換可視性，——也就是說原先可視的那組將不可見，而隱藏的那組則可見。至此，用戶便看到了一組“會(huì)動(dòng)”的圖片菜單了。
    說起來很簡(jiǎn)單，代碼寫起來也不復(fù)雜。當(dāng)然每個(gè)圖片都寫上OnMouseMove事件也是挺繁瑣的，所以便把它寫成一個(gè)模塊來調(diào)用了。
    注意事項(xiàng)：由于調(diào)用時(shí)會(huì)歷遍Image，所以如果在主界面上再加一張圖片的話，執(zhí)行事件時(shí)會(huì)出現(xiàn)閃爍現(xiàn)象，則應(yīng)該使用表達(dá)式（詳見附件）。圖片來自于版友回復(fù)老漢某個(gè)帖子所上傳的附件，在此一并謝過。
---------------------------------------
2016-03-18 增加改進(jìn)版，減少圖片的使用。
【新手入門】之一：If分支語句
【新手入門】之二：分支語句總結(jié)
【新手入門】之三：循環(huán)語句For
【新手入門】之四：循環(huán)語句Do和死循環(huán)
【新手入門】之五：公共變量與傳址過程、傳值過程
【新手入門】之六：“悲歡離合總無情”——淺談Split和Join
【新手入門】之七：嵌套與并列——再談If流程問題
【新手入門】之八：“連就連”——淺談“&”和“+”連接符的區(qū)別
【新手入門】之九：從百錢百雞談起——淺談“規(guī)劃求解”兼答lingjiang問
【新手入門】之十：書到用時(shí)方恨少——自定義菜單（Access 2003）的制作
【新手入門】之十一：淺談ADO之序言
【新手入門】之十二：淺談ADO之Connection
【新手入門】之十三：淺談ADO之Conmmand（上）
【新手入門】之十四：淺談ADO之Command（下）
【新手入門】之十五：淺談ADO之Recordset（上）
【新手入門】之十六：淺談ADO之Recordset（下）
【新手入門】之十七：淺談列表框的使用
【新手入門】之十八：雙擊列表框修改數(shù)據(jù)
【新手入門】之十九：從“書與女友恕不外借”談起——淺談“Bookmark”的使用
【新手入門】之二十：“書與書簽”——bookmark屬性答疑
【新手入門】之二十一：記錄集的“凌遲”——逐條導(dǎo)出記錄集

【新手進(jìn)階】之一：基礎(chǔ)算法（一）
【新手進(jìn)階】之二：基礎(chǔ)算法（二）
【新手進(jìn)階】之三：基礎(chǔ)算法（三）
【新手進(jìn)階】之四：基礎(chǔ)算法（四）
【新手進(jìn)階】之五：排序搜索（一）
【新手進(jìn)階】之六：排序搜索（二）
【新手進(jìn)階】之七：遞歸算法
【新手進(jìn)階】之八：冒泡排序
【新手進(jìn)階】之九：淺談不綁定數(shù)據(jù)源操作記錄
【新手進(jìn)階】之十：工作日的計(jì)算
【新手進(jìn)階】之十一：“庖丁解�！焙汀凹o(jì)昌學(xué)射”——淺談表格式文本數(shù)據(jù)的導(dǎo)入
【新手進(jìn)階】之十二：從四腳騰空的奔馬談起——原來界面可以這樣設(shè)計(jì)
【新手進(jìn)階】之十三：Outlook風(fēng)格導(dǎo)航界面
【新手進(jìn)階】之十四：倉庫管理系統(tǒng)

williamwangc

學(xué)習(xí)一下。正好有此方面的需求的說。

ycxchen

學(xué)習(xí)學(xué)習(xí)！

renyucai1963

又見到版主的帖子了，謝謝版主。

8800ZW

正好有此方面的需求的說。

tmtony

謝謝分享！

t小寶

從 roych 學(xué)到不少典故，增長(zhǎng)見識(shí)哈
對(duì)這個(gè)例子卻要提個(gè)小建議：
既然兩幅圖片都一樣，只要一幅，然后在代碼中改變它的位置就可以了，免得占用寶貴空間

roych

t小寶 發(fā)表于 2012-5-28 23:10
從 roych 學(xué)到不少典故，增長(zhǎng)見識(shí)哈
對(duì)這個(gè)例子卻要提個(gè)小建議：
既然兩幅圖片都一樣，只要一幅，然后在代 ...

嗯。用Move方法應(yīng)該是可以改善的……當(dāng)時(shí)沒想到，謝謝提醒。有時(shí)間再改下看看。

fnsmydyang

又見新貼，學(xué)習(xí)一下，謝謝�。�！

ritobashi2947

學(xué)習(xí)一下！