樣式

首先說(shuō)一下Axure里面的原點(diǎn)位置

如下圖：

還有一個(gè)辦法是我們選中我們的按鈕，如上圖，然后打開(kāi)右邊的樣式，可以看按鈕的x，y屬性，類(lèi)似于游戲中unity軟件的x，y屬性，類(lèi)似于html中的right和bottom，其中x表示向左偏移量，而y表示的是向右偏移量。如下圖：

可以看到此時(shí)x和y都是0，說(shuō)明我們的按鈕就是在原點(diǎn)位置，然后w表示寬度width，而h表示高度height。而右邊的5那個(gè)圖標(biāo)表示的是我們圖標(biāo)的圓角半徑，接著我們看下這個(gè)值設(shè)置成5,20,100的時(shí)候，按鈕形狀的變化，如下圖：



可以發(fā)現(xiàn)設(shè)置成100和設(shè)置成25是沒(méi)啥區(qū)別的，也就是說(shuō)角曲度最多設(shè)置成20。

接下來(lái)我們來(lái)看下旋轉(zhuǎn)按鈕，如下圖：

比如上圖就是把按鈕順時(shí)針旋轉(zhuǎn)45度，如下圖：

接著再來(lái)看下自適應(yīng)文本頁(yè)面的寬度和高度如下圖：

點(diǎn)擊上面的兩個(gè)按鈕之后 我們的圖標(biāo)就會(huì)自動(dòng)的發(fā)生寬度和高度自適應(yīng)去匹配頁(yè)面 如下圖：

樣式

偏移量 寬高 圓角半徑 旋轉(zhuǎn) 自適應(yīng)寬高的設(shè)置
接下來(lái)說(shuō)下給上面的按鈕如何設(shè)置各種的樣式，如下圖：

上面是設(shè)置圖形的右偏移量、下偏移量、順時(shí)針旋轉(zhuǎn)度數(shù)、寬度、高度、圓角半徑、自適應(yīng)寬高的屬性，我們上面已經(jīng)演示過(guò)了，后面就不再演示說(shuō)明了。

設(shè)置元件在頁(yè)面中的名字 以及是否顯示元件
接著我們看下最上方的設(shè)置組件名稱(chēng) 如下圖：

默認(rèn)是沒(méi)有設(shè)置矩形名稱(chēng)的 并且元件是可以顯示的，什么意思呢都是？我們先來(lái)說(shuō)下矩形名稱(chēng)，如果你沒(méi)有設(shè)置自定義的矩形名稱(chēng)，那么左邊顯示元件的時(shí)候就是默認(rèn)名稱(chēng)，如下圖：

而現(xiàn)在我們?cè)O(shè)置一個(gè)我們想要的元件的名稱(chēng)，比如下圖：

那么我們的頁(yè)面中的對(duì)應(yīng)的元件名稱(chēng)就改變了 如下圖：

我覺(jué)得這個(gè)設(shè)置頁(yè)面中元件的自定義名字的功能 大概率是方便用戶(hù)去找頁(yè)面中的對(duì)應(yīng)的元件標(biāo)簽。
還有一個(gè)需要注意的點(diǎn)事 我們頁(yè)面中的真實(shí)的元件里面的文件并沒(méi)有變化，如上圖元件里面的文字仍然是按鈕，我們僅僅是修改的元件在整個(gè)頁(yè)面中被標(biāo)記的名字。就像你在班級(jí)里面人家給你起了個(gè)外號(hào)就做張三，但你的真實(shí)名字仍是身份證上寫(xiě)的那個(gè)。
如果想要去改元件里面的內(nèi)容比如想要修改上面的原件里面的按鈕文字，那么你可以直接去頁(yè)面的對(duì)應(yīng)元件里面鼠標(biāo)雙擊文字 就可以修改了。

接下倆我們?cè)賮?lái)說(shuō)一下小眼睛圖標(biāo)，這個(gè)圖標(biāo)如果是開(kāi)啟的 那么我們可以看到頁(yè)面中的元件，如下圖：


但如果這個(gè)圖標(biāo)是關(guān)閉的 我們就看不到這個(gè)元件了 如下圖：

元件樣式
接下來(lái)說(shuō)一下我們的元件樣式 如下圖：

我們本例的元件是Primary Button如下圖：

我們樣式中的元件樣式其實(shí)和元件庫(kù)里面的元件是對(duì)應(yīng)的，但是我們樣式中的元件樣式種類(lèi)更多一些 如下圖：

接下來(lái)我們來(lái)說(shuō)一下我們的管理元件的樣式按鈕 如下圖：

點(diǎn)擊之后可以修改我們?cè)哪J(rèn)樣式 如下圖：

可以看到像元件的所有樣式 比如說(shuō)字體顏色 字體大小 邊框粗細(xì) 圓角半徑 粗體 斜體等等這些，我們都可以自定義默認(rèn)修改的通過(guò)管理元件樣式這個(gè)按鈕。

不透明度
如下圖：

不透明度百分百可以完全看到；

不透明度百分之0就完全透明了 完全看不到了 如下圖：

字體樣式和字體排版樣式
接下來(lái)我們來(lái)說(shuō)下字體樣式和字體排版樣式 如下圖：

填充和邊框描邊
如下圖：

填充很容易理解就是填充背景顏色嘛！但是這里的邊框描邊為什么顯示不出來(lái)黃色呢？很簡(jiǎn)單因?yàn)槲覀兩厦娴倪吙虻膶挾仍O(shè)置的是0，我們修改下圖下圖：

陰影

首先開(kāi)一下沒(méi)有陰影的元件 如下圖。接下來(lái)我們看下開(kāi)啟陰影之后的元件 如下圖：

所謂的陰影就是會(huì)給元件一個(gè)影子，這樣看著會(huì)更加的立體一些。接著我們把影子向右偏移量x設(shè)置為20，把影子向下偏移量設(shè)置為20，把模糊程度也設(shè)置為20，對(duì)比一下元件發(fā)生的變化 如下圖：

最后說(shuō)一下邊距
如下圖：

這里的邊距指的其實(shí)是元件里面的字體相對(duì)于元件的偏移量，和我們的html中的絕對(duì)位置偏移量是一樣的。其中L表示的就是left指的是向左偏移量也就是這個(gè)值越大越靠右，T表示的是top指的是向上偏移量也就是這個(gè)值越大越靠下；R表示的是right指的是向右偏移量；B表示的是bottom指的是向下偏移量；文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-860418.html

到了這里，關(guān)于A(yíng)xure中的樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！