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

7

15

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.

Dignify answered 2/7, 2019 at 13:36 Comment(1)
what if you want to record screen ?.Chloroprene
T
46

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

Taro answered 2/7, 2019 at 13:38 Comment(3)
it saves at root of project i have verifiedSheila
It's working, but the ugly debug banner is on the screenshot. Has anyone an idea how I can remove this?Edaphic
Here's how to remove the debug banner: https://mcmap.net/q/53937/-how-can-i-remove-the-debug-banner-in-flutterTaro
F
3

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

Footpath answered 2/7, 2019 at 14:26 Comment(2)
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.Ornas
yes, I'm referring to the emulator when is the active windowFootpath
L
3

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.

Lagrange answered 5/2, 2020 at 19:7 Comment(1)
How can I take it from big screens ?Amund
C
0

use adb command

adb shell screencap -p location

location is where screenshot may save in your device

Ceresin answered 7/8, 2019 at 11:8 Comment(0)
F
0

If you want to take a screenshot on your app running on your emulator, then you can just select window of that emulator and press the respective keyboard combinations for screenshot. For example, on Windows, its Windows Key + Alt + prt scrn. You might wanna check for Mac, if you are using one. On Android Studio, beside your emulator, you will see a vertical panel, which will contain icons of power, camera, home, back, and etc. there click on the camera button to take a screenshot and it saves it to your corresponding folder.

Freewill answered 4/12, 2021 at 18:28 Comment(3)
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.Ornas
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.Freewill
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.Ornas
P
0

Just for the record, it might have been missing for some time in 2019, but it's there in Android Studio all right. Logcat window, left button bar (look for the overflow button if your window is sized small enough not to fit everything). You have both Screen capture and Screen record buttons all right.

Petard answered 23/12, 2021 at 13:59 Comment(3)
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?Ornas
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.Circumspection
Okay.Thanks for taking the time to look it up.Ornas
E
0

You can use Snipping tool from windows in order to take screenshot just type Snipping Tool In search Box Of Windows HelpFull Image

Edgebone answered 24/1, 2023 at 12:4 Comment(1)
Your answer presupposes the use of an emulator. That is unlikely to be the case for most developers.Mccreery

© 2022 - 2024 — McMap. All rights reserved.