Adobe Flash 初學者指南/元件/使用者介面
與 HTML 表單元件類似,Flash 的使用者介面元件允許您與使用您網站的使用者互動並收集資訊。此類元件的示例包括按鈕、複選框、文字欄位和下拉選單。Flash 8 中存在的使用者介面元件如下所述
手風琴:此元件是一個可點選的選單,用於在相同的節省空間的框架中顯示不同的 Flash 內容。使用手風琴元件的情況的一個例子是,當建立需要各種客戶表格以組織方式處理資訊的 Flash 網站時。這些表格將包含 3 個部分的聯絡資訊,包括賬單地址、個人資訊(如興趣和愛好)以及有關該特定使用者的其他描述資訊。手風琴將顯示可點選的選項卡,其中將顯示與該部分/表格相對應的名稱。因此,將會有水平平鋪的選項卡,用於我們的 3 個部分,聯絡資訊、個人資訊和其他資訊。透過點選該特定部分的選項卡,將根據在手風琴元件中選擇的特定連結顯示一個表格。
警報:此元件類似於 JavaScript 元件,它將顯示一個彈出視窗,其中包含一個詳細警報訊息,該訊息通常在表單中起作用。警報元件是一個彈出訊息,用於與正在檢視您的專案的特定使用者進行通訊。這通常用作錯誤函式,用於報告表單中需要更改或重新鍵入的無效內容。
按鈕:按鈕是一個可點選區域,用於處理資訊。在 Flash 中使用表單時,您通常會使用按鈕元件。如果您希望建立比 Flash 預設設定提供的更花哨的按鈕,您可以簡單地建立一個按鈕符號並透過使用向上、向下、命中和懸停的不同階段對其進行修改。
複選框:這是一個表單元件,用於允許使用者在一個欄位或問題中選擇多個選項。例如,如果您在醫生的辦公室填寫表格,需要有關過去疾病和手術的資訊,並且您被提供了一個包含您可以經歷的各種事物的清單。使用者將能夠勾選適用於他們的選項。
組合框:此元件與大多數使用者介面在從選項列表中選擇一個特定選項時提供下拉選單完全相同。
資料網格:將此元件視為顯示資料的行和列的表格。當您想從伺服器傳輸資料並將其以 Flash 表格形式顯示時,通常會使用此元件。但是,您也可以使用它來收集 Flash 專案中本地表格收集的本地資料。
日期選擇器:此元件基本上是一個可點選的日曆,使用者可以在其中選擇一個日期,而無需猜測其格式,並從頭開始鍵入。這節省了所有日期處理時間,無論是新聞帖子、重要事件的日期還是生日。例如,當您正在整理一個線上活動排程器,並且您希望人們能夠點選不同的日期以檢視為該日期安排的活動列表時,此元件就派上用場了。
日期欄位:這是上面提到的“日期選擇器”和“文字欄位”元件的組合,日期欄位元件透過在文字欄位中填充他/她選擇的日期來直觀地強化一個人的選擇。例如,如果顯示了一個日曆,其中包含該月日期的可點選連結,那麼在該日曆周圍的某個地方將是文字欄位,這些文字欄位將顯示您在該日曆中選擇的實際日期。
標籤:此元件允許您在 Flash 專案中新增一行不可編輯、不可點選的文字。這通常用作簡短的描述工具,用於命名欄位或大量文字。
列表:您將使用列表元件來建立一個可點選的可滾動列表表單,使用者可以在其中“Shift + Click”以選擇多個選項。此元件與“組合框”元件非常接近,只是可用選項可以在視窗中而不是下拉選單中選擇,並且可以選擇多個選項。
載入程式:載入程式元件是一個不可滾動的視窗,允許您與主動畫一起顯示動畫或點陣圖影像。透過自定義載入程式元件,您可以顯示全尺寸的動畫或點陣圖,或者將其修改以匹配您設定的載入程式尺寸。
選單:如果您在 Flash 中建立完整的程式並希望讓您的觀眾透過從熟悉的下拉選單中選擇來瀏覽您的程式,那麼此元件非常有用。使用選單元件建立的選單在樣式和功能上類似於 Flash 中的檔案和編輯選單,儘管您確實需要相當多的 Action Script 知識才能對其進行自定義和使用。
選單欄:選單欄元件是一個可點選按鈕的水平導航欄。例如,如果您在 Flash 中建立了一個複雜的網站,並且您想在每個頁面的頂部顯示一個相同、節省空間的選單欄,那麼此元件非常方便。基本上它是一個導航元件,您可以對其進行自定義並在多個例項中使用。
數字步進器:您將使用此元件來建立可點選的數字列表。這比在自己的數字文字欄位中鍵入更簡單的方法。此元件使您可以輕鬆地將觀眾的選擇限制為一組預定義的有效數字。
進度條:水平進度條元件是 Flash 預計完成過程需要多長時間的視覺指示器。這可以用作載入 Flash 專案及其各種元件時的載入螢幕。這是一個從頭開始建立並使用載入條動畫進行自定義的絕佳元件。
單選按鈕:這是幾個已討論過元件的組合,例如組合框和複選框元件。專案列表或顯示在列表中,並且在該資料的旁邊顯示一個圓形按鈕,以在該列表中僅選擇一個選項。它的顯示方式類似於複選框,但使用方式類似於組合框,其中只能進行一個選擇。
滾動窗格:與載入程式元件類似,滾動窗格元件允許您在主動畫中包含其他動畫或點陣圖影像。但是,與載入程式元件不同,滾動窗格元件包含捲軸,使用者可以使用這些捲軸來控制他們看到的內容。
文字區域:文字區域元件是一個多行可滾動文字欄位,當您希望您的觀眾能夠鍵入長評論或其他任何超過幾個單詞的資訊時,它非常有用。
文字輸入:此元件允許您建立一個單行文字欄位。使用此元件可以讓您為觀眾提供一個自由形式的文字欄位,該欄位的長度足以鍵入他們想要鍵入的內容。當建立簡短的輸入表單(如姓名、電話和電子郵件地址)時,這是一個好主意。
樹:與列表元件類似,樹元件以分層方式顯示資訊。例如,如果您正在建立複雜的網站,並且您想新增一個站點地圖選項,該選項向您的觀眾顯示您網站的分類檢視,從主頁到下方,那麼此元件非常有用。
UIScrollBar:UIScrollBar 元件是一個花哨的、可自定義顏色的捲軸,您可以將其新增到文字輸入或文字區域欄位,以使您的文字欄位的數學與您的整體顏色方案相匹配。
視窗:視窗元件是一個可移動的、帶標題的視窗,用於顯示動畫或點陣圖檔案。當您在 Flash 中建立教程,並且您想在單獨的視窗中顯示每個操作說明動畫,以便您的觀眾可以輕鬆地重新定位每個視窗並在準備繼續學習下一個主題時將其關閉,您可能會想要使用它。