일모도원(日暮途遠) 개발자

[Android UI] 디자인 뷰, 블루프린터 뷰 본문

안드로이드 개발/UI관련

[Android UI] 디자인 뷰, 블루프린터 뷰

달님개발자 2022. 9. 22. 13:51

안드로이드 스튜디오의 레이아웃 에디터를 보면 오른쪽에 파란색 뷰가 하나 더있는게 보인다.

 

왼쪽 흰색은 디자인 뷰(Design view)이고 오른쪽 푸른색 뷰는 블루프린터 뷰(Blueprint view, 청사진 뷰)라고 한다.

 

 

상단에 보면 지도 레이어 두장이 있는 버튼있는데 여기서 디자인 뷰만 볼지, 두개 다 볼지등을 설정할수 있다.

디자인 뷰는 우리가 설정하는 대로 화면에 보이므로 직감적으로 와 닫는다. (rendered preview of your layout)

 

근데 블루프린트 뷰는 뷰의 아웃라인(outlines) 즉 윤곽선(輪廓線, 바퀴의 둘레 선)을 보여준다고 하는데, 무슨말인지 잘 이해가 안된다.

 

구글링을 해봐도 블루프린터 뷰는 외곽선을 보여주는 용도로, 필요성을 꼭 얘기하는경우가 없다.

기껏 해야 숨김처리한것이 블루프린터 뷰에는 보이는 정도?

 

 

 

내생각에는 뭔가 쓸모 있게 업그레이드 되지 않는 이상 나중에 블루프린터뷰는 제거 될거라 본다.

 

블루프린터 뷰는 이름 그대로 뷰의 아웃라인(외곽선)만 보여주는걸로 자기가 좋아하는 뷰로 쓰자.

 

 

여기에는 블루프린터 뷰의 쓸모성에 대해서 몇가지 예를 들고 있다.

https://stackoverflow.com/questions/57112894/android-studio-what-does-the-blueprint-area-do-what-benefit-is-it

 

  • If your View is invisible, it won't be seen in the preview but it will visible in the blueprint view.
  • Overlapping views are more clearly visible and identifiable.
  • It provides a more clutter-free view where the constraints and views are more immediately identifiable.
  • It's also used to be useful for preview of components that are 'invisible' (for example, imageview who's src get set programmatically).
  • Rendering the blueprint view is faster. (As pointed out by Martin Marconcini in the comments)

 

 

 

https://developer.android.com/studio/write/layout-editor#intro

 

Layout Editor로 UI 빌드  |  Android 개발자  |  Android Developers

Layout Editor에서는 레이아웃 XML을 직접 작성하는 대신 UI 요소를 시각적 디자인 편집기로 드래그하여 레이아웃을 신속하게 빌드할 수 있습니다.

developer.android.com