【AWTK使用經(jīng)驗(yàn)】如何自定義combo_box下拉框樣式

AWTK是基于C語(yǔ)言開(kāi)發(fā)的跨平臺(tái)GUI框架?！禔WTK使用經(jīng)驗(yàn)》系列文章將介紹開(kāi)發(fā)AWTK過(guò)程中一些常見(jiàn)問(wèn)題與解決方案，例如：如何加載外部資源？如何設(shè)計(jì)自定義進(jìn)度條？這些都會(huì)在系列文章進(jìn)行解答。

假設(shè)需要在 ZTP800示教器 實(shí)現(xiàn)一個(gè)用于日期選擇的下拉框，并且還要求對(duì)下拉框做一些美化，此時(shí)就需要用戶自定義下拉框樣式。下面將結(jié)合該需求介紹兩種修改combo_box下拉框樣式的方法。?

圖?1?修改樣式后得下拉框效果圖

利用theme_of_popup屬性修改樣式

第一種方式是通過(guò)combo_box的theme_of_popup屬性修改下拉框樣式，該屬性需要指定一個(gè)樣式文件名稱，combo_box控件會(huì)應(yīng)用該文件內(nèi)的下拉框樣式。

圖?2?使用theme_of_popup屬性修改下拉框樣式

在項(xiàng)目的design/default/styles目錄下創(chuàng)建一個(gè)xml文件作為下拉框的樣式文件，并配置以下兩個(gè)樣式：

1. 彈出窗口本身的樣式，style名稱為“combobox_popup”。

<popup> ?<style name="combobox_popup" bg_color="#071F4B" border_color="#00000000"> ? ?<normal/> ? ?<disable/> ? ?<focused/> ?</style></popup>

2. 列表項(xiàng)的樣式，style名稱為“default”。

<combo_box_item> ?<style name="default" bg_color="#071F4B" font_size="24" icon_at="left" text_color="#FFFFFF"> ? ?<normal/> ? ?<disable/> ? ?<disable_of_checked/> ? ?<focused bg_color="#2E74B5"/> ? ?<focused_of_checked bg_color="#2E74B5"/> ? ?<normal_of_checked/> ? ?<over bg_color="#5B9BD6"/> ? ?<over_of_checked/> ? ?<pressed bg_color="#2E74B5"/> ? ?<pressed_of_checked/> ?</style></combo_box_item>

最后可以在AWTK Designer中設(shè)置combo_box控件的theme_of_popup屬性并打包資源文件，另外也可以使用C代碼方式動(dòng)態(tài)設(shè)置樣式：

combo_box_set_theme_of_popup(combo_box, "my_combo_box");

利用open_window屬性修改樣式

第二種方式是通過(guò)修改combo_box控件的open_window屬性修改下拉框樣式，該屬性接收一個(gè)popup窗體的名稱，用戶在popup實(shí)現(xiàn)自定義下拉框。若同時(shí)設(shè)置了options屬性與open_window屬性，會(huì)優(yōu)先打開(kāi)open_window屬性的popup窗體。

圖?3?使用open_window屬性修改下拉框樣式

1. combo_box控件open_window屬性用法

在AWTK Designer創(chuàng)建一個(gè)popup類型窗體并進(jìn)行布局，使用combo_box_item控件作為下拉框選項(xiàng)。

完成popup窗體布局后，可以在AWTK Designer中設(shè)置combo_box控件的open_window屬性，也可以使用C代碼方式動(dòng)態(tài)設(shè)置樣式：

combo_box_set_open_window(combo_box, "combo_box_menu");

2. 獲取與設(shè)置combo_box當(dāng)前選擇項(xiàng)索引值

默認(rèn)的combo_box控件可以通過(guò)控件對(duì)象的selected_index屬性直接讀取當(dāng)前選擇項(xiàng)的索引值，也可通過(guò)控件函數(shù)combo_box_set_selected_index設(shè)置當(dāng)前選擇項(xiàng)索引值。

需要注意的是設(shè)置open_window屬性后還要設(shè)置相同的options屬性才可以正常獲取與設(shè)置當(dāng)前選項(xiàng)索引值。例如在open_window打開(kāi)的popup三個(gè)選項(xiàng)分別為“星期一”、“星期二”和“星期三”，則需要設(shè)置combo_box控件options屬性為“0:星期一;1:星期二;2:星期三”，這樣才能通過(guò)控件對(duì)象屬性和控件函數(shù)獲取與設(shè)置當(dāng)前選項(xiàng)的索引值。