使用UGUI做下拉列表的方案


前一段做一個NPC瀏覽器,需要做一個類似於動態查詢的東西,在文本框里輸入關鍵字,然后檢索數據,將符合要求的數據以列表的方式顯示在文本框下面的下拉列表里。

效果差不多就是這樣吧。

雖然和實際上的下拉列表不太像,但是原理方案都是相同的。無非是將文本框變成Button。

OK,下拉列表,就是Button集合+ScrollRect.

我不會手把手教你怎么拖組件,我只能告訴你,選定父節點,添加ScrollRect,然后創建子節點,將子節點作為容器賦值給Content。當然還需要添加Mask組件,

來遮擋過長的列表

接下來就是Button的動態生成。需要注意的是,我們要想達到按鈕的排版整齊,需要設計布局為Top模式。這樣通過計算每個Button的大小,

確定Button的位置。

接下來就是一些簡單的事件處理。每個Button組件添加一個事件處理,用來獲取用戶選擇的ID,自行做一些SelectIndex,SelectItem,Add,Remove,等等

常用的接口。下拉框做為“特殊處理”,用來顯示用戶選擇的項,同時隱藏Button集合。點擊時,再顯示Button集合即可。

 

關於下拉列表的接口代碼,大家可以自己嘗試做下,無非是增刪改查,具體的效率看個人水平了,我這里就不提供了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM