flex 選單設計

2021-09-08 08:57:04 字數 2784 閱讀 1786

選單主要的作用就是功能模組的導航,通過選單,使用者可以快速的切換到需要的功能。flex中的選單大體有三種:上下文選單、選單條以及彈出式選單

一、上下文選單的設計

上下文選單是選單的基礎形式,如常用的右鍵選單。上下文選單定義比較靈活,可以在任意位置、任意元件上彈出選單。

1.1 使用menu控制項建立選單

在flex中,上下文選單的設計需要依靠menu類來實現。在menu類的createmenu方法中,已經定義了建立選單所需要的基本要素,並以引數的形式設定。createmenu方法的語法格式如下所示。 public static function createmenu(parent:displayobjectcontainer, mdp:object, showroot:boolean = true):menu 引數說明:

parent:放置選單控制項的父容器。

mdp:選單控制項顯示的資料來源。

showroot:在選單上是否顯示資料來源的根節點。

1.2 選單事件

在選單控制項中,定義了幾個常用的事件,包括單擊選單項、更改當前選擇選單、選單顯示和隱藏等。這些事件型別包含在menuevent類中,

二、 選單條

選單條是乙個顯示頂級選單項的橫向條目。單擊每個頂級選單都會彈出乙個子選單。選單條是繼承了menu類,所以,具有和menu控制項同樣的事件。

2.1 使用menubar控制項建立選單

選單條的設計要依賴於menubar控制項,這個是在flex中已經提供了。

2.2 選單事件

由於menubar控制項是繼承自menu類的,所以具有menu類的所有事件特性。

<?xml version="1.0" encoding="utf-8"?>

import mx.controls.alert;

import mx.events.menuevent;

// menubar 控制項的 change 事件.

private function changehandler(event:menuevent):void

}// menubar 控制項的 itemrollover 事件.

private function rolloverhandler(event:menuevent):void

// menubar 控制項的 itemclick 事件.

三、 彈出式按鈕選單的設計彈出式按鈕選單是乙個以按鈕的形式彈出的選單。當使用者單擊按鈕時,會彈出乙個頂級的選單項。與選單和選單條不同,彈出式按鈕選單只支援頂級選單。

3.1 使用popupmenubutton控制項建立選單

要設計乙個彈出式按鈕選單,需要使用flex中提供的popupmenubutton控制項。

<?xml version="1.0" encoding="utf-8"?>

// 選單資料

3.2 選單事件

popupmenubutton是popupbutton控制項的子類,所以,popupmenubutton控制項支援popupbutton控制項的所有事件。

<?xml version="1.0" encoding="utf-8"?>

import mx.events.*;

import mx.controls.*;

// 初始化資料

private function initdata():void

// itemclick 事件

// 獲取 label 和 data 屬性的值,

// 獲取索引 index

public function itemclickhandler(event:menuevent):void

// 單擊事件

public function clickhandler(event:mouseevent):void

// 選單資料

許可權選單設計

顧名思義,權 代表 權力 劃分了系統的職權,不同的使用者擁有不同的權力劃分 限 代表 限制 在權力劃分的基礎上對職能範圍進行了限制,本文所述的許可權相對簡單,賦予不同角色看到不同選單的許可權。許可權控制能較好地解決系統安全問題,避免公司機密資料外洩,同時,不同部門使用系統時互不干擾,因此被企業廣泛應...

優秀側滑選單設計案例

優雅的純色背景,逼真的翻頁動畫效果。微妙的陰影和漸變增加了視覺立體感。開放的,明快的現代的設計,充滿活力的完美畫素圖示。清晰易讀的深色背景,醒目的藍色和黃色字型。且帶有一定動畫效果。網格布局,對比鮮明的用色,加重視覺衝擊力的白色常規字型。黑色介面中注入了一抹鮮豔的亮綠,並且螢幕上方新增了極具光澤感的...

wpf win7開始選單設計

按照win7開始選單封面設計。可執行在win10 winxp等系統 使用everything 加速搜尋功能 執行效果如圖所示 r1 第一次發布 r2 優化介面,增加配置和多語言支援 r3 支援介面失去焦點後自動隱藏,右擊資料夾增加開啟資料夾功能 r4 修復64位版本不符圖示載入異常bug 編譯為an...