화면에 uGUI 이미지 맞춤

2243 단어 uGUIUnity

전제 조건

  • unity 2018.4.30f1 동작 확인
  • '화면에 잘 어울려요'가 뭐예요?


    화면과의 호흡 방법으로 다음 3가지를 고려할 수 있다.
    이름
    형상
    설명
    스트레칭

    종횡비를 무시하고 확대해서 전체 화면으로 축소하다
    Fit 인라인

    세로 비례를 유지하고 이미지의 전체적인 방식을 표시하는 방식으로 확대하여 이미지와 화면 끝에 간극을 형성한다
    Fill 외부 접속

    종횡비례를 유지하여 화면에 간극 없이 표시하는 방식으로 확대된 이미지가 화면에서 드러나다

    밀어내기/고정의 경우


    '스트레칭-신축'과'Fit-내접'은 유니티의 표준 기능만 통해 쉽게 실현된다.

    RectTransform을 루트 Canvas의 외곽을 따라 확장하도록 설정합니다. 이미지의 Preserv Aspect를 검사하면 "Fit", 검사하지 않으면 "Stretch"입니다.
    또 스마트폰이 회전할 때 발생하는 화면 사이즈 변화에도 대응할 수 있다.

    파일 구현


    리소스 가져오기


    ⇒ 다운로드FitForScreen.unitypackage
    소스 여기 있어요.

    사용 방법

  • 자원을 프로젝트로 가져옵니다
  • 장면의 객체에 FitForScreen 스크립트를 추가합니다
  • 검사기에서 이미지를 설정하고 Method를 선택합니다
  • 화면 크기와 Method의 변화도 지원합니다
  • 샘플(SampleScene)을 참조하십시오
  •  
    UNITY-CHAN! © Unity Technologies Japan/UCL

    좋은 웹페이지 즐겨찾기