Unity Component | UGUI Button

更新 發佈閱讀 3 分鐘

前言

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

Button(按鈕)

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

raw-image


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
瓶裝雪的沙龍
114會員
247內容數
你好,我是瓶裝雪!我是一名遊戲設計師!
瓶裝雪的沙龍的其他內容
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
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
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 今天在思考新的文章要寫什麼時發現還沒寫過,因此來跟大家介紹這時用的小組件。 運作原理   本質上來說,這個組件會控制他所有的子物件,並且
Thumbnail
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法,藉由連結程式腳本和動畫編輯器,讓動畫更靈活的運作。
Thumbnail
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法,藉由連結程式腳本和動畫編輯器,讓動畫更靈活的運作。
Thumbnail
本篇文章將會講述UnityEditor的簡單使用方式,並且詳細介紹Unity客製化最核心的機制[MenuItem("")],就由範例與說明帶你快速搞懂Unity Editor到底在設計什麼。
Thumbnail
本篇文章將會講述UnityEditor的簡單使用方式,並且詳細介紹Unity客製化最核心的機制[MenuItem("")],就由範例與說明帶你快速搞懂Unity Editor到底在設計什麼。
Thumbnail
本篇文章是Unity Component系列中的第一篇,將會介紹Unity Component中UGUI的Button的各項目介紹,不包含應用。
Thumbnail
本篇文章是Unity Component系列中的第一篇,將會介紹Unity Component中UGUI的Button的各項目介紹,不包含應用。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News