使用者介面設計(5) 窗體上選單的應用

2022-07-16 01:33:12 字數 2389 閱讀 9726

1、建立選單及選單項

選單的建立非常簡單,只要將tmainmenu元件新增到窗體就可以了,窗體的menu屬性會自動將tmainmenu元件賦予自己。

(1)選單的建立

2)選單項的建立

在窗體上雙擊元件tmainmenu,開啟選單設計器,只需要修改caption屬性為檔案,就建立了乙個檔案選單項。如圖:

2、在選單中新增分割條,只需要修改caption屬性為 「-」 即可。如圖

3、級聯選單的設計

級聯選單指的是在選單項中還有下一級子選單,方法是選單項中選擇乙個選單項,然後單擊滑鼠右鍵,彈出的快捷選單中選擇 create submenu選單項(建立級聯選單),再修改caption屬性設定選單名稱即可。如圖:

4、單選功能選單的設計

單選選單指的是在程式中一次只能選中乙個選單,方法是選中乙個選單項,然後修改radioitem屬性為true,checked屬性為true。

5、複選功能選單的設計

複選選單指的是在程式中可以有多個選單可以被同時選中,方法是選中乙個選單項,然後修改radioitem屬性為false,checked屬性為true。

6、動態建立選單

通過點選按鈕即建立選單,示例:

procedure

tform1.button1click(sender: tobject);

varmainmenu: tmainmenu;

menuitem: tmenuitem;

begin

mainmenu:= tmainmenu.create

(self);

self.menu:= mainmenu;//

主選單的建立

menuitem:= tmenuitem.create

(mainmenu);

menuitem.caption:='檔案'

; mainmenu.items.add(menuitem);

//檔案選單的建立

menuitem:= tmenuitem.create

(mainmenu);

menuitem.caption:= '新建'

; mainmenu.items[

0].add(menuitem);//

子選單的建立

menuitem:= tmenuitem.create

(mainmenu);

menuitem.caption:= '開啟'

; mainmenu.items[

0].add(menuitem);//

子選單的建立

menuitem:= tmenuitem.create

(mainmenu);

menuitem.caption:= '

文字檔案';

mainmenu.items[

0].items[0

].add(menuitem);

menuitem:= tmenuitem.create

(mainmenu);

menuitem.caption:= '

excel檔案';

mainmenu.items[

0].items[0].add(menuitem);//

子選單下級選單的建立

end;

7、為選單新增圖示為選單新增圖示,可以通過timagelist元件為選單指定圖示,首先在timagelist元件中新增圖示,新增完畢後將選單的images屬性設定為imagelist1,然後選擇乙個要新增圖示的選單項,通過imageindex屬性為該選單項指定乙個圖示索引。

使用者介面設計的原則

很多人對 ui設計都嗤之以鼻,認為那是比較低階的活,比起搞演算法搞架構來,ui設計簡直不在乙個檔次。其實,我認為,這是乙個誤區,嚴重的誤區。我們總是強調 customer oriented 而ui 是產品和使用者之間的橋梁,使用者的任何操作都必須通過這個橋梁,如果這個橋梁設計得不合理,不管你的產品內...

選單管理,許可權管理,使用者管理介面設計

提出問題 1每個介面需要展示哪些問題?1.1以哪種方式展示?每個介面會進行哪些操作?好了,帶著問題進行思考,進行設計 先來簡單的使用者管理介面來說,我需要展示使用者 管理員 的資訊。方式是 形式,需要進行的是對使用者的增加,刪除,修改 模糊查詢,以及賦予角色許可權。在選單管理介面,我需要展示該使用者...

影響使用者體驗的介面設計

乙個軟體給使用者的第一印象足以決定該軟體在市場的被接受度。而這第一印象 往往 取決於介面和基本操作的設計。我經常留意自己使用過的一些程式並對此深有體會。頗具代表性的是兩款軟 件,乙個是使用 藍芽傳輸檔案 乙個是通過網路傳輸檔案。兩者都使用了和 windows資料夾操作一致的介面,這樣似乎會給使用者很...