Android Studio không hiển thị bản xem trước bố cục


82

Tôi đang sử dụng Android Studio 1.4

Đã trôi qua một thời gian kể từ lần cuối cùng tôi tạo một dự án mới trong android studio và hôm nay khi tôi làm điều đó, android studio không hiển thị bất kỳ thứ gì từ bản xem trước bố cục. Đó là một cửa sổ trống và nói "Không có gì để hiển thị".

Tôi nghĩ nó có liên quan đến thư viện thiết kế hỗ trợ mới vì tôi chưa bao giờ thấy "mã mặc định" mới này. Tôi đã nghiên cứu một chút và đó là hướng dẫn thiết kế material design mới cho android ...

Tôi đã làm điều này:

  1. đã cập nhật các công cụ SDK
  2. làm sạch dự án và xây dựng lại nó
  3. bộ đệm vô hiệu và khởi động lại

... và vẫn không có gì.

Đã cập nhật:

Tôi quyết định cập nhật 1.5.1 nó như thế này: nó gây ra cho tôi vấn đề hiển thị đó .. Tôi nghĩ rằng nó không hiển thị chính xác nút phía dưới bên phải, vì tôi nghĩ nó phải là một nút có biểu tượng thông báo trong đó và trong AS của tôi chỉ hiển thị biểu tượng tin nhắn (sửa cho tôi nếu tôi sai).

nhập mô tả hình ảnh ở đây

nhập mô tả hình ảnh ở đây


1
thêm liên kết ảnh chụp màn hình cho vấn đề này, nó có thể có nhiều lý do ;-)
piotrek1543

1
@ piotrek1543 được cập nhật
Cap.Alvez

2
wow, tôi không mong đợi điều đó. Ok, cập nhật Android Studio của bạn lên phiên bản mới nhất
piotrek1543

4
@ Cap.Alvez Bạn có thể thử thay đổi chủ đề Ứng dụng thành ví dụ như Holo.Light.NoActionBar
kar

2
@ Cap.Alvez Điều đó thường hiệu quả với tôi. Một điều khác mà tôi có thể nghĩ đến là bạn đã bắt đầu Hoạt động "Trống" hay Hoạt động "Trống"? Nếu bạn đã làm Blank, bạn có thể thử tạo một dự án mới để thử nghiệm bằng cách sử dụng Empty và đặt Theme thành Holo.Light như đã đề cập trước đó không.
kar

Câu trả lời:


109

Chọn một chủ đề khác ( Holoví dụ: ngoài chủ đề Theme)

Hình ảnh giải pháp

Khi bạn tạo kiểu không chính xác hoặc từ một kiểu hiện có, sự cố này thường xảy ra. Vì vậy, chọn "Bố cục đồ họa" chọn "AppTheme" (Tab có ngôi sao màu xanh). Và chọn bất kỳ kiểu nào được xác định trước. Trong trường hợp của tôi, "Light" sẽ giải quyết vấn đề.

Cố gắng 'Vô hiệu hóa bộ nhớ đệm và khởi động lại'.

làm thế nào để vô hiệu hóa bộ nhớ cache và khởi động lại

Khởi động lại Android Studio của bạn bằng cách chọn tùy chọn này. Nó có thể mất một thời gian.

Sau đó, nếu vẫn không hiệu quả, hãy thử xây dựng lại dự án của bạn.


1
Bộ nhớ đệm không hợp lệ hoạt động với tôi khi tôi có tab Xem trước trống không có nút cấu hình thiết bị.
Aleksander Niedziolko

Vì tôi đã không khởi động lại Android Studio trong vài tuần. Đang ngủ đông máy tính xách tay của tôi. Làm như vậy đã làm việc cho tôi. Cảm ơn!
sud007

Tôi bực bội vì không có ngôi sao xanh. Nhưng sau đó tôi thấy rằng biểu tượng Chủ đề trên thanh công cụ của tôi là hai vòng tròn đồng tâm, với một bên trong được chia đôi theo chiều dọc với một bên màu trắng và một bên màu đen.
ROBERT RICHARDSON

Tôi muốn sử dụng Chủ đề ứng dụng là gì?
Agile_Eagle

Nếu bạn muốn sử dụng theme ứng dụng sau đó xem câu trả lời của Natesh Bhat dưới đây
user2174870

84

Đây là một vấn đề phổ biến . Nó có thể được giải quyết dễ dàng bằng cách thay đổi res/values/styles.xmlthành

<!-- Base application theme. -->
<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
</style>

Các bước:

  • Chuyển đến res / giá trị /
  • mở styles.xml

    • thay đổi từ -> style name = "AppTheme" parent = " Theme.AppCompat.Light.DarkActionBar "

    • đổi thành -> style name = "AppTheme" parent = " Base.Theme.AppCompat.Light.DarkActionBar "

    (Chỉ cần thêm " Cơ sở " vào " Chủ đề ".)


  • Lưu tệp và kiểm tra Xem trước ngay bây giờ.

  • Xem trước Works Perfeclty ngay bây giờ.


1
Điều này cũng giải quyết vấn đề của tôi. Bạn có biết lý do của vấn đề này?
Johny

Những công việc này. Loại ngạc nhiên tại sao điều này không có ở đó theo mặc định.
Aswin G

Làm việc :) cho tôi
Shubh

16

Kiểm tra lại bản cập nhật SDK vì API 23: Android N (preview)hiện đã có sẵn, hãy tải xuống đúng cách HOẶC chọn API 23: Android 6.0từ trên cùng bên phải của cửa sổ xem trước. kiểm tra hình ảnh

nhập mô tả hình ảnh ở đây .
.
Nó (Android Studio) tự động chọn cái mới nhất ngay cả khi nó không được cài đặt đúng cách. Vì vậy ,

Những gì bạn cần làm là:

  1. cài đặt cái mới đúng cách

    HOẶC LÀ

  2. bấm vào cái trước.


16

Tìm Styles.xml trong Giá trị. (Res / Values ​​/ Styles.xml) Thay đổi điều này

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

đến điều này:

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

Sau đó làm sạch và xây dựng dự án. Cả hai điều bạn có thể làm từ menu xây dựng.

Nó đã làm việc cho tôi.


Nó đã làm việc cho tôi. Sẽ rất vui nếu có một lời giải thích bổ sung tại sao nó lại xảy ra. Tôi nghi ngờ một số hướng dẫn của Android Studio không được cập nhật để phản ánh sự thay đổi trong hệ thống phân cấp lớp của chủ đề.
Eugene

1
Bạn là một thiên tài! Làm thế nào bạn thậm chí biết rằng tôi đang sử dụng Theme.AppCompat.Light.DarkActionBar?
dan dan

Ứng dụng Hello world được khởi tạo bằng Theme.AppCompat.Light.DarkActionBar. Và mỗi khi tôi mở một dự án mới, tôi đều gặp phải vấn đề này. Rõ ràng rất nhiều người khác gặp phải vấn đề tương tự.
eVader

12

Buộc làm mới đã giúp tôi.

Nó nằm ở đầu tab thiết kế.

nhập mô tả hình ảnh ở đây


7

Tôi cũng gặp phải vấn đề tương tự và thực hiện công việc đơn giản này chỉ cần đi tới res-> values-> style.xml và thay đổi

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 

đến

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

6

Tua nhanh sang năm 2018 và chúng tôi vẫn đang gặp sự cố này!

Khi tôi gặp vấn đề này với Android Studio Canary 3.2ngày hôm nay, đây là những gì tôi đã làm:

tôi đã đi đến

File -> Settings -> Plugins

Trên danh sách plugin, tôi đã vô hiệu hóa Android Supportbằng cách bỏ chọn nó.

Sau đó, tôi chọn Áp dụng và sau đó, OK .

Sau đó, tôi khởi động lại Android Studio.

Khi khởi động lại, tôi lặp lại quá trình:

File -> Settings -> Plugins

Nhưng lần này, trên danh sách plugin, tôi đã bật Android Supportbằng cách kiểm tra nó.

Sau đó, tôi khởi động lại.

Khi Android Studiotrở lại, tôi cho phép Gradlelàm điều của nó, sau đó tôi đã làm:

File -> Sync Project with Gradle Files

Khi việc này hoàn tất, tôi đã mở lại các tệp xml của mình hoặc làm mới chúng bằng mọi cách có thể và mọi thứ đều ổn.

Phải, tuyến đường dài, nhưng vào một ngày khi tôi phải giao hàng tại nơi làm việc? Nó chắc chắn hoạt động!

TLDR: Chỉ cần tắt và bật lại Hỗ trợ Android và bạn sẽ ổn thôi


4

Chuyển từ Hoạt động trống và sử dụng Hoạt động trống. Thay đổi chủ đề của bạn thành ví dụ như Holo.Light.NoActionBar.

Không giống như Blank, Empty được lược bỏ nhiều hơn do đó bạn có thể cần phải tự thêm một số thứ. Chẳng hạn như thêm 2 phương thức Ghi đè onCreateOptionsMenu và onOptionsItemSelected do chính bạn chọn nếu bạn cần thao tác điều khiển trên ActionBar và tương tự. Nếu không, không có sự khác biệt đáng kể nào khác.


4

Tôi đã gặp phải vấn đề chính xác khi tạo một dự án mới, Dự án này liên kết với Thư viện Appcompat để giải quyết nó:

Tôi thay thế: implementation 'com.android.support:appcompat-v7:28.0.0-alpha3'bằng implementation 'com.android.support:appcompat-v7:27.1.1'Và mọi thứ hoạt động tốt.

Kết luận, Sự cố liên quan đến một lỗi trong phiên bản thư viện.

Nhưng nếu cần thiết phải sử dụng giải pháp của Natesh bhat là dành cho bạn.


Có một vấn đề với ứng dụng nhỏ gọn như bạn đã nói. Ngoài ra, nếu bạn đang làm việc với triển khai 'com.android.support:appcompat-v7:27.1.1, bạn có thể thay đổi gradle đồng bộ số cuối cùng và sau đó thay đổi lại. Đối với tôi, điều này đã giải quyết vấn đề của tôi.
George

4

Trong trường hợp của tôi, Android Studio đã tạo dự án bao gồm thư viện hỗ trợ mà phiên bản là RChoặc beta. Vì vậy, tôi đã thử hạ cấp phiên bản thư viện hỗ trợ, sau đó hoạt động.
Nếu phiên bản thư viện của bạn là RC hoặc beta, hãy thử hạ cấp.

Hạ cấp cái này
implementation 'com.android.support:appcompat-v7:28.0.0-rc01'

đến cái này
implementation 'com.android.support:appcompat-v7:27.1.1'

và hạ cấp cũng compileSdkVersion, targetSdkVersion nếu bạn cần.


4

Sự cố này xảy ra do sự cố tương thích chủ đề. Tất cả những gì bạn phải làm trước tiên là điều hướng đến res / values ​​/ styles.xml trong dạng xem dự án. Ở đây tìm chủ đề ứng dụng cơ sở, theo mặc định phải là dòng thứ tư. Nó trông tương tự như sau:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

Bây giờ, bạn chỉ cần thêm 'Cơ sở. cho cha mẹ.

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

3

Làm sạch bản dựng dự án của bạn bằng cách đi tới Bản dựng> Bản dựng sạch.

Nó đã giúp tôi khi tôi gặp vấn đề tương tự.


3

Nó thậm chí không hiển thị "Hello World" trong bản xem trước khi tôi bắt đầu dự án đầu tiên của mình, chỉ hiển thị 'Sự cố kết xuất' và 'Không thể khởi tạo một hoặc nhiều lớp'. Điều này giúp tôi, hãy thử điều này ..... trong menu bên trái, GoTo
base-> res-> values-> styles.xml,
sau đó viết "Base". ở dòng <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
ngay trước Theme.AppCompat tức là <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">


3

Đôi khi bản xem trước bố cục không chỉ hiển thị trong dự án hiện tại của bạn, hãy thử mở dự án khác nếu trong bản xem trước bố cục dự án khác hoạt động tốt thì vấn đề trong dự án hiện tại của bạn. trong dự án hiện tại của bạn, hãy thử dự án sạch , dự án xây dựng lại , nếu vẫn không hoạt động, hãy thử thực hiện các thay đổi trong tệp ứng dụng build.gradle của bạn, chẳng hạn như thêm một số triển khai sau đó đồng bộ hóa gradle , kiểm tra hoạt động xem trước bố cục của bạn.


3

Trong menu Android Studio trên cùng của bạn, đi tới View> Tool Windows> Preview , sau đó nó sẽ xuất hiện ở đâu đó trong khung của Android Studio, bạn có thể di chuyển nó đến vị trí mong muốn bằng công cụ bánh xe móp trong khung Preview


3

Đối với tôi, trong Android Studio 3.6.1, khi ở trong tệp layout.xml, nhấp vào đây sẽ hiển thị lại bản xem trước của bố cục. Ảnh chụp màn hình Android Studio 3.6.1

Tôi không nghĩ rằng "tab" Xem trước còn tồn tại nữa, nó hiện xuất hiện với tôi ở đây: Xem> Công cụ Windows> Xem trước.


2

Thay đổi phiên bản Android để sử dụng trong khi hiển thị bố cục trong IDE.

Đi tới tệp bố cục xml của bạn -> Thiết kế -> thay đổi phiên bản API Android từ Tự động Chọn Tốt nhất thành một giá trị ở giữa phiên bản sdk tối thiểu và mục tiêu của bạn.


1

chỉ cần làm mới bố cục của bạn bằng cách nhấp vào đây:

sẽ có một biểu trưng màu xanh lam ở trên cùng bên trái của trang "thiết kế bố cục"

nhấp và chọn "Buộc làm mới bố cục"

nhập mô tả hình ảnh ở đây


1

Vui lòng ( change com.android.support:appcompat-v7:28.0.0-alpha3) hoặc ( com.android.support:appcompat-v7:28.0.0-rc02) thành ( com.android.support:appcompat-v7:28.0.0-alpha1) trong build.gradle (Mô-đun: Ứng dụng).

Tiếp theo nhấp vào Tệp -> Không hợp lệ bộ nhớ cache / Khởi động lại

Cần truy cập internet.

Nó hoạt động với tôi Windows 10 và Ubuntu 18.04.1 LTS


0

Đây là một giải pháp đơn giản phù hợp với tôi:

  1. Đi đến File -> Settings -> Apperance & Behavior -> System Settings -> Android SDK :

  2. Kiểm tra Show Package Detailscái nào nằm ở phía dưới bên phải.

  3. Trong phiên bản SDK Android mới nhất (ví dụ Android 8.1 (Oreo):), hãy kiểm traGoogle Play Intel x86 Atom System Image
  4. Bây giờ bấm vào applynút

Hình ảnh hệ thống này giúp android studio hiển thị bản xem trước bố cục.


0

Thay đổi chủ đề (gần biểu tượng android để thay đổi phiên bản API) từ AppTheme sang bất kỳ thứ gì khác như DeviceDefault hoặc Holo đã khắc phục sự cố một cách dễ dàng.


0

Sau rất nhiều lần lật, tôi nhận ra rằng ở xml Previewkích thước ở trên, ở phía bên trái của Appthemechúng tôi có Biểu tượng Android với đôi tai nhấp vào nó và thay đổi thành api mục tiêu của bạn trong trường hợp nó không giống như nó được nhắm mục tiêubuilt.gradle


0

Đối với tôi, sự cố này tiếp tục xuất hiện sau khi tôi chạy APK lần đầu tiên. Việc vô hiệu hóa không giúp được gì.
Tuy nhiên, tôi đã đưa ra một giải pháp:
Chỉ cần chạy APK và trong khi APK đang chạy, bạn có thể gửi các thay đổi của mình bằng cách nhấp vào nút "Lightning" (Áp dụng thay đổi) bên cạnh nút "Run" ở trên cùng bên phải. Hoạt động quyến rũ đối với tôi, khi thực hiện các thay đổi đối với bố cục.


0
Follow a few steps:-
1) Clean Project
If 1 doesn't work then
2) Invalidate cache and restart 
If 2 doesn't work then 
3) run command in the project folder rm -r .idea

-1

Tôi đã sử dụng nút "ứng dụng" Gỡ lỗi nhập mô tả hình ảnh ở đây
và sự cố của tôi đã được giải quyết


-2

Đi tới tệp style.xml và chỉ cần thêm lớp "Cơ sở" trước chủ đề. như thể là

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
</style>

@ Lưu ý: Thay thế Theme.AppCompat.Light.DarkActionBar thành Base.Theme.AppCompat.Light.DarkActionBar

và dự án rõ ràng.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.