the blue screen in android studio disappeared - android-studio

please help
im new to android studio and from the two screens for layout the blue one on the left disappeared
my API version is 30this is the picture from my window

I'm guessing what you're looking for is the Blueprint Design Surface. Your currently viewing the Basic Design Surface.
You can toggle between Basic, Blueprint and both by either pressing the B key, or by clicking on the Select Design Surface button - it looks like a blue diamond stacked on-top of another blue diamond . (I've circled it in the image you provided)

Related

Android Studio Chipmunk - XML Layout Designer Split View Change Orientation

I'm not sure what happened, but the Split XML design view is now showing horizontally instead of vertically. (Design View is on bottom and Code view is on top.) I can't find anywhere on the UI to change the orientation of the design and code panes.
After playing around with the interface for longer than I'd like to admit...
Clicking on the Split button again flips the UI between horizontal and vertical split screen.
I'm not sure if this is a new feature in Android Chipmunk or if it's always been this way, but I could not find a duplicate question or answer on Stack Overflow or the web.
I faced a similar situation in version. Android Studio Chipmunk | 2021.2.1 Patch 2
I noticed that by pressing the Split button it became old value.

How to implement backdrop like this one in android studio?

Good morning .
i have this design here in figma and i want to turn it into code in android studio :
The design in figma
how i can do this and what is the name of the library of this layout . i tried backdrop layout but it didn't work
Design a layout file for bar which contains rating, rate button and metascore. Add corner radius to its background (Top Left and Bottom Left). You can use cardview library. Use this layout in your original fragment. And set elevation. Front layers elevation should be bigger than back layer. Lowest elevation is 0 dp, biggest is 24 dp.
You can learn elevation more from this link :

Unable to create notification icon on Android Studio using custom image

I am trying to create notification icon using custom png image on Android studio. In Configure Image Asset Screen, when I select my custom image, all it is showing 5 black boxes with white circles in it. Can any one please let me know why it is not selecting custom image.
Below is screenshot of Android Studio
Below is custom image with which I am trying to create notification icon
Can any one please let me know why it is not selecting custom image.
The icon should contain one color (second color should not be present. It should be transparent). My Icon contains red and white both. That is the reason Android studio is not able to identify the image and displaying the whole image as white circle. I asked design team to create an image which has only one color and remaining area as transparent. I created notification icons using that image given by design team.

How to use "pan screen" on Android Studio?

I have found a function recently in Android Studio named "pan screen". It is located at the right side of design window. But I didn't find any description for it.
If you zoom in your design much enough so it no longer fits on in your design area in Android Studio, you can hit pan icon and drag your design around.
The image you have shown in is Zoom and Pan Controls which allows you to zoom in and out of the design , Now the Pan button will help you to pan around to find the areas
that are unable or not visible to see when zoomed in.
Pan is swing in a horizontal or vertical plane, typically to give a panoramic effect or follow a subject.
Pan in Android studio, you can hold space bar and drag the screen to view those area currently is not visible.
When a user zooms in the layout so much that you are unable to see all items in the layout, you can click on the pan option and then afterwards move the layout without accidently moving the items in the layout.

Android Studio: Part of Design View Hidden

This is a new one for me. In Design view I am unable to see the first 150 pixels of the design view window-- including the buttons/options to the left of the AppTheme button. I've tried the Pan and Zoom tool, which seems to do nothing. It shows the full view and blueprint view filling the Pan and Zoom tool interface. Any idea how to fix this:
"Window" -> "Restore Default Layout" worked for me.
I had the same problem.
Just drag the mouse where your projects are to the far left of the screen and slowly move with your mouse over to the right until you will see somewhere in the middle resize pointer- thats your design view border. Click it and move to the right and it should appear!
If you want i can try to make a gif how to do it if the above does not help.

Resources