[Unity] UGUI - UI Image

http://blog.naver.com/nicecapj/220399476225

[UGUI] UI Image(Sprite)

---

Image Type

 

Sliced
9슬라이스 또는 9패치라고 불리는 방법입니다.

양끝의 8부분은 반복하지 않고, 가운데 부분을 늘려서 이미지를 표시하는 방식을     말합니다.

 

simple인 상태에서 width를 300, height를 100으로 설정하면 simple에서 본 것처럼

옆으로 쭈윽 늘어난 이미지가 되지만 9슬라이스를 지정한후에 넓이를 지정하면

    

 

외곽은 유지되고, 가운대는 채워진 형식으로 표시됩니다.

 

이미지의 설정은 9개 부분으로 나누어지게 되는데

 

각각의 이미지를 따로 만들지 않고 다양한 패턴으로 늘려서 사용할 수 있고, 

작은 크기의 이미지로, 경계의 왜곡없이 확장할 수 있기 때문에, 적극 사용하는 것이 좋습니다.

 

    
Fill Center는 가운데를 채울지 말지 여부입니다.
보통 체크해두면 됩니다.

 

Tiled
     말 그대로 목욕탕 타일처럼 균일하게 반복되면서 채워지는 방식입니다.

Filed
원래 이미지로 조금씩 채워지는 방식으로
FillOrign : 채워지기 시작할 위치(왼쪽/오른쪽/위/아래)
FillAmount : 채워질 양(0~1)을 지정합니다.  

 

Fill Methode는 채워지는 방식인데

Horizontal은 Orign에 따라, 왼쪽에서 오른쪽 / 오른쪽에서 왼쪽으로 채워집니다.

Vertical은 Orign에 따라, 아래에서 위로 / 위에서 아래로 채워집니다.  

Radial360을 원을 한바퀴 돌면서 채워지는데, 사용하면 쿨타임이나, 시간바를 멋지게 표시할 수 있습니다.  

Radial90/Radial80은 비슷하지만 느낌이 틀림으로 직접 해보는 것이 좋습니다.