【Hype】- 本篇將為大家演示和講解這款H5制作軟件的持久符號

Hype是一款支持無代碼創作炫酷網頁的Mac端應用軟件,它支持各種動畫、元素。其中有一個強大的符號功能,該功能分為基本符號和持久符號兩種,本文中,小編將使用Hype 4版本,為大家演示和講解這款H5制作軟件的持久符號。

一、持久符號介紹

持久符號是可以重復使用的組件,它可以包含元素、時間線和動畫,持久符號用于場景中,且每個場景中只能存在一個持久符號。持久符號的特別之處在于,如果對一個符號復制10份拷貝,當我們修改其中的一份符號,那么其余的9份符號也會隨之改變。

這一功能在需要經常批量修改的地方有很大的用處,如批量修改所有頁面場景中的菜單欄,利用持久符號功能,我們只需要修改一個符號就可以同步修改所有的菜單欄符號,方便快捷。

二、持久符號詳解前場景準備

下面,小編就通過一個案例進行演示講解。

第一步,打開Hype,點擊界面上方的“元素”按鈕,如下圖1,然后選擇新建一個矩形,再添加三個橢圓形,等距離置于長形矩形中。

圖1:創建元素

第二步,選中矩形,然后在Hype右側菜單中,切換到“元素”選項卡,選擇填充樣式為“顏色”,然后選擇任意一種顏色,為矩形填充顏色,方便后面講解。

圖2:為矩形填充顏色

完成上述兩步操作以后,場景如下圖3所示。

圖3:場景展示

第三步,點擊場景列表右側如下圖4紅色箭頭所指的加號按鈕,添加多個場景。

圖4:添加場景

三、持久符號應用詳解

演示場景準備完成以后,下面就開始持久符號的應用詳解。

首先,選中場景1中的所有元素,然后鼠標右鍵打開菜單,點擊“轉換為持久符號”,如下圖5所示。

圖5:轉換為持久符號

在打開的提示框中,選擇“添加到所有場景”,如下圖6紅框。

圖6:添加到所有場景

以上,小編演示了從創建基礎的元素,再將一系列元素轉化為一個完整的持久符號,再將該持久符號應用到所有已有場景中的一個常見使用情形,網頁菜單也可以通過這種方式創建。

下面,對創建好的持久符號進行修改演示。

首先,選中場景1的第一個橢圓形元素,然后在Hype右側菜單“元素”選項卡中,設置填充顏色為紅色,完成以后,從Hype左側場景列表中可以看到,3個場景當中的橢圓形元素填充顏色都變成了紅色。

圖7:修改持久符號

這里小編只演示了持久符號的顏色填充的變化,但是Hype同樣支持動畫更改在持久符號上的同步更改。比如修改元素動畫為淡入淡出,那么所有場景中的該元素動畫效果都會變為淡入淡出,更多相關知識,小伙伴們可以自己去在Hype中文網站上下載Hype進行研究學習哦!

好了,這就是小編整理的關于認識Hype軟件持久符號的應用詳解,之后還會有更多更有趣、有用的教程發布在Hype中文網上,歡迎大家前往關注!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。