Unity UI | Slider

更新 發佈閱讀 3 分鐘
raw-image

前言

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

滑塊 | Slider

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

滑塊的組成

raw-image

  滑塊由三個遊戲物件組成,並且統一在名為 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 的一個簡易使用方式,因此我就繼續把它撰寫完了,

瓶裝雪

你對我有興趣了?那太好了,我還有很多的作品跟知識可以讓你看看,無論是我對了抒發情感和鍛鍊文筆的生活與戀愛的文章、還是關於我自己專案的日程紀錄、粒子特效的作品展示,都可以在下面找到我。

最新消息與時間軸:

噗浪 ( plurk.com )

程式與設計:

臉書 ( Facebook.com )

痞客邦 ( pixnet.net )

戀愛與生活:

波波黛莉 ( popdaily.com.tw )

痞客邦 ( pixnet.net )

粒子與特效:

Instagram ( instagram.com )

Youtube ( youtube.com )

PixivFanbox ( fanbox.cc )

遊戲製作:

叭啦叭啦 ( gamer.com )

Twitter ( twitter.com )

Youtube ( youtube.com )


留言
avatar-img
瓶裝雪的沙龍
117會員
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
創作不只是個人戰,在 vocus ,也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」,現在有了更強大的新夥伴加入!除了大家熟悉的「官方主題沙龍」,這次我們徵召了 8 位領域各異的「個人主題專家」,將再度嘗試創作的各種可能,和格友們激發出更多未知的火花。
Thumbnail
創作不只是個人戰,在 vocus ,也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」,現在有了更強大的新夥伴加入!除了大家熟悉的「官方主題沙龍」,這次我們徵召了 8 位領域各異的「個人主題專家」,將再度嘗試創作的各種可能,和格友們激發出更多未知的火花。
Thumbnail
看完上篇 4 位新成員的靈魂拷問,是不是意猶未盡?別急,野格團新血的驚喜正接著登場!今天下篇接力的另外 4 位「個人主題專家」,戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長;這些人如何維持長跑般的創作動力?在爆紅的文章背後,又藏著哪些不為人知的洞察?5 大靈魂拷問繼續出擊
Thumbnail
看完上篇 4 位新成員的靈魂拷問,是不是意猶未盡?別急,野格團新血的驚喜正接著登場!今天下篇接力的另外 4 位「個人主題專家」,戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長;這些人如何維持長跑般的創作動力?在爆紅的文章背後,又藏著哪些不為人知的洞察?5 大靈魂拷問繼續出擊
Thumbnail
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
Thumbnail
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
Thumbnail
這篇文章將會講述一款第三人稱自製控制器的滑雪遊戲,運用Arduino模擬滑雪的動作,在大學中滑雪關閉冷氣的遊戲。
Thumbnail
這篇文章將會講述一款第三人稱自製控制器的滑雪遊戲,運用Arduino模擬滑雪的動作,在大學中滑雪關閉冷氣的遊戲。
Thumbnail
這篇文章將會介紹 Collider 並說明應用與控制方式。
Thumbnail
這篇文章將會介紹 Collider 並說明應用與控制方式。
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
Thumbnail
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
Thumbnail
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
Thumbnail
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
Thumbnail
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
Thumbnail
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
Thumbnail
這篇文章會介紹一個靜態浮點數Time.deltaTime,並教導你製作計時器,以及計時器的相關知識與使用建議。
Thumbnail
這篇文章會介紹一個靜態浮點數Time.deltaTime,並教導你製作計時器,以及計時器的相關知識與使用建議。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News