Axure怎么做表格隨著鼠標移動改變顏色?

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