Axure中如何實(shí)現(xiàn)選中單行表格改變背景顏色?
開始之前我們先看一下要做的是怎樣的效果
這種效果我們平時(shí)見過不少,例如表格中。那要怎樣做出這樣的效果?
利用中繼器可以比較簡單的做出這種效果。
首先,點(diǎn)擊一行時(shí)整行變色,代表著我們需要設(shè)置選中時(shí)候的樣式。在檢查窗口中設(shè)置中繼器中所有矩形部件的選中交互樣式。
然后,點(diǎn)擊一行時(shí)整行變色。當(dāng)然是要添加點(diǎn)擊時(shí)的交互,選中這一行所有的部件。這時(shí)候我們可以把一行部件全選,將它們組合。點(diǎn)擊時(shí)的交互我們就可以設(shè)置在組合的鼠標(biāo)單擊時(shí)上,動(dòng)作設(shè)置為設(shè)置當(dāng)前部件選中就可以了。
另外,表格有多行,但多次點(diǎn)擊時(shí),只有當(dāng)前這一行變色。這里我們需要為所有的行在屬性中設(shè)置選項(xiàng)組名稱;因?yàn)橹欣^器是把一行部件重復(fù)成多行,所以只需要給前面說到的組合設(shè)置選項(xiàng)組名稱。在設(shè)置的時(shí)候要注意一點(diǎn),在屬性設(shè)置的時(shí)候會(huì)有多個(gè)設(shè)置選項(xiàng)組名稱,一定要認(rèn)準(zhǔn)組合,只需給組合進(jìn)行設(shè)置,其他不用。
設(shè)置完之后還不能完全實(shí)現(xiàn)單選效果,因?yàn)樵谥欣^器的屬性中有一個(gè)“取消選項(xiàng)組效果”的選項(xiàng),默認(rèn)是選中的;需要將這個(gè)選項(xiàng)取消選中,這時(shí)候我們就能夠進(jìn)行單選其中一行了。
這個(gè)效果的實(shí)現(xiàn)雖然不難,但是它有幾點(diǎn)是必須注意的,如果忽略了,就成功不了。
1、? 設(shè)置選項(xiàng)組名稱,必須是設(shè)置組合的選項(xiàng)組名稱。
2、? 中繼器的屬性中,默認(rèn)選擇了“取消選項(xiàng)組效果”,需要將其取消選擇。