Android Studio 不显示布局预览

Choose another theme (other than Holo, for example Theme)

When you create the style incorrectly or from an existing style, this problem usually occurs. So select the "Graphical Layout" select "AppTheme" (The tab with a blue star). And select any of the predefined style. In my case "Light" which should resolve the problem.

Try to 'Invalidate caches & restart'.

Restart your Android Studio by choosing this option. It may take some time.

Then, if still doesn't work try to rebuild your project.

Switch from Blank Activity and use Empty Activity. Change your theme to for example Holo.Light.NoActionBar.

Unlike Blank, Empty is more stripped down thus you may need to add some stuff yourself. Such as add the 2 Override methods onCreateOptionsMenu and onOptionsItemSelected yourself if you need to manipulate controls on the ActionBar and such. Otherwise, no other significant difference.

Check again for SDK update because API 23: Android N (preview) is now available, download it properly OR select the API 23: Android 6.0 from the top right of the preview window. check the image

.
.
It (Android Studio) automatically selects the latest one even if it not properly installed. So,

What you need to do is :

1. install the new one properly

   OR

2. click on the previous one.

Change the Android version to use while rendering layouts in the IDE.

Go to your xml layout file -> Design -> change Android API version from Automatically Pick Best to a value in between your minimum and target sdk versions.

Clean build your project by going to Build > Clean build.

It helped me when I had the same problem.

Force refresh helped me.

It is at the top of the design tab.

Fast Forward to 2018 and we are still having this issue!

When I had this issue with Android Studio Canary 3.2 today, this is what I did:

I went to

File -> Settings -> Plugins

On the plugins list, I disabled Android Support by unchecking it.

Then, I selected Apply and then, OK.

After this I restarted Android Studio.

On restart, I repeated the process:

File -> Settings -> Plugins

But this time, on the plugins list, I enabled Android Support by checking it.

Then I restarted.

When Android Studio came on, I allowed Gradle do its thing, then I did:

File -> Sync Project with Gradle Files

When this was done, I reopened my xml files or refreshed them anyhow possible and everything was fine.

Yeah long route, but on a day when I have to deliver at work? It sure works!

TLDR: Just disable and re-enable Android Support and you will be fine

This is a common problem . It can be easily solved by changing res/values/styles.xml to

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

Steps :

• Go to res/values/

• open styles.xml

  • change from -> style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"

  • change to -> style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar"

  (Just prepend "Base." to "Theme".)

• Save the file and check Preview now.

• Preview Works Perfeclty now.

I also go through same problem and do this simple work just go to res->values->style.xml and change

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

to

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

Here is a simple solution that worked for me:

1. Go to File -> Settings -> Apperance & Behavior -> System Settings -> Android SDK :

2. Check Show Package Details which is located on the bottom right.

3. Under the latest Android SDK version (for ex: Android 8.1 (Oreo)), check Google Play Intel x86 Atom System Image
4. Now click apply button

This system image helps android studio to show layout preview.

It doesn't even show the "Hello World" in the preview when i started my first project,only displays 'Rendering problem' and 'Failed to instantiates one or more class'.This helps me out, try this..... in the left side menu, GoTo
base-> res-> values-> styles.xml
then write "Base." in the line <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
just before the Theme.AppCompat i.e <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

Changing the theme(near the android symbol for changing API version) from AppTheme to anything else like DeviceDefault or Holo fixed the problem easily.

just refresh your layout by clicking this:

there will be a blue logo at the top left of the "layout-design" page

click and choose "Force Refresh Layout"

I faced the exact problem when creating a new project, It seams to be related to the Appcompat Library to solve it:

I replaced : implementation 'com.android.support:appcompat-v7:28.0.0-alpha3' by implementation 'com.android.support:appcompat-v7:27.1.1' And everything worked fine.

In conclusion, The problem is related to a bug in the library version.

But if it is necessary to use the Natesh bhat's solution is for you.

Find Styles.xml in Values.(res/Values/Styles.xml) Change this

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

to this:

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

Then clean and build project. Both of those you can do from build menu.

It worked for me.

In my case, Android Studio created project including support library which version is RC or beta. So I tried downgrade version of support library, then worked.
If your library version is RC or beta, try downgrade.

Downgrade this
implementation 'com.android.support:appcompat-v7:28.0.0-rc01'

to this
implementation 'com.android.support:appcompat-v7:27.1.1'

and downgrade also compileSdkVersion, targetSdkVersion if you need.

Please (change com.android.support:appcompat-v7:28.0.0-alpha3) or (com.android.support:appcompat-v7:28.0.0-rc02) to (com.android.support:appcompat-v7:28.0.0-alpha1) in build.gradle (Module: App).

Next click File -> Invalidate Caches / Restart

Need internet access.

It works for me Windows 10 and in Ubuntu 18.04.1 LTS

Sometimes layout preview not show only in your current project, try open other project if in other project layout preview work well then the problem in your current project. in your current project try clean project, rebuild project, if still not working try make changes in your build.gradle app file, such add some implementation then gradle sync , check your layout preview works.

After so many flip-flap I realised that on xml Preview size above,on the left side of Apptheme we have Android Icon with ears click it and change to your target api in case that its not the same as it targeted on built.gradle

This problem occurs due to theme compatibility issue. All you have to do is first navigate to res/values/styles.xml in the project view.There look for base application theme which by default should be the fourth line. It'd look similar to the following:

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

Now, you just have to add 'Base. to the parent.

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

Go to style.xml file and just add "Base" class before theme. as like

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

@Note: Replace Theme.AppCompat.Light.DarkActionBar to Base.Theme.AppCompat.Light.DarkActionBar

and clear project.

For me this problem keeps appearing after I run the APK at first time. Invalidating did not help.
However, I came with a workaround:
Just run the APK, and while it's running you can submit your changes clicking the "Lightning" button (Apply changes) next to to the "Run" button at the top right panel. Works charming for me, when making changes to the layout.

In your top Android Studio menu, go to View > Tool Windows > Preview, then it should appear somewhere in the frame of Android Studio, you can move it to the desired place with the dented wheel tool in the Preview frame

For me, in Android Studio 3.6.1, while in the layout.xml file, clicking here showed the preview of the layout again.

I Don't think the "tab" Preview exists anymore, it does now appear to me here: View > Tool Windows > Preview.

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

I used the Debug "app" button
and my problem was solved

1. Clean Project
2. Rebuild Project
3. Invalidate Caches / Restart

Android Studio Stuck At Initializing

android studio 4.1.2 suddenly stuck at initializing preview and XML preview is completely crashed. this is what I have done to fix the issue

• go to C:/Users/username/AppData/Roaming/Google
• Delete the entire AndroidStudio folder
• Invalidate cache and restart your IDE

Android Studio Stuck At Initializing

• Close the project
• Delete .idea folder in project root folder
• Open the project

SOLUTION

• Go to Preferences -> Plugin -> Installed.
• Search "Android APK Support" -> Disable it
• Invalidate Caches & Restart
• Re-enable "Android APK Support" plugin
• Restart
• Done (It should resolve the issue. If you still see the issue on some custom views, just rebuilt/run the project)

PROBLEM

The reason of the issue (from my investigation) is related to some incorrect UI parts, for example:

• Incorrect XML layout implementation
• Incorrect styles implementation

So if the issue still persists, just try to figure out what part of your UI implemented wrong, and fix it.

use the below code in build.gradle and it will show your layout preview.

 configurations.all {
resolutionStrategy {
force 'androidx.core:core-ktx:1.6.0'
}
}

If the project contains multiple themes, it should be ensured that the right theme is selected in the 'Theme for preview' option.

In android studio dolphin, it would look something like this:

I encountered this situation in two scenarios.

FragmentContainerView Usage

• On new versions of Android Studio, if you're using FragmentContainerView, IDE expects an initial layout preview as "tools:layout" attribute. Below is an example, change fragment_preview with your desired layout.

<androidx.fragment.app.FragmentContainerView
...
tools:layout="@layout/fragment_preview" />
            

Lottie Animations Usage

• On new versions of Android Studio, if you're using LottieAnimations, IDE struggles on displaying dynamic structure on preview. I coped this issue with setting tools:lottie_rawRes attributes background as null. This way on compile time IDE do not try to display the animation preview and it's displayed only on runtime.

<com.airbnb.lottie.LottieAnimationView
...
app:lottie_rawRes="@raw/loading"
tools:lottie_rawRes="@null"/>
            

Try removing and adding back views one by one

I tried everything, updating Android studio, plugins, emulator, gladle version. Other that that, I've invalidated cache and restarted several times.

What I found the problem for me was in one a LinearLayout under a ScrollView. Why because under that LinearLayout we had a custom view which was having rendering issues. So if you've also tried everything and nothing works, I'd suggest to try to remove the parent as well as child views one by one and maybe you'll find what View/ViewGroup is causing the issue.