Unity UI | Slider

更新於 2022/08/29閱讀時間約 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
105會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
這篇文章將會介紹 Unity 中關於物理碰撞與偵測事件,如何使用程式腳本撰寫相關的程式來控制遊戲物件,這是學習 Unity 必學知識,它們在 Unity 中具有不可撼動的核心地位。
這篇文章將會講述物理射線的運作原理,以及他們怎麼使用,在 Unity 中射線是非常重要的一個部分,無論是 Debug 或是物理射線,都需要理解並懂得運用。
這篇文章將會講述在Unity中跟角度有關的兩項變數有什麼樣的地位和運作方式,我們只要撰寫跟角色角度有關的程式碼,就絕對不會繞開這兩個變數。
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
這篇文章將會介紹 Unity 中關於物理碰撞與偵測事件,如何使用程式腳本撰寫相關的程式來控制遊戲物件,這是學習 Unity 必學知識,它們在 Unity 中具有不可撼動的核心地位。
這篇文章將會講述物理射線的運作原理,以及他們怎麼使用,在 Unity 中射線是非常重要的一個部分,無論是 Debug 或是物理射線,都需要理解並懂得運用。
這篇文章將會講述在Unity中跟角度有關的兩項變數有什麼樣的地位和運作方式,我們只要撰寫跟角色角度有關的程式碼,就絕對不會繞開這兩個變數。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
遊戲引擎開發商 Unity 一直是我感覺很有發展潛力的企業,《原神》、《王者榮耀》等明星遊戲都是透過其引擎所建構,在手遊開發領域,擁有絕對統治力。然而,營運實績與線圖走勢卻不是如此,近 8 季毛利成長率有 4 季為負,1Q24 營運收入是近 8 季來最低值,-$375M…
Thumbnail
Unity (美股代號:U)是一家以渲染實時3D為核心業務的公司。上次評價是 2023Q1財報,已經過了9-10個月,這次回頭來檢視2023Q4和全年的結果。簡單講結論的話就是:美好開年,掙扎結尾。公司大刀闊斧準備再度出發,但是否有效果還需要再觀察一陣子。
Thumbnail
來自 Marc Whitten (Unity CEO)的致歉 !
Thumbnail
啊,,,,,是這個樣子的,這是我今正在做的東西, 目前做到的進度是, unity醬可以上下左右,搭配上timeline預先設定好路線,創造出往前樣子,那第一次寫發射砲彈的東西,就來記錄一下。 子彈(粒子效果) 這邊我還很爛QQ,但網路上有推薦文章,這篇真的介紹的很詳細: Unity Part
Thumbnail
開啟Xampp伺服器,並啟動 apache & mysql mysql建立 開啟Unity 建立 Script toPhp.cs Unity物件 toWeb物件設定 此處需特別留意設定 UItext & MYtext ,否則會出現物件未設定的Null錯誤 Button 設定 test.php con
  透過Unity平台開發出來的遊戲,比較廣為人知,例如憤怒鳥和寶可夢。Unity 的遊戲開發技術,可以刺激遊戲產業,更朝氣蓬勃有效率地開發新遊戲用戶透過遊戲平台,就可以進入元宇宙的世界!
Thumbnail
Unity在這週公布了2022年Q1的財報,財報發布後股價下挫30%,下跌至30美元,已經遠遠跌破兩年前的上市價。Unity雪崩式的下跌是因為Q1的營運不理想、未來的營運預期不理想、還是單純是隨著近期成長股估值修正而下跌呢?這篇文會分析Unity 2022Q1財報及預測Unity未來的營運狀況。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
遊戲引擎開發商 Unity 一直是我感覺很有發展潛力的企業,《原神》、《王者榮耀》等明星遊戲都是透過其引擎所建構,在手遊開發領域,擁有絕對統治力。然而,營運實績與線圖走勢卻不是如此,近 8 季毛利成長率有 4 季為負,1Q24 營運收入是近 8 季來最低值,-$375M…
Thumbnail
Unity (美股代號:U)是一家以渲染實時3D為核心業務的公司。上次評價是 2023Q1財報,已經過了9-10個月,這次回頭來檢視2023Q4和全年的結果。簡單講結論的話就是:美好開年,掙扎結尾。公司大刀闊斧準備再度出發,但是否有效果還需要再觀察一陣子。
Thumbnail
來自 Marc Whitten (Unity CEO)的致歉 !
Thumbnail
啊,,,,,是這個樣子的,這是我今正在做的東西, 目前做到的進度是, unity醬可以上下左右,搭配上timeline預先設定好路線,創造出往前樣子,那第一次寫發射砲彈的東西,就來記錄一下。 子彈(粒子效果) 這邊我還很爛QQ,但網路上有推薦文章,這篇真的介紹的很詳細: Unity Part
Thumbnail
開啟Xampp伺服器,並啟動 apache & mysql mysql建立 開啟Unity 建立 Script toPhp.cs Unity物件 toWeb物件設定 此處需特別留意設定 UItext & MYtext ,否則會出現物件未設定的Null錯誤 Button 設定 test.php con
  透過Unity平台開發出來的遊戲,比較廣為人知,例如憤怒鳥和寶可夢。Unity 的遊戲開發技術,可以刺激遊戲產業,更朝氣蓬勃有效率地開發新遊戲用戶透過遊戲平台,就可以進入元宇宙的世界!
Thumbnail
Unity在這週公布了2022年Q1的財報,財報發布後股價下挫30%,下跌至30美元,已經遠遠跌破兩年前的上市價。Unity雪崩式的下跌是因為Q1的營運不理想、未來的營運預期不理想、還是單純是隨著近期成長股估值修正而下跌呢?這篇文會分析Unity 2022Q1財報及預測Unity未來的營運狀況。