Axure中的(隨機/自定義)背景色
在Axure的操作中,隨機事件算是比較常用和實用的功能之一。這篇文章,我們來講解一下在Axure中進行隨機背景色的操作,希望能幫大家掌握這個技能。
在Axure中,我們有時會用到隨機的背景色,特別是常見的Avatar頭像,目前大部分的解決方式是動態面板內置多種顏色,但如果想純隨機就比較困難了,那有沒有一種方法可以想用什么顏色就用什么顏色呢?
一、萬能的圖片
Axure中的圖片元件是可以動態設置值的,普通的圖片都需要進行base64的轉換,但有一種圖片基于 XML 標記語言,用于描述二維的矢量圖形,這就是可縮放矢量圖形(Scalable Vector Graphics,SVG)。
二、教程
我們拖出一個“圖片”元件,添加“加載時”交互設置圖片:
代碼如下:
data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' fill='red' /></svg>
預覽一下你會發現這個默認圖片已經變成了紅色。
所以只要變更代碼內的fill的顏色,就可以生成任何想要的顏色背景。
三、注意事項
如果是用Hex顏色代碼(比如:#820222)的話,需要把井號#換成%23。
本文由 @Jorkin 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
- 目前還沒評論,等你發揮!