How to take screen shots of mobile debug device running Flutter application in Android Studio?

Question

Using Android Studio for developing flutter replaces the LogCat console with the run tab.

This works great, but how do I take a screen shot of my debugging device? Previously I used to expand the LogCat side menu and click on the capture image button, but now I can't find it anywhere.

Solution 1

flutter screenshot cli command saves a png screenshot. I could not find how to do it in IntelliJ interface, either.

Solution 2

For Windows, while running the command flutter run, you can always press s from your keyboard to take a screenshot. Note that the screenshots are saved on the root of your project folder.

Solution 3

If using the emulator on mac, cmd + s should take a screenshot.

Solution 4

You can capture a screenshot with Android Studio as follows:

1. Run your app on a connected device or emulator. If using a connected device, be sure you have enabled USB debugging.

2. In Android Studio, select View > Tool Windows > Logcat to open Logcat.

3. Select the device and a process from the drop-down at the top of the window.

4. Click Screen Capture on the left side of the window.

The screenshot appears in a Screenshot Editor window.

View more solutions

Comments

[Joel Broström]

cmd + s saves the project and hot reloads the code. Unless you're referring to the emulator. Maybe it works there? Anyway I need it to work with USB-debugging.

[Sergio Bernal]

yes, I'm referring to the emulator when is the active window

[Zeeshan Mehdi]

it saves at root of project i have verified

[Jorge Wander Santana Ureña]

How can I take it from big screens ?

[Tutorialwork]

It's working, but the ugly debug banner is on the screenshot. Has anyone an idea how I can remove this?

[Gazihan Alankus]

Here's how to remove the debug banner: stackoverflow.com/a/48893964/679553

[Joel Broström]

The problem with screenshots are that they either contain the whole emulator screen with controls and the corners outside of the device, or if you select by dragging they become different sizes each time. Both makes it hard to use it for Store or promotion related tasks.

[Pinak Parate]

If you don't want to have the edges of the device in your screenshot, then you can also disable Device Frame option in Emulator options, and then take a screenshot.

[Joel Broström]

Sure, but it would also be different resolutions depending on which screen you are using and what size the emulator is resized to. Using flutter screenshot you get an image that's always the resolution of the device, always cuts the corners equally, never get background artifacts if you happen to select outside of the screen, requires no post processing, will look the same for all developers and all platforms and is able to be automated in scripts. I think the accepted answer is better in all ways I can think of.

[Joel Broström]

Yes. However since the last update (or the one before it) all video are recorded in .webM format. Do you know how to change it back to mp4?

[Gábor]

Now, I don't. I never actually used it, or I can't recall, so I probably never realized it, just that it's there... Now that I googled for it, there's already a bug report and issue about this.

[Joel Broström]

Okay.Thanks for taking the time to look it up.