[💬] 유니티 9patch 이미지로 버튼을 만들어보자.

[hong(121.186)]

안드로이드 버튼같은걸 보면 사각형의 4각 부분은 안늘어나고

그라데이션 없는 단색 부분만 늘어나서, 버튼 모양이 예쁜걸 볼 수 있습니다.

그런 이미지를 9patch, 나인패치라고 하는데 그 비슷한걸 유니티에서 사용해 봅시다.

다음은 16x16짜리 테두리 이미지입니다. 확대한거구요 검거나 어두운 배경에 쓰면 예쁩니다.

() < ---- 원본 이미지 우클릭 후 이미지 다운로드

하이어라키 창에서 캔버스 생성

그담에 버튼 만들구여

받은 스퀘어2 이미지를 넣으면

어라 가로로는 늘어나고 세로는 그대로라 개판이군요

스프라이트를 선택합니다.

싱글 모드인 상태로 스프라이트 에디터를 누릅니다.

원래 네모 한개가 그려져있는데 선을 드래그 앤 드롭해서 노란색 반투명 부분이 끝나는 부분으로 맞춥니다.

보더를 4,4,4,4 로 맞춘거랑 같네요

그리고 다로 버튼으로 돌아와서 이미지 타입을 Sliced로 바꾸고 너무 적은 숫자인 높이 30을 60으로 바꾸면

개꾸르... 파란 배경은 검은 글자가 잘 안보이니 Button의 자식오브젝트인 Text의 Text 컴포넌트에서 컬러를 흰색으로 맞춰주면 예쁘겠죠.

더 예쁘려면 AddComponent눌러서 Shadow를 하면 됩니당.

그리고 버튼오브젝트를 드래그 해서 프로젝트윈도우로 끌어서 프리팹으로 저장하면 개꿀..

( 이미지가 10장 제한이라. 결과를 보여줄수가  없습니다 )

[스넬ㄹ(snails88)]

ㅊㅊ - dc App