Axure中的(隨機/自定義)背景色

0 評論 382 瀏覽 1 收藏 3 分鐘

在Axure的操作中,隨機事件算是比較常用和實用的功能之一。這篇文章,我們來講解一下在Axure中進行隨機背景色的操作,希望能幫大家掌握這個技能。

在Axure中,我們有時會用到隨機的背景色,特別是常見的Avatar頭像,目前大部分的解決方式是動態(tài)面板內置多種顏色,但如果想純隨機就比較困難了,那有沒有一種方法可以想用什么顏色就用什么顏色呢?

一、萬能的圖片

Axure中的圖片元件是可以動態(tài)設置值的,普通的圖片都需要進行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>

預覽一下你會發(fā)現(xiàn)這個默認圖片已經變成了紅色。

所以只要變更代碼內的fill的顏色,就可以生成任何想要的顏色背景。

三、注意事項

如果是用Hex顏色代碼(比如:#820222)的話,需要把井號#換成%23。

本文由 @Jorkin 原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!