一、dropdown控制項（下拉列表）結構
1.label是用來顯示當前選中項的text
2.arrow是用來顯示下拉箭頭的image
3.template是乙個scrollview控制項，作為下拉列表的選項顯示區域模板，預設是未啟動狀態，但為了在編輯的時候能看見它，我們可以暫時的開啟它。當使用者點選dropdown時，會複製template建立乙個名為dropdown list的scrollview。dropdown list與template的區別在於content中的item，template的content只有乙個item作為模板而存在，而dropdown list的content中的item是根據選項自動對應建立的。簡單來說template->viewport->content->item就是每個選項的模板。
二、dropdown元件屬性介紹（部分屬性與button
一致，不再贅述）
屬性說明
template
dropdown的乙個子物體，當點選dropdown時，會以此物體為模板建立dropdown list(用來顯示所有選項的scroll view) 。預設是未啟動狀態，但為了在編輯的時候能看見它，我們可以暫時的開啟它。
template必須有乙個掛有toggle元件的item項，作為選項模板，所有的選項會以這個item為模板去建立。當點選dropdown時，有幾個選項就會複製幾個item，item的父物體會自動的調整大小去容納所複製的item，再根據在下面提到的options屬性中設定的文字和，對這些複製的item進行文字和上的替換。
caption text
設定乙個text用來顯示選中項的文字，預設是上面提到的label
caption image
設定乙個image用來顯示選中項的。預設沒有，需要自己設定。
item text
選項模板（template->viewport->content->item）中用來顯示文字的text。
item image
選項模板（template->viewport->content->item）中用來顯示的image。預設沒有，需要自己新增
value
當前選中項的索引。0是第一項，1是第二項。。。
alpha fade speed
dropdown list 漸隱漸顯的速度
options
每一項的文字和。當使用者點選dorpdown控制項時，會根據這裡的設定把每一項自動建立出來。
每一項的文字和的相對位置和選項模板（template->viewport->content->item）中一樣
可以在inspector面板中手動設定，也可以通過**設定。
每個選項包含一段文字和一張，文字和可以都有，也可以只取其一，也可以全沒有（似乎沒什麼意義）。
三、補充：下拉列表的位置
dropdown list相對於dropdown控制項的位置是由template的rect transform元件的anchoring和pivot決定。預設情況下，dropdown會顯示在控制項下方，這是把template錨定到dropdown控制項的下方來實現的。template的軸心（pivot）需要位於頂端，這樣當它容納數量可變的選項時，才會只向下擴充套件。相反，如果把template放到dropdown上方，並把template軸心放到低端，那麼它就會向上擴充套件。
可以想象，當下拉列表顯示區域超出了canvas，那麼就會有一些選項看不見和選擇不了。dropdown有簡單的邏輯去避免這種情況發生，預設情況下列表是顯示在控制項下方的，但當顯示在控制項下方會超出canvas範圍時，就將其位置逆轉，即顯示在dropdown的上方。但是這種簡單邏輯就造成了乙個問題，template的大小不能超過（canvas大小減去dropdown控制項大小）的一半，否則上下兩邊都不能顯示完全。
出處：版權：本文版權歸作者和共有
UGUI學習筆記之InputField
一 inputfield控制項介紹 文字輸入框 二 inputfield控制項結構 2.inputfield input caret 輸入文字的游標 執行後才會自動生成 3.placeholder 顯示提示文字 4.text 顯示輸入文字 三 inputfield元件屬性 前面部分同button 不...
UGUI學習筆記之Scrollbar元件
scrollbar 滾動條 元件屬性介紹 由於slider元件前面屬性和button 元件一樣，就不再贅述了 屬性 說明 handle rect 滑塊direction 滑動方向 value 當前值 0 1 size 滑塊大小，佔其父物體sliding area的比例 number of steps...
UGUI學習筆記之RawImage元件
texture 貼圖 可以顯示任何而不僅僅是sprite color 疊加色 material 疊加材質 raycast target 是否檢測點選 uv rect xy控制偏移 正數向左向下，負數向右向上 wh控制縮放 1.將上的畫素用座標表示出來，左下角為 0,0 右上角為 1,1 x 0.2表...