axure中繪制的表格想要制作當鼠標移入時整行變色,移出時恢復原來顏色,選中一行時整行變色,取消選中是恢復原來顏色,該怎么實現這個效果呢?下面我們就來看看詳細的教程。
1、在頁面中拖入一個中繼器,取名為:表格中繼器
2、雙擊打開中繼器,刪除現有的“矩形”方框,然后添加一個表格,只保留一個空行,將多余行刪除并調整列寬至合適樣式,我的是35:150:150,高為30
3、添加復選款至第一個單元格中,復選框取名為“選中”,用于選擇行
4、組合復選框與表格,取名為“行”
5、設置“表格中繼器”背景色為藍色(點擊中繼器空白處即可設置)
6、選中組合“行”,分別設置期鼠標移入與鼠標移出時的交互:
7、鼠標移入時,當復選框“選中”的“選中狀態”值==false時,“設置不透明”為"行”90%
8、鼠標移入時,當復選框“選中”的“選中狀態”值==false時,“設置不透明”為"行”100%。到此時鼠標移入變色就做好了,接下來做選中變色
9、設置“選中”復選框“選中時”交互為 “設置不透明”“行”為75%
10、設置“選中”復選框“取消選中時”交互為 “設置不透明”“行”為75%
11、下面看看效果
以上就是axure實現表格隨著鼠標的移動而改變顏色的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
axure頁面載入時自動選中按鈕該怎么實現?
axure怎么調整字間距? axure字間距的設置方法
Axure怎么導入本地的按鈕? Axure打開本地文件的技巧
新聞熱點
疑難解答
圖片精選