我覺得狀態(tài)是墨刀最重要的功能之一,用的好的話可以改變頁面上某個組件的位置、大小、顏色,還可以設(shè)置顯示和隱藏.

首先找到頁面的功能-狀態(tài),如圖,圖標(biāo)由兩個大大小小的圓圈疊加而成,點擊后會出現(xiàn)一個小窗口.文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

生產(chǎn)狀態(tài)示例:文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

1.添加全局狀態(tài)的素材,如圖.在全局狀態(tài)下,在圖片中添加兩種不同的顏色；文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

2.改變不同狀態(tài)下的物質(zhì)狀態(tài),文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

在狀態(tài)的小窗口中,選擇1默認(rèn)狀態(tài),然后找到左側(cè)的矩形圖標(biāo)材料,選擇隱藏圖形.可以看到,在狀態(tài)1下,矩形圖標(biāo)的顏色會自動變成半透明,如圖狀態(tài)1；文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

3.接下來,選擇狀態(tài)2,隱藏紅色圓形圖標(biāo),如圖狀態(tài)2；文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

注意:不同狀態(tài)下的不同物料需要單獨設(shè)置,但是一定狀態(tài)下的物料不能直接刪除！文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

4.選中紅色圓圈,在右側(cè)創(chuàng)建一個鏈接,例如點擊切換到狀態(tài)2,如狀態(tài)1右側(cè)的紅色方框所示；文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

5.設(shè)置好狀態(tài)頁面素材和事件后,點擊預(yù)覽查看效果.文章源自四五設(shè)計網(wǎng)-http://www.4968ejs.cn/33463.html

另外,還可以制作,點擊彈出,定時彈出,下拉菜單,左右滾動,步進(jìn),進(jìn)度條,Fab菜單等等.

加上各成分搭配使用,效果極佳.

組件圖標(biāo)的位置可以直接將常用的功能添加到組件中,然后直接拖動到工作空間中.

如何添加組件內(nèi)容,右鍵點擊素材,找到添加給我的組件.