Android Studio 레이아웃 미리보기는 어디에 있습니까?


178

Android Studio를 설치했지만 레이아웃 파일을 편집 할 때 라이브 미리보기를 찾을 수 없습니다! XML 파일 만 보입니다. 그래픽보기에서 레이아웃을 어떻게 볼 수 있습니까?

업데이트 : 이것은 내 경우와 같습니다.

여기에 이미지 설명을 입력하십시오


5
편집 한 파일이 Resources 디렉토리에 없습니다 ...
etienne


4
View -> Tool Windows -> Preview
onmyway로

나를 위해 전체 툴바가 누락되어 활성화해야했습니다 View -> Toolbar Buttons.
FirstOne

답변:


354

업데이트 2 (2020-03-16)

최신 Android Studio 버전에서는이 버튼의 위치가 변경되었습니다. 레이아웃 디자인 미리보기를 보려면 XML 오른쪽 상단에있는 버튼 중 하나를 눌러야합니다. 이미지 아이콘 모양의 버튼은 디자인 대시 보드를 열고 옆의 버튼은 디자인이 XML 코드 옆에있는 분할보기를 엽니 다.

여기에 이미지 설명을 입력하십시오

원본 (2013-05-21)

xml 텍스트 편집기 아래의 Design버튼 옆에 버튼 이 있어야합니다 Text.

여기에 이미지 설명을 입력하십시오

또는 Preview오른쪽 상단에 있는 버튼을 사용 하여 XML 코드 옆에 미리보기 창을 추가 할 수 있습니다 .

여기에 이미지 설명을 입력하십시오

최신 정보:

당신이 그것을 가지고 있지 않다면, 이렇게하십시오 : View-> Tool Windows->Preview

여기에 이미지 설명을 입력하십시오


41
나는이 옵션을 전혀 가지고 있지 않다!!
Fcoder

3
질문을 업데이트하고 스크린 샷을 넣었습니다. 나는 최근에 그것을 다운로드하고 아무것도 변경하지 마십시오!
Fcoder

6
이 옵션이 있지만 비활성화되어 있습니다!
Omid

2
감사합니다! 미리보기가 사라졌고 지구상의 어디로 갔는지 알 수 없었습니다. 감사합니다!
tm_forthefuture

5
view> windows 도구에서 미리보기를 볼 수없는 모든 사용자를 위해 반드시 XML 편집기의 "텍스트"탭에 있어야 옵션을 볼 수 있습니다
D4rWiNS

46

여러 사람들이 같은 문제가있는 것 같습니다. 문제는 IDE res/layout*가 Android 프로젝트 의 디렉토리 에서 레이아웃 파일을 편집하는 경우 미리보기 만 표시한다는 것 입니다.

특히 소스 디렉토리가 아니라 출력 디렉토리 build/res/layout*이기 때문에 파일을 편집하면 표시 되지 않습니다 . 귀하의 경우 디렉토리 에서 파일을 편집하는 중입니다 ...build/

리소스 폴더는 자동으로 설정되며 프로젝트 구조> 모듈> [모듈 이름]> Android> 리소스 디렉토리에서보고 변경할 수 있습니다.


1
고마워 당신은 많은 시간 저장
Gaurav Vashisth

적어도 현재 실제 안드로이드 스튜디오 1.1.0 링크
Alexeev Valeriy

예, Android Studio에서 자동으로 처리하는 것 같습니다. 더 이상 실수로 출력 파일을 열 수 없다고 생각합니다.
etienne

17

누군가를 도울 수 있다면 오늘 '디자인 / 텍스트'탭이없는 동일한 문제가있었습니다. 나는 어두운 테마로 전환했고 그것이 문제라고 생각했을 수도 있으므로 환경 설정 / 모양 (IDE 설정에서)으로 돌아가 기본 테마로 다시 전환하여 모든 것이 올바르게 재설정되었습니다. 그런 다음 다시 Darcula 테마로 전환 할 수 있었고 탭이 여전히 있었으므로 테마를 전환하는 것이 IDE 창 / 탭을 재설정하는 방법 인 것 같습니다.


팔! 감사합니다. 드라큘라 테마를 사용하는 것과 같은 문제가 있었으며 맨 아래에 "디자인"및 "텍스트"탭이 표시되도록 기본 테마로 다시 전환해야했습니다. 건배.
Joshua Pinter

나는 바닥에 탭이 빠져 있는데, 이것은 9/25/13의 최신 릴리스에서 저에게 효과적이었습니다. 그러나 코드 편집기 창만으로 테마를 다시 전환하지는
못했습니다

17
  1. 빨간색 사각형으로 표시된대로 왼쪽 분할 창에서 MainActivity.java 파일을 선택하십시오.

  2. 빨간색 원으로 표시된대로 XML 태그 아이콘을 마우스 왼쪽 단추로 클릭하십시오.

  3. 아래 그림에서 강조 표시된 "activity_main.xml (layout)"옵션을 선택하십시오.

여기에 이미지 설명을 입력하십시오


감사! 이 문제는 해결되었습니다.
Sumutiu Marius

이것이 정답입니다. 고치려면 20 분이 걸렸습니다.
Dan Zuzevich

12

다음은 나를 위해 일했습니다.

-> 파일

-> 설정

-> 플러그인

-> 안드로이드 지원 플러그인 비활성화

-> 다시 시작하라는 메시지가 표시됩니다

-> 다시 시작한 후 프로세스에서 비활성화되었을 수있는 플러그인 및 기타 종속성 플러그인을 다시 활성화하십시오.

-> 다시 시작하라는 메시지가 표시됩니다. 안드로이드 스튜디오가 두 번째로 다시 시작되면 미리보기가 렌더링되기를 바랍니다.


10

이 문제를 해결하는 두 가지 빠른 옵션이 있습니다.

  1. 검색 "미리보기"에 입력하면 단일 결과가 표시됩니다. 그냥 클릭하면 미리보기가 다시 나타납니다 :)
  2. 오른쪽 선을 당기면 창이 나타납니다. 좀 크기가 조정되었습니다.

Android Studio의 미리보기 창

행복한 코딩!



7

File-> Invalidate Caches / Restart로 이동하십시오.

문제가 해결됩니다.


5

Eclipse ADT 프로젝트를 Android Studio로 가져온 후 동일한 문제가 발생했습니다. 누락 된 텍스트 및 설명 탭

이벤트 로그 창에 "프레임 워크 감지 : 프로젝트에서 Android 프레임 워크가 감지되었습니다"라는 메시지가 표시됩니다.

제공된 하이퍼 링크를 클릭하면 모든 것이 수정되고 텍스트 및 설명 탭이 표시되고 작동합니다.


4

파일-> 프로젝트 구조-> 모듈-> 녹색 더하기 버튼을 클릭하여 모듈을 추가하십시오.

새 모듈 선택-> Android에서 애플리케이션 모듈 선택-> 모듈 이름 지정-> 다음-> 다음-> 완료

모듈에 포함시킬 프로젝트를 선택하십시오-> 적용을 클릭하십시오-> 괜찮습니다

이제 전체 프로젝트 구조를 볼 수 있습니다. 그런 다음 모듈 양식 프로젝트 창 (왼쪽 패널)을 열고 res를 선택한 다음 레이아웃-> 레이아웃 이름 (.xml)을 선택하십시오.

이제 디자인보기와 텍스트보기를 모두 볼 수 있습니다.


2

에티엔은 당신이보고있는 XML 파일이 src/main/res/layout

나는 같은 문제가 있었다. build디렉토리 의 레이아웃 파일에 있는 경우 미리보기가 표시되지 않으며 활성화 옵션으로 표시되지 않습니다. Google에 약간의 경고가 있었으면 좋겠습니다.


2

먼저 새 앱을 만든 후

java-> MainActivity로 이동하십시오.

새 탭을 엽니 다

자바 코드에서 코드 로고를 볼 수있는 색인 번호를 클릭하십시오.여기에 이미지 설명을 입력하십시오

그림에서 빨간색 동그라미로 표시

그것을 왼쪽 클릭하면 아래 그림과 같이 두 가지 옵션이 표시됩니다여기에 이미지 설명을 입력하십시오

첫 번째 옵션을 클릭하면 android studio에서 앱을 미리 볼 수 있습니다


1

실시간 미리보기 를 보려면 화면 오른쪽에 실시간 미리 보기 를 표시하거나 숨기는 버튼 호출 미리보기 가 있어야합니다 .

WYSISYG 편집기 모드를 사용하려는 경우 편집기 하단에 XML 모드와 WYSISYG 모드 사이를 전환하는 탭이 있습니다.

이것은 IntelliJ 및 Android Studio에서 동일한 방식으로 작동합니다.


0

똑같은 문제가 있었고 src> main> res> layout에서 t 파일을 편집하여 해결했습니다. 편집기 하단에서 테스트 및 디자인 모드 중에서 선택할 수 있습니다.

우리가 어디를 찾을 지 안다면 아주 간단합니다! 그것을 알아내는 데 몇 시간을 소비하십시오 !!!


0

Eclipse에서 Android Studio로 프로젝트를 내보낼 때 몇 시간 전에이 문제가 발생했습니다. 불행히도, 여기에 가장 좋은 답변은 저에게 효과적이지 않았습니다.

어쨌든, 새로운 프로젝트를 생성하는 대신 이전을 열면 토마스 Kaliakos 그의 코멘트에 언급 한 것과 나를 위해 트릭 한 여기를

나는 프로젝트에 대해 엉망으로 만들어야했다. 그리고 어느 시점에서 그것은 효과가 있었다. 그래도 모르겠다. 내 생각 엔 새 프로젝트를 만들고 소스 코드를 추가하면 매번 작동합니다. 명확하지 않은 것은 유감이지만, 솔직히 나는 그것이 효과가 있다고 스스로 놀라게되었습니다. – Thomas Kaliakos 10 월 15 '13시 4:08


0

도킹 모드 (xml 파일을 편집하는 동안 여전히 표시됨)를 원할 경우 실수로 클릭하여 표시되지 않은 도킹 모드를 선택합니다. 다시 보려면 미리보기에 중점을두고를 클릭하십시오 Window > Active Tool Window > Docked Mode.


0

하단에 "Android 프레임 워크가 감지되었습니다. 클릭하여 구성하십시오"와 같은 메시지가 표시되면 IT 부서에 문의하십시오.

이 작업을 수행 한 후 텍스트 및 디자인 하단 탭이 나타납니다.


0

제 경우에는 디자인 또는 미리보기 탭 이 없습니다 .

시험

  • 필요한 구성 요소를 다운로드하도록 프록시를 올바르게 구성하십시오.
  • 공백 문자를 포함하지 않도록 android-sdk 경로 구성
  • 관리 모드에서 Android Studio를 다시 시작하십시오.

0
  1. 파일-> 캐시 무효화 / 다시 시작으로 이동 하십시오 . 다시 시작하면 미리보기 창이 나타납니다.

  2. 여전히 미리보기 창이 열리지 않습니다.보기-> 도구 창으로 이동-> 미리보기를 클릭하십시오.


0

파일> 설정> 모양 및 동작> 모양> 도구 창 표시 줄로 이동하십시오.


0

Android Studio 3.3을 사용하고 있으며이 방법이 효과적이었습니다. 왼쪽 패널에서 파일 / 설정에서 설정을 열고 편집기를 선택한 다음 레이아웃 편집기를 선택한 다음 오른쪽 패널에서 "레이아웃이 아닌 파일을 편집 할 때 미리보기 창 숨기기"라는 세 번째 옵션을 선택 취소하십시오. 적용을 누른 다음 확인을 누르십시오. 그런 다음 레이아웃 XD의 디자인 탭에서보기 / 도구 창 / 미리보기로 이동하십시오. 투표를 잊지 말고이 답변을 정답으로 표시하십시오. 행복한 코딩.여기에 이미지 설명을 입력하십시오


-1

File >> setting >> Compiler >> JavaCompiler "프로젝트 바이트 코드 버전 (jdk 기본값은 비워 두십시오) :"에서 jdk를 선택하십시오.

여기에 이미지 설명을 입력하십시오

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.