Axure怎么做表格隨著鼠標(biāo)移動改變顏色?

axure中繪制的表格想要制作當(dāng)鼠標(biāo)移入時整行變色,移出時恢復(fù)原來顏色,選中一行時整行變色,取消選中是恢復(fù)原來顏色,該怎么實(shí)現(xiàn)這個效果呢?下面我們就來看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言:簡體中文
- 時間:2018-05-24
1、在頁面中拖入一個中繼器,取名為:表格中繼器
2、雙擊打開中繼器,刪除現(xiàn)有的“矩形”方框,然后添加一個表格,只保留一個空行,將多余行刪除并調(diào)整列寬至合適樣式,我的是35:150:150,高為30
3、添加復(fù)選款至第一個單元格中,復(fù)選框取名為“選中”,用于選擇行
4、組合復(fù)選框與表格,取名為“行”
5、設(shè)置“表格中繼器”背景色為藍(lán)色(點(diǎn)擊中繼器空白處即可設(shè)置)
6、選中組合“行”,分別設(shè)置期鼠標(biāo)移入與鼠標(biāo)移出時的交互:
7、鼠標(biāo)移入時,當(dāng)復(fù)選框“選中”的“選中狀態(tài)”值==false時,“設(shè)置不透明”為"行”90%
8、鼠標(biāo)移入時,當(dāng)復(fù)選框“選中”的“選中狀態(tài)”值==false時,“設(shè)置不透明”為"行”100%。到此時鼠標(biāo)移入變色就做好了,接下來做選中變色
9、設(shè)置“選中”復(fù)選框“選中時”交互為 “設(shè)置不透明”“行”為75%
10、設(shè)置“選中”復(fù)選框“取消選中時”交互為 “設(shè)置不透明”“行”為75%
11、下面看看效果
以上就是axure實(shí)現(xiàn)表格隨著鼠標(biāo)的移動而改變顏色的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
axure頁面載入時自動選中按鈕該怎么實(shí)現(xiàn)?
axure怎么調(diào)整字間距? axure字間距的設(shè)置方法
Axure怎么導(dǎo)入本地的按鈕? Axure打開本地文件的技巧
相關(guān)文章
Axure RP 8怎么設(shè)計(jì)出自適應(yīng)頁面的元件?
Axure RP 8怎么設(shè)計(jì)出自適應(yīng)頁面的元件?我們知道頁面的大小是不固定的,想要設(shè)計(jì)元件的時候可以自適應(yīng)頁面尺寸,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可2017-06-05Axure RP 8下拉框怎么控制文本框標(biāo)題字體?
Axure RP 8下拉框怎么控制文本框標(biāo)題字體?Axure RP 8中下拉框切換值的時候,想要改變文本框和標(biāo)題,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-06-04Axure RP 8怎么使用函數(shù)統(tǒng)計(jì)字符串長度?
Axure RP 8怎么使用函數(shù)統(tǒng)計(jì)字符串長度?Axure RP 8想要統(tǒng)計(jì)文本框中輸入的字符串的長度,該怎么統(tǒng)計(jì)呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-06-03Axure RP Pro怎么制作一個網(wǎng)頁展示原型?
Axure RP Pro怎么制作一個網(wǎng)頁展示原型?Axure RP Pro中想要設(shè)計(jì)一個手機(jī)頁面原型,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-05-25- Axure8.0試用到期后怎么激活?Axure8.0使用一個月后到期了,還想繼續(xù)使用,該怎么激活呢?下面我們就來看看Axure8.0的激活教程,需要的朋友可以參考下2017-05-22
- Axure RP 8怎么制作不倒翁的標(biāo)靶圖形?Axure中想要制作一個不倒翁的形狀的靶子,該怎么制作呢?下面我們就來看看詳細(xì)的繪制方法,需要的朋友可以參考下2017-05-16
- Axure RP 8設(shè)怎么畫一只漂亮氣球圖形?Axure RP 8中除了制作網(wǎng)頁原型,還可以畫圖,該怎么畫一個漂亮的氣球呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-05-16
- Axure RP 8怎么畫漂亮的游泳圈圖形?Axure中想要繪制漂亮的游泳圈,該怎么繪制呢?下面我們就來看看詳細(xì)的教程,很簡答,需要的朋友可以參考下2017-05-15
Axure RP8怎么設(shè)計(jì)美輪美奐的橢圓矩形框?
Axure RP8怎么設(shè)計(jì)美輪美奐的橢圓矩形框?Axure 中想要設(shè)計(jì)一個圓角矩形的圖形,該怎么制作呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-05-15- Axure RP 8怎么控制不同顏色元件移動?Axure RP 8中想要控制兩個不同顏色的柱子,該怎么操作呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-05-08