天天看點

制作一個記賬器UI(unity制作一)

利用UI元素來制作一個簡單的記賬器,先來看下最終效果。

制作一個記賬器UI(unity制作一)

我們先建立一個Canvas,然後調整一下game視窗的大小,因為決定最終放到手機上使用,是以挑一個合适的螢幕比例,這裡選擇9:16.

制作一個記賬器UI(unity制作一)
制作一個記賬器UI(unity制作一)

我們選擇一張圖檔作為背景,點選stretch 然後ALT右下角将UI元素鋪滿螢幕(畫布),這裡記得畫布下面建立一個圖像。

制作一個記賬器UI(unity制作一)
制作一個記賬器UI(unity制作一)

接下來我們選擇一個輸入框并給予相應的圖檔。

制作一個記賬器UI(unity制作一)

我們開始擺置資料輸入的地方,點選檔案下面的snap settings 這個可以設定步伐。

制作一個記賬器UI(unity制作一)
制作一個記賬器UI(unity制作一)

按住ctrl 然後移動,就會發現UI元素按照步數設定的大小進行移動。設定好的效果見下。

制作一個記賬器UI(unity制作一)

我們還需要兩個按鈕來确定運算和讀取,我們下一個文見。

繼續閱讀