中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語：在很多產(chǎn)品中都有下拉菜單的功能，但一些下拉菜單的功能比較笨重，不夠靈活；本文作者分享了一個(gè)高級(jí)教程，用中繼器做下拉菜單，我們一起來學(xué)習(xí)一下。

今天和大家分享一個(gè)中繼器的高級(jí)教程——用中繼器來做下拉菜單。

一、為什么要用中繼器做下拉菜單

開始教學(xué)之前，我們先來探討一下為什么要用中繼器來做下拉菜單。

首先，市面上的下拉菜單的教程都是用動(dòng)態(tài)面板來做的，通過隱藏的拉動(dòng)和顯示的推動(dòng)來實(shí)現(xiàn)菜單效果的；這樣做看是沒有問題，但是用起來非常不方便。

為什么呢？

• 動(dòng)態(tài)面板做的相當(dāng)于寫死了，你有10個(gè)菜單，你就要用10個(gè)矩形來畫10次；
• 如果想改變菜單的尺寸、顏色等樣式，那就需要改10次；
• 設(shè)置菜單跳轉(zhuǎn)交互，需要設(shè)置10次，而且還要到不同的動(dòng)態(tài)面板，非常麻煩；這樣導(dǎo)致浪費(fèi)了很多的時(shí)間，導(dǎo)致制作出來的元件復(fù)用性低。

所以作者就用中繼器做了一個(gè)下拉菜單原型，只需要填寫中繼器表格即可自動(dòng)生成交互，而且修改尺寸尺寸樣式也只需要修改一次；非常的方便快捷，做好之后復(fù)用性極強(qiáng)，所以強(qiáng)烈推薦給大家使用。

二、原型效果預(yù)覽

下面是做好的下拉菜單的效果，你們也可以自行體驗(yàn)哈。

原型演示地址：https://lbligu.axshare.com/#g=1

三、制作材料

中繼器×1，圖片元件×1，右箭頭x1，矩形×1，內(nèi)聯(lián)框架×1。

中繼器內(nèi)元件如下圖擺放，組成一個(gè)組合

四、中繼器表格設(shè)置

picture代表中繼器前面的圖標(biāo)，如有需要，右鍵導(dǎo)入圖片即可。

menu1代表該行菜單的一級(jí)菜單（一級(jí)菜單的menu1和menu2的值是一樣的）。

menu2代表二級(jí)菜單（本教程以二級(jí)菜單為案例，如需要二級(jí)以上的可以用同樣的思路來制作）。

you代表右箭頭，我們?nèi)绻邢吕藛?，填?，如果沒有為空即可。下面我們會(huì)詳細(xì)介紹該交互。

xianshi代表該菜單是否顯示，1代表顯示，如果不默認(rèn)顯示則為空，一級(jí)菜單必須要為1。

true：是否選中該矩形，我們需要先給矩形選中時(shí)一個(gè)顏色。

url：代表跳轉(zhuǎn)鼠標(biāo)單擊時(shí)跳轉(zhuǎn)的頁面，右鍵導(dǎo)入頁面即可。

五、交互設(shè)置

1. 中繼器每項(xiàng)加載時(shí)

設(shè)置文本：讓矩形文本=item.menu2。

如果右不等于1，我們就隱藏右箭頭。

如果圖片為空，隱藏圖片；否則，設(shè)置圖片的值為item.picture。

如果顯示不等于1，隱藏整個(gè)菜單組合。

如果true=1，選中矩形。

2. 鼠標(biāo)單擊菜單組合時(shí)

這里需要分兩種情況：

第一種情況是you==1，這種代表該菜單有子菜單，所以我們需要將子菜單顯示出來。

這里我們需要先將其他子菜單先隱藏，如果菜單少的話可以不做這不操作；不過作者做過的項(xiàng)目基本都是這個(gè)邏輯，所以首先要更新行，條件是you不等于1，將這些菜單的item.xian設(shè)為0，這樣相當(dāng)于將所有子菜單隱藏。

然后在更新行，和單擊菜單同一個(gè)menu1的item.xian設(shè)為1，這樣單擊菜單的所有子菜單都會(huì)顯示出來。

第二種情況就是you不等于1，這是代表沒有下級(jí)菜單了，所有我們就在內(nèi)聯(lián)框架打開url對(duì)應(yīng)的頁面即可。

這里為了更加美觀，我們會(huì)設(shè)置該菜單為選中變色；所以用更新行的操作，首先將全部行的true更新為0，再更新該行菜單的true值為0即可。

以上就是本期分享的全部?jī)?nèi)容，謝謝閱讀。

本文由 @做產(chǎn)品但不是經(jīng)理 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。