TW201337708A - 控制項顯示管理系統和方法 - Google Patents

Abstract

一種控制項顯示管理系統，於控制項得到焦點之前，該系統將該控制項以一個預定文本框的形式顯示於使用者介面上。當該控制項得到焦點時，該系統根據該控制項的類型執行該控制項的相應功能，並將設置該控制項的原始資料透過該控制項進行顯示。當該控制項失去焦點時，該系統將該控制項的顯示方式恢復為所述文本框，並於該文本框內顯示用戶透過該控制項編輯或選擇的內容。

Description

控制項顯示管理系統和方法

本發明涉及一種控制項顯示管理系統和方法。

控制項的設計是軟體設計中的一個艱苦而繁瑣的工作。控制項作為能與用戶進行資料交互的重要操作物件，被廣泛的應用於各領域中。例如，於互聯網領域中，一個網頁介面中可能包括各種各樣的控制項以滿足用戶的需求，如文本編輯控制項、列表控制項、選項控制項等。當一個網頁介面中包括多種類型的控制項時，尤其包括多種選項控制項時，控制項的顯示會顯得比較的雜亂，且會佔用大量的介面空間。

鑒於以上內容，有必要提供一種控制項顯示管理系統，該系統包括：控制項資料設置模組，用於設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶進行編輯或選擇的內容；初始化顯示模組，用於將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型；事件偵測模組，用於對該控制項得到焦點和失去焦點的事件進行偵測；及顯示控制模組，用於當偵測到控制項得到焦點的事件時，根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶透過該控制項編輯或選擇的內容。

還有必要提供一種控制項顯示管理方法，該方法包括：控制項資料設置步驟，設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶進行編輯或選擇的內容；初始化顯示步驟，將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型；事件偵測步驟，對該控制項得到焦點和失去焦點的事件進行偵測；及顯示控制步驟，當偵測到控制項得到焦點的事件時，根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶透過該控制項編輯或選擇的內容。

相較於習知技術，本發明控制項顯示管理系統及方法，無論該控制項是何種類型，於該控制項得到焦點之前，均顯示為預定的文本框，於該控制項得到焦點後再將該控制項的原始資料顯示出來，提供給用戶透過該控制項進行內容編輯或選擇，最後於該控制項失去焦點後再將該控制項恢復為所述文本框，並於該文本框內顯示用戶編輯或選擇的內容。透過以上控制項的顯示方式，可有效的減少控制項佔用的頁面空間，且能夠使得控制項的排列更為整齊和美觀。

如圖1所示，係本發明控制項顯示管理系統運行環境的硬體架構圖。該控制項顯示管理系統10運行於電腦裝置1中。該電腦裝置1包括記憶體11、處理器12以及輸入輸出設備13。於本實施例中，電腦裝置1可以是個人電腦、筆記本電腦或上網本，亦可以是智慧型手機等可擕式電子設備。所述輸入輸出設備13可為滑鼠、鍵盤以及觸摸屏等。所述控制項顯示管理系統10包括控制項資料設置模組101、初始化顯示模組102、事件偵測模組103以及顯示控制模組104。該控制項顯示管理系統10可儲存於記憶體11中，並由處理器12執行。

所述控制項資料設置模組101用於設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶編輯或選擇的內容。於本實施例中，控制項的類型包括，但不限於，文本編輯控制項、列表控制項以及選項控制項。例如，當該控制項的類型為列表控制項或選項控制項時，所述需要顯示給用戶的內容包括提供給用戶進行選擇的各種選項，例如圖4和圖5中的“北京”、“上海”、“深圳”等需要顯示給用戶以供用戶進行選擇的選項。

所述初始化顯示模組102用於將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面UI上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型。例如圖2所示，若該控制項為一文本編輯控制項M0，那麼則於該文本框內顯示“點擊進行編輯”的初始資訊。若該控制項為一列表控制項M1，則於該文本框內顯示“點擊以彈出列表選項”的初始資訊。若該控制項為一選項控制項M2，則於該文本框內顯示“點擊以展開選項”的初始資訊。

所述事件偵測模組103用於對該控制項得到焦點（Got Focus）和失去焦點（Lost Focus）的事件進行偵測。所謂得到焦點是指用戶透過電腦裝置1的輸入輸出設備13選中該控制項的事件，例如透過滑鼠點擊該控制項時，該控制項則得到焦點。相反，失去焦點是指當該控制項得到焦點後，失去被輸入輸出設備13的選擇的事件，例如當滑鼠點擊該控制項以外的其他區域時，該控制項則失去焦點。

所述顯示控制模組104用於當偵測到該控制項得到焦點的事件時，根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶使用輸入輸出設備13透過該控制項編輯或選擇的內容。

如圖3所示，若所述控制項為文本編輯控制項M0，上述設置的原始資料則包括提供給用戶編輯的內容，如一個空白的文本編輯框。當該文本編輯控制項得到焦點時，顯示控制模組104則控制該文本編輯控制項M0顯示為所述文本編輯框，以接收用戶的輸入。當該文本編輯控制項失去焦點時，顯示控制模組104則將文本編輯控制項M0恢復為所述文本框，並於該文本框內顯示用戶輸入的內容“XXX”。

如圖4所示，若所述控制項為列表控制項M1，上述設置的原始資料則包括提供給用戶選擇的內容。當列表控制項M1得到焦點時，顯示控制模組104則控制該列表控制項M1顯示為一個列表選項框，上述設置的提供給用戶選擇的內容即被顯示於該列表選項框中，以供用戶進行選擇。當列表控制項M1失去焦點時，顯示控制模組104則將列表控制項M1恢復為所述文本框，並於該文本框內顯示用戶選擇的內容“深圳”。

如圖5所示，若所述控制項為選項控制項M2，上述設置的原始資料亦包括提供給用戶選擇的內容。當該選項控制項M2得到焦點時，顯示控制模組104則控制選項控制項M2顯示為一個包含複數選項的選擇框，並將上述設置的提供給用戶選擇的內容依序顯示於對應的選項中，以供用戶從該複數選項中選擇需要的內容。其中，該選項控制項M2可設置為允許用戶選擇一個或複數選項對應的內容。當該選項控制項M2失去焦點時，顯示控制模組104則將選項控制項M2恢復為所述文本框，並於該文本框內顯示用戶從該複數選項中選擇的內容“北京”和“成都”。

如圖6所示，係本發明控制項顯示管理方法較佳實施例的流程圖。

步驟S01，所述控制項資料設置模組101設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶進行編輯或選擇的內容。於本實施例中，控制項的類型包括，但不限於，文本編輯控制項、列表控制項以及選項控制項。

步驟S02，所述初始化顯示模組102將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面UI上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型。

步驟S03，所述事件偵測模組103對該控制項得到焦點（Got Focus）和失去焦點（Lost Focus）的事件進行偵測。

步驟S04，當偵測到該控制項得到焦點的事件時，所述顯示控制模組104根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶使用輸入輸出設備13透過該控制項編輯或選擇的內容。

最後應說明的是，以上實施方式僅用以說明本發明的技術方案而非限制，儘管參照較佳實施方式對本發明進行了詳細說明，本領域的普通技術人員應當理解，可以對本發明的技術方案進行修改或等同替換，而不脫離本發明技術方案的精神和範圍。

1．．．電腦裝置

10．．．控制項顯示管理系統

101．．．控制項資料設置模組

102．．．初始化顯示模組

103．．．事件偵測模組

104．．．顯示控制模組

11．．．記憶體

12．．．處理器

13．．．輸入輸出設備

圖1係為本發明控制項顯示管理系統運行環境的硬體架構圖。

圖2係為本發明較佳實施例中各種控制項類型的示意圖。

圖3至圖5係為本發明較佳實施例中根據控制項的類型控制控制項的不同顯示方式的示意圖。

圖6係為本發明控制項顯示管理方法較佳實施例的流程圖。

1．．．電腦裝置

10．．．控制項顯示管理系統

101．．．控制項資料設置模組

102．．．初始化顯示模組

103．．．事件偵測模組

104．．．顯示控制模組

11．．．記憶體

12．．．處理器

13．．．輸入輸出設備

Claims (10)

1. 一種控制項顯示管理方法，該方法包括：
   控制項資料設置步驟，設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶進行編輯或選擇的內容；
   初始化顯示步驟，將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型；
   事件偵測步驟，對該控制項得到焦點和失去焦點的事件進行偵測；及
   顯示控制步驟，當偵測到控制項得到焦點的事件時，根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶透過該控制項編輯或選擇的內容。
2. 如申請專利範圍第1項所述的控制項顯示管理方法，所述控制項的類型為本編輯控制項、列表控制項或選項控制項。
3. 如申請專利範圍第2項所述的控制項顯示管理方法，若所述控制項的類型為文本編輯控制項，於偵測到該控制項得到焦點的事件時，所述顯示控制步驟包括：
   控制該文本編輯控制項顯示為一個空白的文本編輯框，以接收用戶編輯的內容，並於偵測到該控制項失去焦點的事件時，將該文本編輯框恢復為所述文本框，並於該文本框內顯示用戶編輯的內容。
4. 如申請專利範圍第2項所述的控制項顯示管理方法，若所述控制項為列表控制項，在偵測到該控制項得到焦點的事件時，所述顯示控制步驟包括：
   控制該列表控制項顯示為一個列表選項框，並將上述設置的提供給用戶選擇的內容顯示於該列表選項框中供用戶進行選擇，並於偵測到該控制項失去焦點的事件時，將該列表選項框恢復為所述文本框，並於該文本框內顯示用戶從該列表選項框中選擇的內容。
5. 如申請專利範圍第2項所述的控制項顯示管理方法，若所述控制項為選項控制項，在偵測到該控制項得到焦點的事件時，所述顯示控制步驟包括：
   控制該選項控制項顯示為一個包含複數選項的選擇框，並將上述設置的提供給用戶進行選擇的內容依序顯示於對應的選項中，以供用戶從該複數選項中選擇需要的內容，並於偵測到該控制項失去焦點的事件時，將該選擇框恢復為所述文本框，並於該文本框內顯示用戶從該複數選項中選擇的內容。
6. 一種控制項顯示管理系統，該系統包括：
   控制項資料設置模組，用於設置控制項的原始資料，該原始資料包括控制項的類型以及該控制項與用戶進行交互時提供給用戶進行編輯或選擇的內容；
   初始化顯示模組，用於將所述控制項以一個預定文本框的形式顯示於該控制項對應的使用者介面上，並根據該控制項的類型於該文本框內顯示預定的初始資訊以指示該控制項的類型；
   事件偵測模組，用於對該控制項得到焦點和失去焦點的事件進行偵測；及
   顯示控制模組，用於當偵測到控制項得到焦點的事件時，根據該控制項的類型執行該控制項的相應功能，並將上述設置的提供給用戶編輯或選擇的內容透過該控制項進行顯示，以及當偵測到該控制項失去焦點的事件時，將該控制項恢復為所述文本框，並於該文本框內顯示用戶透過該控制項編輯或選擇的內容。
7. 如申請專利範圍第6項所述的控制項顯示管理系統，所述控制項為文本編輯控制項、列表控制項或選項控制項。
8. 如申請專利範圍第7項所述的控制項顯示管理系統，若所述控制項的類型為文本編輯控制項，在偵測到該控制項得到焦點的事件時，所述顯示控制模組控制該文本編輯控制項顯示為一個空白的文本編輯框，以接收用戶編輯的內容，並於偵測到該控制項失去焦點的事件時，將該文本編輯框恢復為所述文本框，並於該文本框內顯示用戶編輯的內容。
9. 如申請專利範圍第7項所述的控制項顯示管理系統，若所述控制項為列表控制項，在偵測到該控制項得到焦點的事件時，所述顯示控制模組控制該列表控制項顯示為一個列表選項框，並將上述設置的提供給用戶選擇的內容顯示於該列表選項框中供用戶進行選擇，並於偵測到該控制項失去焦點的事件時，將該列表選項框恢復為所述文本框，並於該文本框內顯示用戶從該列表選項框中選擇的內容。
10. 如申請專利範圍第7項所述的控制項顯示管理系統，若所述控制項為選項控制項，在偵測到該控制項得到焦點的事件時，所述顯示控制模組控制該選項控制項顯示為一個包含複數選項的選擇框，並將上述設置的提供給用戶進行選擇的內容依序顯示於對應的選項中，以供用戶從該複數選項中選擇需要的內容，並於偵測到該控制項失去焦點的事件時，將該選擇框恢復為所述文本框，並於該文本框內顯示用戶從該複數選項中選擇的內容。