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

本文是關(guān)于Axure中繼器運(yùn)用，如何選擇菜單生成標(biāo)簽，一起來看看~

實(shí)現(xiàn)功能：

1. 輸入框聚焦下拉菜單；
2. 選擇下拉菜單生成相應(yīng)標(biāo)簽（演示圖右邊部分）；
3. 根據(jù)選擇的菜單內(nèi)容長度生成相應(yīng)長度的標(biāo)簽；
4. 標(biāo)簽可刪除；
5. 已經(jīng)選擇過的菜單不能才生成標(biāo)簽。

其中3、5是難度功能。

步驟1：配置變量值line1、line2、line3、line4、line5、line6

line1=0代表第一個(gè)菜單未生成標(biāo)簽，line1=1代表第一個(gè)菜單已成標(biāo)簽，其他以此類推，此配置為“已經(jīng)選擇過的菜單不能才生成標(biāo)簽”功能點(diǎn)而設(shè)。

步驟2：輸入框聚焦顯示下拉菜單

首先隱藏下拉菜單，在輸入框上添加事件OnFocus，顯示下拉菜單并且設(shè)置輸入框的背景高度。

步驟3：配置中繼器

（1）中繼器中兩個(gè)元件：顯示標(biāo)簽文本內(nèi)容的元件，刪除功能的元件。

（2）中繼器設(shè)置為兩列：

c1是用來承載要顯示的文本內(nèi)容，x是用來標(biāo)記此項(xiàng)為哪個(gè)菜單，跟“已經(jīng)選擇過的菜單不能才生成標(biāo)簽”這個(gè)功能點(diǎn)相關(guān)。

步驟4：生成標(biāo)簽

分別在每個(gè)菜單上面添加事件OnClick。

第一步為中繼器添加一行，c1的值為當(dāng)前選中菜單的文本內(nèi)容，x表示當(dāng)前是哪個(gè)菜單的標(biāo)記，可以用1、2、3…來標(biāo)記。

第二步是收起菜單并且將輸入框背景高度還原。

第三步是標(biāo)記說這個(gè)菜單已經(jīng)被選擇生成了標(biāo)簽。

這里為了滿足“已經(jīng)選擇過的菜單不能才生成標(biāo)簽”功能，做了2個(gè)場景判斷：

1. 當(dāng)line1==0（未生成標(biāo)簽）時(shí)，執(zhí)行以上步驟；
2. 否則不執(zhí)行任何操作。

?步驟5：加載中繼器

為了滿足“根據(jù)選擇的菜單內(nèi)容長度生成相應(yīng)長度的標(biāo)簽”功能，這里做了2中場景判斷：

1. 任何情況下執(zhí)行case1：中繼器中文本內(nèi)容為當(dāng)前所選菜單內(nèi)容。
2. 如果當(dāng)前選擇的菜單內(nèi)容為較長的那個(gè)，同時(shí)執(zhí)行case2：此項(xiàng)的文本長度改變，刪除按鈕位置改變。

步驟6：刪除標(biāo)簽

在刪除按鈕上面添加事件，剛剛添加標(biāo)簽的時(shí)候標(biāo)記（設(shè)置x的值）了此項(xiàng)是哪個(gè)菜單的內(nèi)容，所以在刪除的時(shí)候就要取消標(biāo)記（還原x的值），所以有幾個(gè)菜單就有幾個(gè)判斷。

如下圖所示：

-完-

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

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