話不多說，先看效果
為什么用中繼器的方式實現(xiàn)下拉框
原因1：自帶的下拉框太丑
嗯嗯，的確很丑，樸素的外表也沒辦法和華麗的原型界面相匹配
原因2：動態(tài)面板太死
動態(tài)面板的方式可以制定樣式，交互等等，但是不夠靈活，每次新增一個選項時，都需要重新添加交互
嗯嗯，不太方便
中繼器：重復(fù)樣式的神器，避免重復(fù)勞作，偷懶好幫手
直奔主題：如何使用中繼器制作下拉框
第一步：拖出一個按鈕框，設(shè)計好交互動作，懸停、選中、按下、禁用等
第二步：拖出一個向下的箭頭圖標(biāo)，挑個你喜歡的，設(shè)計好交互動作，懸停、選中、按下、禁用等
第三步：拖出一個中繼器，這回你沒得選，拖系統(tǒng)自帶的那個
第四步：設(shè)置中繼器屬性
1、刪除行，幾個下拉選項就留幾行數(shù)據(jù)
2、更改列名，不要用亂七八糟的命名，好好命名才能提高制作效率，要不然視力會下降的厲害
3、設(shè)置交互，每項加載時，設(shè)置中繼器初始加載時的數(shù)據(jù)顯示，跟著下面圖片的節(jié)奏動一動
4、設(shè)置自己要的按鈕選項，同樣跟著下面圖片的節(jié)奏動一動
第五步：設(shè)置中繼器中每個選項的樣式，雙擊中繼器，進(jìn)到下圖頁面，然后樣式隨你喜歡修改，由于下拉框的選項都是重復(fù)的，所以我們弄一個選項的樣式即可，如下圖
第六步：所有基礎(chǔ)都弄好了，現(xiàn)在開始設(shè)置交互，關(guān)聯(lián)效果，如懶得截了，你們這么聰明，看文字應(yīng)該也都會懂
動作1：中繼器->載入時->隱藏自身
動作2：按鈕->鼠標(biāo)單擊時->切換顯示隱藏中繼器
動作3：按鈕->鼠標(biāo)單擊時->旋轉(zhuǎn)圖標(biāo)180°
動作4：中繼器內(nèi)部矩形->鼠標(biāo)單擊時->隱藏中繼器
動作5：中繼器內(nèi)部矩形->鼠標(biāo)單擊時->設(shè)置按鈕的文字=中繼器的item的列值，即item.name
動作4：中繼器內(nèi)部矩形->鼠標(biāo)單擊時->旋轉(zhuǎn)圖標(biāo)180°
第七步：完事了，看效果！
歡迎交流，QQ：314022901，一個缺錢的產(chǎn)品小小汪
