話不多說政敢，先看效果
為什么用中繼器的方式實(shí)現(xiàn)下拉框
原因1：自帶的下拉框太丑
嗯嗯与学，的確很丑登渣，樸素的外表也沒辦法和華麗的原型界面相匹配
原因2：動(dòng)態(tài)面板太死
動(dòng)態(tài)面板的方式可以制定樣式，交互等等邓了，但是不夠靈活盏檐，每次新增一個(gè)選項(xiàng)時(shí)，都需要重新添加交互
嗯嗯驶悟，不太方便
中繼器：重復(fù)樣式的神器胡野，避免重復(fù)勞作，偷懶好幫手
直奔主題：如何使用中繼器制作下拉框
第一步：拖出一個(gè)按鈕框痕鳍，設(shè)計(jì)好交互動(dòng)作硫豆，懸停龙巨、選中、按下熊响、禁用等
第二步：拖出一個(gè)向下的箭頭圖標(biāo)旨别，挑個(gè)你喜歡的，設(shè)計(jì)好交互動(dòng)作汗茄，懸停秸弛、選中、按下洪碳、禁用等
第三步：拖出一個(gè)中繼器递览，這回你沒得選，拖系統(tǒng)自帶的那個(gè)
第四步：設(shè)置中繼器屬性
1瞳腌、刪除行绞铃，幾個(gè)下拉選項(xiàng)就留幾行數(shù)據(jù)
2、更改列名嫂侍，不要用亂七八糟的命名儿捧，好好命名才能提高制作效率，要不然視力會(huì)下降的厲害
3挑宠、設(shè)置交互菲盾，每項(xiàng)加載時(shí)，設(shè)置中繼器初始加載時(shí)的數(shù)據(jù)顯示各淀，跟著下面圖片的節(jié)奏動(dòng)一動(dòng)
4懒鉴、設(shè)置自己要的按鈕選項(xiàng)，同樣跟著下面圖片的節(jié)奏動(dòng)一動(dòng)
第五步：設(shè)置中繼器中每個(gè)選項(xiàng)的樣式揪阿，雙擊中繼器疗我，進(jìn)到下圖頁(yè)面咆畏，然后樣式隨你喜歡修改南捂，由于下拉框的選項(xiàng)都是重復(fù)的，所以我們弄一個(gè)選項(xiàng)的樣式即可旧找，如下圖
第六步：所有基礎(chǔ)都弄好了溺健，現(xiàn)在開始設(shè)置交互，關(guān)聯(lián)效果钮蛛，如懶得截了鞭缭，你們這么聰明，看文字應(yīng)該也都會(huì)懂
動(dòng)作1：中繼器->載入時(shí)->隱藏自身
動(dòng)作2：按鈕->鼠標(biāo)單擊時(shí)->切換顯示隱藏中繼器
動(dòng)作3：按鈕->鼠標(biāo)單擊時(shí)->旋轉(zhuǎn)圖標(biāo)180°
動(dòng)作4：中繼器內(nèi)部矩形->鼠標(biāo)單擊時(shí)->隱藏中繼器
動(dòng)作5：中繼器內(nèi)部矩形->鼠標(biāo)單擊時(shí)->設(shè)置按鈕的文字=中繼器的item的列值魏颓，即item.name
動(dòng)作4：中繼器內(nèi)部矩形->鼠標(biāo)單擊時(shí)->旋轉(zhuǎn)圖標(biāo)180°
第七步：完事了岭辣，看效果！
歡迎交流甸饱，QQ：314022901沦童，一個(gè)缺錢的產(chǎn)品小小汪
