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

Jorkin
0 評論 452 瀏覽 2 收藏 3 分鐘

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

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

一、萬能的圖片

Axure中的圖片元件是可以動態(tài)設(shè)置值的,普通的圖片都需要進(jìn)行base64的轉(zhuǎn)換,但有一種圖片基于 XML 標(biāo)記語言,用于描述二維的矢量圖形,這就是可縮放矢量圖形(Scalable Vector Graphics,SVG)。

二、教程

我們拖出一個“圖片”元件,添加“加載時”交互設(shè)置圖片

代碼如下:

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>

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

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

三、注意事項

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

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

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
15258人已学习14篇文章
痛点是什么?为什么用户会有痛点?如何抓住用户痛点?优先解决哪些用户痛点?本专题的文章分享了以上的问题详解。
专题
18111人已学习14篇文章
智能客服类产品,最根本的价值在于以低成本取代人工客服工作中大量重复性的部分。本专题的文章分享了如何搭建一个智能客服。
专题
12862人已学习13篇文章
对数据进行监控,分析异常数据,是数据分析常见的工作内容。本专题的文章分享了如何做好数据异常分析。
专题
60824人已学习12篇文章
业务流程图是最常见的图表之一,能看懂读懂是必修课,能绘制便是非常重要的选修课。
专题
13449人已学习15篇文章
私域流量是与公域流量相对的概念,本专题的文章主要通过几个核心的问题,为大家解读私域流量背后的底层逻辑。
专题
12292人已学习14篇文章
近年来,盲盒大量出现在公众视野,引起了一波又一波消费热潮。本专题的文章分享了解读盲盒营销。