墨刀教程(怎麼用)

來源:酷知科普網 9.42K

本篇墨刀教程以“”作為例子進行演示,讓我們和小編一起學習吧。

操作方法

(01)新建專案。登陸墨刀的官網,選擇新建空白專案。

墨刀教程(怎麼用)

(02)輸入專案名稱。這裡我們使用預設裝置尺寸。

墨刀教程(怎麼用) 第2張

(03)新增導航欄。從左側的功能欄裡找到導航欄,把它拖到制定位置。

墨刀教程(怎麼用) 第3張

(04)修改導航欄文字。把預設的文字修改成我們想表示的文字。

墨刀教程(怎麼用) 第4張

(05)修改導航欄中的文字背景的顏色。

墨刀教程(怎麼用) 第5張
墨刀教程(怎麼用) 第6張

(06)新增輪播圖。從左側的”母版“中找到”輪播圖“,將它拖到制定位置。然後將輪播圖調整到合適的大小,其中寬度設定為360。

(07)調整小圓點的位置。通過修改x和y的位置來調整小圓點。最後的圓點應該距離邊緣10的長度。(注意邊距)

(08)複製頁面。為了節約時間,通過頁面1的複製得到其他頁面。

(09)修改小圓點的背景色。將對應的小圓點背景色修改為不顯示。

墨刀教程(怎麼用) 第7張

(10)上傳圖片。將我們需要的圖片上傳到相簿。

墨刀教程(怎麼用) 第8張

(11)新增手勢。這裡將手勢放置在可見區域內,然後點選手勢並拖動到下一個頁面,即可完成連結。

墨刀教程(怎麼用) 第9張

(12)修改手勢的屬性。將手勢的屬性改為”向左滑動“,"右移入",定時器"2s"。這裡注意的是最後的頁面要連結到第一個頁面,才能實現輪播。

墨刀教程(怎麼用) 第10張
墨刀教程(怎麼用) 第11張

(13)新增相應的文字。

墨刀教程(怎麼用) 第12張

(14)最後,模仿之前的操作,對內容進行補充。

墨刀教程(怎麼用) 第13張
熱門標籤