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

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

文章源自四五設計網-http://www.133122.cn/33463.html

生產狀態(tài)示例:文章源自四五設計網-http://www.133122.cn/33463.html

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

2.改變不同狀態(tài)下的物質狀態(tài),文章源自四五設計網-http://www.133122.cn/33463.html

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

3.接下來,選擇狀態(tài)2,隱藏紅色圓形圖標,如圖狀態(tài)2；文章源自四五設計網-http://www.133122.cn/33463.html

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

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

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

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

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

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

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