Axure中繼器的負(fù)坐標(biāo)

Jorkin
0 評論 623 瀏覽 3 收藏 3 分鐘

在設(shè)計(jì)原型過程中,有時(shí)候我們會需要用到負(fù)坐標(biāo)。但這個(gè)知識點(diǎn)太過生僻估計(jì)沒幾個(gè)人會,這篇文章,作者給我們解釋了如何去做的整個(gè)過程,希望能幫到大家。

一般情況下,原型應(yīng)用是不需要使用負(fù)坐標(biāo)的,不過在某些特殊場景中也可能需要使用負(fù)坐標(biāo),比如在:

中都使用過負(fù)坐標(biāo),目標(biāo)就是為了讓目標(biāo)出現(xiàn)在正確的位置上。

教程

平時(shí)大家可能經(jīng)常在網(wǎng)頁上看到過這樣的圖文布局:

如果我們在中繼器中設(shè)置水平每行4項(xiàng)的網(wǎng)格排布的話,默認(rèn)會規(guī)規(guī)矩矩顯示成4列2行:

此時(shí),如果只把“圖1”的寬度高度變?yōu)?倍,那么會顯示成這樣:

明顯不是我們想要的效果,那么“圖3”、“圖4”就需要使用到x(橫向)的負(fù)坐標(biāo),向左移一個(gè)圖片寬度[[ -Target.Width ]]

這樣,利用負(fù)坐標(biāo)簡簡單單移動到正確的位置上就可以了。

結(jié)尾

比如《Axure中實(shí)現(xiàn)依據(jù)寬度自動換行的Tag標(biāo)簽》也是可以利用負(fù)坐標(biāo)還實(shí)現(xiàn)中繼器每行顯示不同數(shù)量的Tag。

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

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
15065人已学习13篇文章
在产品的商业模式中,广告变现占据了很大的比重,那么广告功能就是产品里面非常重要的功能之一。本专题的文章分享了如何搭建广告投放系统。
专题
15238人已学习13篇文章
作为一种软件开发工具,低代码平台一定程度上提升了企业的软件开发效率,适应了整体的数字化发展趋势。本专题的文章分享了关于低代码的讲解。
专题
15374人已学习12篇文章
本专题的文章分享了用户精细化运营---用户分群的建立指南。
专题
12449人已学习12篇文章
关于如何写简历、简历上些什么的文章大家看了很多。那么细分到产品经理这个岗位来说,写简历又有什么需要注意的呢?本专题的文章分享了产品经理如何写简历。
专题
15404人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。
专题
12593人已学习13篇文章
发票是财务中必不可少的物品,那发票系统该如何设计呢?本专题的文章分享了发票系统设计指南。