01 使用Ecel進行界面UI設(shè)計說明

使用Excel2007進行界面UI設(shè)計Form1.1Form中Item的表示在Excel中，由兩個左右相連的單元格表示一個Item項。左側(cè)的單元格表示該Item項的名稱，右側(cè)的單元格表示該Item項的值。效果如圖所示：傳真號1.2必輸Item項的表示將Item項的名稱設(shè)為紅色。效果如圖所示：1.3不能修改的Item項的表示將Item項的值所在的單元格設(shè)為灰色。效果如圖所示：地市名稱濟南市■1?4?通過Lov窗口錄入值的Item的表示將Item的值設(shè)為lov。效果如圖所示：系統(tǒng)編號lov

1?5通過下拉框錄入值的Item的表示在Item項的名稱后加'D'表示該Item的值通過下拉框錄入。然后將Item值所在的單元格制作為下拉框。下拉框的制作見附錄。效果如圖所示：1.6Form中按鈕的表示使用‘【】'框起來的文字表示一個按鈕，可在按鈕上添加超鏈接表示按鈕的被點擊后的頁面跳轉(zhuǎn)。關(guān)于超鏈接的添加，見附錄。效果如圖所示：【保存】 【保存并分配】 【保存并片配給我】1?7對Item項添加備注可通過對單元格添加批注完成，關(guān)于批注的添加，見附錄。效果如圖所示：創(chuàng)建日期1.8完成后的Form示意圖：工作單編號1LovF創(chuàng)建日期1壬求玄乩UF月需朮來源匸1I-K-LOV地市若稱苴他-：^J：U5i=J-T配陷:-LOV開發(fā)人員茗稱開工任努【保右】【恨帀并井配】【惺詳莽井配給柱】

DataWindowDataWindow在Excel中通過一塊二維表區(qū)域表示，其中第一行表示表頭(Header),其余行表示該DataWindow的值。Header可通過設(shè)置背景色、字體加粗等方式與DataWindow的數(shù)據(jù)區(qū)別。效果如圖所示：工作單編號工作類型工作內(nèi)容2012111001開發(fā)煙臺養(yǎng)老記賬需婪考慮下…「2012111002幵岌淄博社會保險觸摸查詢系統(tǒng)里2012111003數(shù)據(jù)調(diào)整2012111004數(shù)捋調(diào)整2012111005幵岌2012111006技術(shù)方案2012111007201211100020121110091【新増工作單】［編輯】Tree1.簡單Tree的表示簡單的Tree可通過單元格內(nèi)的多行文字表示。通過每行的縮進表示單元格的層次。通過使用不同的顏色表示被選中的節(jié)點。注1：由于一個單元格過于狹小，可在合并后單元格內(nèi)制作Tree。注2：在單元格內(nèi)同時按下Alt+Enter鍵，可進行換行。效果如圖所示：?創(chuàng)建工作單?提交工作單?工作單?曲的幵發(fā)工作單?我的復(fù)讀工作單?我的測試工作單?核二公共業(yè)努2.復(fù)雜Tree的表示復(fù)雜的Tree通過一個單元格表示一個樹節(jié)點，通過單元格的縮進表示樹的層次。在單元格上添加超鏈接可表示點擊樹節(jié)點后訪問的頁面。效果如圖所示：?創(chuàng)建工作單?幄父工作單?工作里?我的幵岌工作單?我的復(fù)讀工作單?我的測試工作單［公共柳務(wù)附錄A：Excel基本操作A.1Sheet的添加Sheet為同一個Excel文檔中的不同工作表，在UI設(shè)計中，不同的Sheet可表示不同的UI界面。sheet的添加有兩種方式：A?A?1?1第一種sheet添加方式：單擊文檔底部工具欄中的新增按鈕，位置如圖所示A?1?2第二中sheet添加方式：右擊一個sheet，在打開的右鍵菜單中選擇“插入(I)...”可在右鍵sheet的前方添加一個Sheet。刪隱側(cè)查音代碼也I取罡歸cw，“?ISheetlSheet2工険⑤?ISheetlSheet2工険⑤3丿 "A.2重命名Sheet雙擊Excel下方的工具欄中的sheet，即可對該sheet重命名。

A.3超鏈接在Excel中，點擊超鏈接可打開其他Excel文件或打開當(dāng)前Excel中的不同sheet。在UI設(shè)計中，可用來模擬打開界面的效果。以添加跳轉(zhuǎn)到Sheet的超鏈接為例，添加超鏈接的方式如下：A?3?1在添加超鏈接的單元格上右擊，選擇右鍵菜單中的“超鏈接(H)A?3?1在添加超鏈接的單元格上右擊，選擇右鍵菜單中的“超鏈接(H)…”菜單AB%I點擊打幵界面2t11T矛忑i〒梟〒A”*■屈理隅A?3?2在打開的頁面中依次點擊左側(cè)的“本文檔中的位置(A)