TouchGFX的支持自定義組件，類(lèi)似于你自定義一個(gè)函數(shù)然后給其他調(diào)用，這里就是定義一個(gè)組件給其他調(diào)用。定一個(gè)小目標(biāo)，我們這一節(jié)自定義做一個(gè)調(diào)色板。

在添加屏幕旁邊自定義組件（自定義容器）里面。

調(diào)色板以下圖作為參考，顏色模式是RGB888，需要3個(gè)滑動(dòng)塊，以及一些字樣。

做3個(gè)滑塊作為RGB三種顏色的輸入量，滑塊是可以設(shè)置滑過(guò)去和沒(méi)滑過(guò)去的顏色的，但是必須是以圖片的形式，所以你如果想做的美觀一點(diǎn)的話(huà)需要提前做大量的圖或者使用UI，圖片的數(shù)量也決定的所使用內(nèi)存的數(shù)量，如果可以圖片盡可能的小來(lái)節(jié)省內(nèi)存。取好對(duì)應(yīng)的名字，設(shè)置最小值為0，最大值為255，開(kāi)始值設(shè)置為0;

放置幾個(gè)字體，右邊三個(gè)字是需要根據(jù)滑塊的位置來(lái)改變的的，所以我們?cè)O(shè)置成通配符，

放置一個(gè)塊作顯示RGB對(duì)應(yīng)的顏色，第一個(gè)和第二個(gè)都可以選擇，第一個(gè)不帶邊框，第二個(gè)帶邊框，我選擇第二個(gè)，把邊框設(shè)置為0，顏色默認(rèn)黑色，可以不設(shè)置為黑色，根據(jù)前面滑塊的開(kāi)始值來(lái)修改顏色，R =0，G=0，B=0為黑色。

擺好，如果認(rèn)為我這樣不好看，你也可以安裝自己喜歡樣子擺，沒(méi)有添加背景并且顯示背景是灰色和白色小方塊說(shuō)明背景是透明的。

這樣自定義組件（自定義容器）就做好了？并沒(méi)有，我i們只是設(shè)置好了圖形是這樣但是我們沒(méi)有將他們關(guān)聯(lián)起來(lái)，在自定義組件（自定義容器）的互動(dòng)里面添加3個(gè)互動(dòng)，分別對(duì)應(yīng)3個(gè)滑塊。

這樣圖形化的界面完成了，我只需要實(shí)現(xiàn)3個(gè)函數(shù)就可以了。在屏幕將自定義的組件（容器）放上去，然后生成代碼，找到CustomContainer1Base.hpp和CustomContainer1.hpp兩個(gè)文件

在CustomContainer1Base.hpp中有3個(gè)滑塊的互動(dòng)函數(shù)。

我們將他拷貝到CustomContainer1.hpp的CustomContainer1中，聲明一個(gè)變量來(lái)作為顏色值，上面我們說(shuō)到顏色模式是RGB888的，但是我們屏幕使用的是RGB565的所以我們需要進(jìn)行轉(zhuǎn)換，如果你使用的也是RGB888那么你將重新實(shí)現(xiàn)顏色轉(zhuǎn)換，而且uint16_t也保存不了了，需要更高位數(shù)的變量如uint32_t。顏色轉(zhuǎn)換后還要將滑塊的值顯示出來(lái)，然后將轉(zhuǎn)換的顏色顯示送給box顯示出來(lái)。

啟動(dòng)模擬器

如果需要在STM32上面顯示需要添加自定義容器的文件，CustomContainer1.cpp等等。不然編譯報(bào)錯(cuò)說(shuō)未定義符號(hào)。