Unity UI | Slider

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

前言

  這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。

滑塊 | Slider

  UI 都必須包含在 Canva 下,這是 Unity 中用於滑塊的UI物件,所謂的滑塊是一條玩家可以互動的拉動組件,設計師可以定義最大值和最小值,並讓玩家拉動在遊戲中實時調整。

滑塊的組成

  滑塊由三個遊戲物件組成,並且統一在名為 Slider 的遊戲物件中進行統一籌劃與設定,其中背景(Backgrouned)是滑塊的那一條灰色背景,填充區域(Fill Area)是滑動那一條白色背景,滑塊把手區域(Handle Slider Area)是玩家拉動的那一條圓圈。

滑塊關鍵參數 | Value

  這是在 Slider 中最下面的有一個叫做 Value 的數值可以調整,上下方有最大數值和最小數值,並且有從左到右和從右到左等共四種滑條模式可以選擇,Value直接跟滑條拉動程度相關,我會在應用展示非互動式用法。

滑塊關鍵事件 | On Value Changed

  此事件用於當值被改變的時候,會執行哪些事情,像是視覺上的改變或是值的更新,滑條的值只用於本身,可以用這個事件讓它跟遊戲物件做連結。

應用

  這是我撰寫 UI 介面時,連結玩家血量的非互動式 Slider使用方式,我刪除了圓圈,並且讓玩家血量跟 Value 做連結。

Unity Third person | life | UI

參考資料

Unity API | Slider

後記

  其實在寫這篇文章的時候,我才想起來我的使用方式不是 Slider 原本的使用方式,不過算是 Slider 的一個簡易使用方式,因此我就繼續把它撰寫完了,

瓶裝雪

你對我有興趣了?那太好了,我還有很多的作品跟知識可以讓你看看,無論是我對了抒發情感和鍛鍊文筆的生活與戀愛的文章、還是關於我自己專案的日程紀錄、粒子特效的作品展示,都可以在下面找到我。
最新消息與時間軸:
程式與設計:
戀愛與生活:
粒子與特效:
遊戲製作:
為什麼會看到廣告
avatar-img
106會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
這篇文章將會介紹 Unity 中關於物理碰撞與偵測事件,如何使用程式腳本撰寫相關的程式來控制遊戲物件,這是學習 Unity 必學知識,它們在 Unity 中具有不可撼動的核心地位。
這篇文章將會講述物理射線的運作原理,以及他們怎麼使用,在 Unity 中射線是非常重要的一個部分,無論是 Debug 或是物理射線,都需要理解並懂得運用。
這篇文章將會講述在Unity中跟角度有關的兩項變數有什麼樣的地位和運作方式,我們只要撰寫跟角色角度有關的程式碼,就絕對不會繞開這兩個變數。
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
這篇文章將會介紹 Unity 中關於物理碰撞與偵測事件,如何使用程式腳本撰寫相關的程式來控制遊戲物件,這是學習 Unity 必學知識,它們在 Unity 中具有不可撼動的核心地位。
這篇文章將會講述物理射線的運作原理,以及他們怎麼使用,在 Unity 中射線是非常重要的一個部分,無論是 Debug 或是物理射線,都需要理解並懂得運用。
這篇文章將會講述在Unity中跟角度有關的兩項變數有什麼樣的地位和運作方式,我們只要撰寫跟角色角度有關的程式碼,就絕對不會繞開這兩個變數。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Sprite。包括建立新的Sprite、重新命名及刪除、建議的命名方式、編輯圖像、調整圖像大小、動畫的概述、原點設置、碰撞遮罩的概述。
滑板是一種受歡迎的極限運動,無論您是初學者還是有一定基礎的滑板手,都可以透過這份滑板教學指南提升技能,享受滑板樂趣。 1. 選擇適合的滑板 首先,選擇一塊適合自己的滑板非常重要。通常,初學者可以嘗試較寬的滑板板身,這有助於保持平衡。確保滑板車輪和軸承的質量也是關鍵,這將影響您的滑行順暢度。 2.
前言: 滑板運動近年來在國內外廣受歡迎,不僅是青少年的最愛,也吸引了越來越多成年人參與其中。滑板雖然看似簡單,但卻蘊含了許多技術和藝術元素,能夠帶來獨特的運動樂趣。在這篇文章中,我們將一起認識不同型別的滑板,瞭解它們的特點及適用場景,讓您找到最適合自己的滑板選擇。 初階滑板: 對於初學者而言,選擇
Thumbnail
如果製作一個RGB色碼轉換器,算是考驗操作DOM! 那把它分成三個目標來依序完成, 抓slider的數字,存放在各個滑塊右邊的小格子 透過 slider.addEventListener("input", function (event) {...}) 監聽滑塊變動事件。 當事件被觸發時,取得
Thumbnail
這系列是我在 2023 六角學院 Vue作品實戰班的筆記,筆記以本人理解的方式記錄。此篇主題為 Slot Props 進階應用 ,其中包含單筆資料、多筆資料。
Thumbnail
上次我們完成用Unity 建完一張椅子,還有學習基本變數的應用,那我們就繼續寫更多的腳本來讓物體有更多的ㄅㄧㄢ #一般不會用Unity來建模啦,主要還是要靠其他3D軟體導入 ●Gravity Scale 重力預設為1,是造成物體下墜的主因,可以先調到0。 (Unity有支援負
Thumbnail
這篇文章,會帶著大家複習以前學過的滑動窗口(Sliding window)框架, 並且滿足特定區間的概念與應用為核心, 貫穿一些相關聯的題目,透過框架複現來幫助讀者理解這個演算法框架。 滑動窗口(Sliding window)框架示意圖 滑動窗口(Sliding window)的框架
Thumbnail
建立幾個變數如下,最上面兩個變數值為清單值 接下來分別設定球1位置到左上角落、設定球2位置到右上角落、設定球3位置到左下角落、設定球4位置到右下角落 當螢幕初始化的時候,設定玩家球的X、Y座標和大小,並將玩家球的初始顏色,設定成(變數_顏色清單)中.....
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Sprite。包括建立新的Sprite、重新命名及刪除、建議的命名方式、編輯圖像、調整圖像大小、動畫的概述、原點設置、碰撞遮罩的概述。
滑板是一種受歡迎的極限運動,無論您是初學者還是有一定基礎的滑板手,都可以透過這份滑板教學指南提升技能,享受滑板樂趣。 1. 選擇適合的滑板 首先,選擇一塊適合自己的滑板非常重要。通常,初學者可以嘗試較寬的滑板板身,這有助於保持平衡。確保滑板車輪和軸承的質量也是關鍵,這將影響您的滑行順暢度。 2.
前言: 滑板運動近年來在國內外廣受歡迎,不僅是青少年的最愛,也吸引了越來越多成年人參與其中。滑板雖然看似簡單,但卻蘊含了許多技術和藝術元素,能夠帶來獨特的運動樂趣。在這篇文章中,我們將一起認識不同型別的滑板,瞭解它們的特點及適用場景,讓您找到最適合自己的滑板選擇。 初階滑板: 對於初學者而言,選擇
Thumbnail
如果製作一個RGB色碼轉換器,算是考驗操作DOM! 那把它分成三個目標來依序完成, 抓slider的數字,存放在各個滑塊右邊的小格子 透過 slider.addEventListener("input", function (event) {...}) 監聽滑塊變動事件。 當事件被觸發時,取得
Thumbnail
這系列是我在 2023 六角學院 Vue作品實戰班的筆記,筆記以本人理解的方式記錄。此篇主題為 Slot Props 進階應用 ,其中包含單筆資料、多筆資料。
Thumbnail
上次我們完成用Unity 建完一張椅子,還有學習基本變數的應用,那我們就繼續寫更多的腳本來讓物體有更多的ㄅㄧㄢ #一般不會用Unity來建模啦,主要還是要靠其他3D軟體導入 ●Gravity Scale 重力預設為1,是造成物體下墜的主因,可以先調到0。 (Unity有支援負
Thumbnail
這篇文章,會帶著大家複習以前學過的滑動窗口(Sliding window)框架, 並且滿足特定區間的概念與應用為核心, 貫穿一些相關聯的題目,透過框架複現來幫助讀者理解這個演算法框架。 滑動窗口(Sliding window)框架示意圖 滑動窗口(Sliding window)的框架
Thumbnail
建立幾個變數如下,最上面兩個變數值為清單值 接下來分別設定球1位置到左上角落、設定球2位置到右上角落、設定球3位置到左下角落、設定球4位置到右下角落 當螢幕初始化的時候,設定玩家球的X、Y座標和大小,並將玩家球的初始顏色,設定成(變數_顏色清單)中.....