Unclaimed Package Is this your package? Claim it to unlock full analytics and manage your listing.
Claim This Package

Install via UPM

Add to Unity Package Manager using this URL

https://www.pkglnk.dev/uiextendbutton.git

README Markdown

Copy this to your project's README.md

Style
Preview
pkglnk installs badge
## Installation

Add **UI Extend Button** to your Unity project via Package Manager:

1. Open **Window > Package Manager**
2. Click **+** > **Add package from git URL**
3. Enter:
```
https://www.pkglnk.dev/uiextendbutton.git
```

[![pkglnk](https://www.pkglnk.dev/badge/uiextendbutton.svg?style=pkglnk)](https://www.pkglnk.dev/pkg/uiextendbutton)

README

UI Extend Button

Unity์˜ UI ๋ฒ„ํŠผ์„ ํ™•์žฅํ•˜์—ฌ ๋”์šฑ ์œ ์—ฐํ•œ ๋น„์ฃผ์–ผ๊ณผ ์ƒํ˜ธ์ž‘์šฉ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Image

๐Ÿ“Œ ๊ฐœ์š”

UI Extend Button์€ UGUI ๋ฒ„ํŠผ์„ ํ™•์žฅํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๋ฒ„ํŠผ ์ƒํƒœ๋ฅผ ์ž๋™์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํŒจํ‚ค์ง€์ž…๋‹ˆ๋‹ค.

โœ… ์ปค์Šคํ…€ ๋ฒ„ํŠผ ๋น„์ฃผ์–ผ (ํ˜ธ๋ฒ„, ํด๋ฆญ, ๋น„ํ™œ์„ฑํ™” ๋“ฑ)
โœ… ์ž๋™ ์ƒ‰์ƒ ์กฐ์ ˆ ๊ธฐ๋Šฅ
โœ… ๊ฐ€๋ณ๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด ๊ตฌ์„ฑ

์ด์ œ ColorBlock์„ ์ง์ ‘ ์„ค์ •ํ•˜์ง€ ์•Š์•„๋„ ๋ฒ„ํŠผ์˜ ์ƒํƒœ๋ณ„ ์ƒ‰์ƒ์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ“ฆ ์„ค์น˜ ๋ฐฉ๋ฒ•

manifest.json์„ ์ด์šฉํ•œ ์„ค์น˜

Unity ํ”„๋กœ์ ํŠธ์˜ Packages/manifest.json ํŒŒ์ผ์— ๋‹ค์Œ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•˜์„ธ์š”.

"dependencies": {
  "com.dopple.uiextendbutton": "https://github.com/doppleddiggong/UIExtendButton.git"
}

Git URL์„ ์ด์šฉํ•œ ์„ค์น˜

image.png


๐Ÿš€ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

1. ExtendButtonVisualCtrl ์ปดํฌ๋„ŒํŠธ ์ถ”๊ฐ€

  • UI ๋ฒ„ํŠผ(GameObject)์— ExtendButtonVisualCtrl ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜์„ธ์š”.
  • ๋ฒ„ํŠผ๊ณผ ๊ด€๋ จ๋œ ๊ทธ๋ž˜ํ”ฝ ์š”์†Œ๋ฅผ ์ž๋™์œผ๋กœ ๊ฐ์ง€ํ•˜์—ฌ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

2. ๋ฒ„ํŠผ ์ƒ‰์ƒ ์„ค์ •

๋‹ค์Œ ํ•ญ๋ชฉ์„ Inspector์—์„œ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ํ˜ธ๋ฒ„(hover) ์ƒํƒœ ์ƒ‰์ƒ
  • ํด๋ฆญ(pressed) ์ƒํƒœ ์ƒ‰์ƒ
  • ๋น„ํ™œ์„ฑํ™”(disabled) ์ƒํƒœ ํˆฌ๋ช…๋„ ์กฐ์ ˆ
  • ์•„์ด์ฝ˜ ๋ฐ ํ…์ŠคํŠธ ์ƒ‰์ƒ

3. HoverSound, ClickSound๋ฅผ ์ œ์–ด

ExtendButton์„ ํ†ตํ•ด ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

4. UIElementScaler๋ฅผ ํ†ตํ•ด Scale์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

5. ์ž์„ธํ•œ ์‚ฌ์šฉ์€ SampleScene๊ณผ ์˜์ƒ์„ ํ™•์ธํ•ด๋ณด์„ธ์š”. ์„ ํ™•์ธํ•ด๋ณด์„ธ์š”.

Video


๐ŸŽจ Inspector ๊ธฐ๋Šฅ

์ด ํŒจํ‚ค์ง€๋Š” ์ธ์ŠคํŽ™ํ„ฐ์—์„œ ๋ฐ”๋กœ ์„ค์ • ๊ฐ€๋Šฅํ•œ ๋ฒ„ํŠผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

  • "Recommand Tint Color" โ†’ ๋ฒ„ํŠผ์˜ ์ถ”์ฒœ ์ƒ‰์ƒ ์ž๋™ ์„ค์ •
  • "Set Normal State" โ†’ ๋ฒ„ํŠผ์„ ๊ธฐ๋ณธ ์ƒํƒœ๋กœ ๋ฆฌ์…‹

๐Ÿ“œ ๋ผ์ด์„ ์Šค

์ด ํ”„๋กœ์ ํŠธ๋Š” MIT ๋ผ์ด์„ ์Šค ํ•˜์— ๋ฐฐํฌ๋ฉ๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ LICENSE ํŒŒ์ผ์„ ํ™•์ธํ•˜์„ธ์š”.


๐Ÿ”— ๊ด€๋ จ ๋งํฌ


๐Ÿ“Œ ์ถ”๊ฐ€ ์ •๋ณด

  • Unity 2020.3 ์ด์ƒ์—์„œ ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์ด์Šˆ์— ๋“ฑ๋กํ•ด ์ฃผ์„ธ์š”.

Comments

No comments yet. Be the first!