안드로이드 스튜디오 레이아웃 미리보기 오류 해결방법

안녕하세요! 모바일 애플리케이션 개발 공부로 안드로이드 스튜디오를 설치해서 사용하던 중에 발견한 문제점이 하나 있었는데 바로 화면의 레이아웃 디자인 영역에서 미리보기가 보이지 않다는 것이었습니다. 그래서 오늘은 이 문제를 해결할 수 있는 방법을 소개해드리도록 하겠습니다. 

참고로 앞에서 말한 레이아웃 디자인 영역은 태그 정보로 레이아웃을 구성한 xml 파일로 프로젝트 영역에서 'app' - 'res' - 'layout'을 들어가면 해당 파일이 있고 프로젝트를 생성할 때 기본 설정으로 진행하셨다면 파일 이름이 'activity_main.xml' 일 것입니다. 이 파일을 클릭하고 미리보기가 보이지 않는다면 아래의 사진과 같은 화면일 것 같습니다.

원래 화면의 가운데에 직사각형 박스로 감싸여진 모바일 화면에 "Hello World!"라는 문자열이 보여야 하지만 무슨 오류가 있어서 그런지 문자열이 보이지 않는 상황입니다. 사진의 아랫 단에는 Error 메세지가 있는데 'Render problem'이라는 문제라고 합니다. 또 이를 해결하려면 파란색 글씨와 밑줄이 그어진 'refresh'를 클릭하여 시도해보라고 해도 이 문제가 해결되지가 않았습니다. 하지만 이를 해결할 수 있는 아주 간단한 방법이 있습니다.

방법은 왼쪽의 프로젝트 영역에 가서 위의 사진에 표시한 것과 같이 'app' - 'res' - 'values' 폴더를 들어가신 다음에 'styles.xml'라는 제목의 파일을 클릭하여줍니다.

'styles.xml' 파일은 다음과 같이 태그 정보로 이루어져 있는데 위 사진에서 강조한 부분인 "parent="~""을 수정해 주면 문제가 간단하게 해결되는데 바로 아래의 사진처럼 말입니다.

맨 처음의 코드와 수정한 코드 사이에서 달라진 점은 "Theme" 앞에 "Base."를 추가했다는 점입니다. 코드를 수정하는 동시에 레이아웃 미리보기의 오류가 해결되는데 한번 확인해보시길 바랍니다.

모바일 화면에 "Hello World!"가 잘 보이는 모습으로 텍스트뷰 뿐만 아니라 다른 버튼이나 이미지뷰도 또한 끌어다가 추가하면 즉시 미리보기에 보이게 될 것입니다. 또 동시에 아까의 오류도 없어진 것을 확인할 수 있었습니다. 하지만 이 방법은 프로젝트를 새로 생성할 때 마다 코드를 수정해야하기 때문에 조금 귀찮은 점도 있는데 만약 다른 방법을 알게 된다면 그때 새롭게 소개해드리도록 하겠습니다. 만약 그 방법을 알고 계신다면 공유해주시면 정말 감사하겠습니다.