Unity Component | UGUI Button

更新於 發佈於 閱讀時間約 3 分鐘

前言

  有段時間沒有寫文章了,主要是沒什麼精力上來寫文章,記錄下靈感後就放置沒有撰寫,剛剛在的時候想到我可以把這段翻譯和測試的過程寫成文章,所以我就上來撰寫,我想這跟Unity C#並不相同,所以我創建Unity Component來放置未來學習到的Unity組件(Conponent)。

Button(按鈕)

  Hierarchy→右鍵UI→Button,四個組件,其中以Button Component為最核心的組件。

圖片來源:課程中獨立遊戲專案

圖片來源:課程中獨立遊戲專案


Interactable:bool,按鈕是否為可互動狀態。

Transition:switch,按鈕變化(過渡)的模式。

Transition:Color Tint (用顏色過渡)

  • Target Graphic:放置Button圖片,系統有內建,可替換
  • Normal Color:什麼都沒做的顏色,白色為原色。
  • Highlighted Color:鼠標到按鈕上,尚未點選的顏色。
  • Pressed Color:按下按鈕當下的顏色。
  • Slected Color:按下按鈕放開後,按鈕的顏色
  • Disabled Color :當Interactable為False時,按鈕的顏色。
  • Color Multiplier:使圖亮度高於原始圖。
  • Fade Duration:淡出淡入的持續時間

Transition:Sprite Swap (用圖過渡)

  • Target Graphic:放置Button圖,系統有內建,可替換
  • Highlighted Spirte:鼠標到按鈕上,尚未點選的圖。
  • Pressed Spirte:按下按鈕當下的圖。
  • Slected Spirte:按下按鈕放開後,按鈕的圖。
  • Disabled Spirte:當Interactable為False時,按鈕的圖。

Transition:Animation (用動畫過渡)[不介紹]

Navigation:導航切換Button,Visualize為可視化順序

OnClick(){} 點選後觸發的事件

先放GameObject,再選擇Function。

  • 左上,默認,沒用過
  • 左下,GameObject名稱
  • 右上,Function名稱
  • 右下,Function自帶變數,可以輸入在這裡面。

結語

  Button是很常使用的一種UGUI,我記得單純的Button就可以製作簡單的小遊戲了,也不需要太複雜的程式,Unity製作遊戲很重要的一個里程碑,這次文章寫起來的感覺很不錯,希望持續。


留言
avatar-img
留言分享你的想法!
avatar-img
瓶裝雪的沙龍
108會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
瓶裝雪的沙龍的其他內容
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
這篇文章將會講述如何使用程式腳本讀取 Input System 的玩家輸入。
Thumbnail
這篇文章將會講述如何使用程式腳本讀取 Input System 的玩家輸入。
Thumbnail
UnityEvent 簡單介紹。
Thumbnail
UnityEvent 簡單介紹。
Thumbnail
這篇文章將會介紹 Unity Input System,這是一個適用於不同平台切換的官方系統,用於玩家按鍵輸入與不同控制器的操作。
Thumbnail
這篇文章將會介紹 Unity Input System,這是一個適用於不同平台切換的官方系統,用於玩家按鍵輸入與不同控制器的操作。
Thumbnail
Input 輸入元件一直是各大網站必備的元素,這篇會分成文字輸入 Text、按鈕 Button、互動元件 Modal、下拉式選單 Dropdown List、滑桿 Slider、選擇器 Picker 這六種常見介面元件,來記錄我在平台工作時遇到的 UI 元件,作為未來產品開發的資料庫。
Thumbnail
Input 輸入元件一直是各大網站必備的元素,這篇會分成文字輸入 Text、按鈕 Button、互動元件 Modal、下拉式選單 Dropdown List、滑桿 Slider、選擇器 Picker 這六種常見介面元件,來記錄我在平台工作時遇到的 UI 元件,作為未來產品開發的資料庫。
Thumbnail
這篇文章將會講述 Unity Event 的介紹及基礎使用方法。
Thumbnail
這篇文章將會講述 Unity Event 的介紹及基礎使用方法。
Thumbnail
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
Thumbnail
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
Thumbnail
前言   這篇文章將會介紹 UI 排版的實用工具。 GridLayoutGroup | 網格排版工具   這是我在撰寫遊戲 UI 時很常使用的 Component 今天在思考新的文章要寫什麼時發現還沒寫過,因此來跟大家介紹這時用的小組件。 運作原理   本質上來說,這個組件會控制他所有的子物件,並且
Thumbnail
前言   這篇文章將會介紹 UI 排版的實用工具。 GridLayoutGroup | 網格排版工具   這是我在撰寫遊戲 UI 時很常使用的 Component 今天在思考新的文章要寫什麼時發現還沒寫過,因此來跟大家介紹這時用的小組件。 運作原理   本質上來說,這個組件會控制他所有的子物件,並且
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News