Create Images of Components and Screens | [FREE] Extension ComponentToImage

Extension ComponentToImage

image

1.About

  • Using this extension you can convert any view/component to image and save it to storage.
  • The image will be created as per the components same width and height.
  • You can convert Layout, Buttons, Labels …etc
  • Any change on the component, eg: Round corners will also reflect in image
  • Note: The component should be visible
  • I created it as per the request and idea from @Angelo_Angius

image

  • First one is the label and the second one is the converted image.

2.Methods & Events

► Method: convertToImage

image

    • component - The component which you want to convert to image.
    • saveAs - Filename, default file path is /storage/emulated/0/

► Event: Created

image

  • Event raised after image created.
    • filePath - Returns the image file.

3.Download

Patreon/Donate

Suggest new updates, report bugs and errors and stay tuned…

  • Loved this extension? :heart:

Donate image

Through Paytm

Through Paypal

54 Likes
How to make photo uploading app
How To Make Simple Auto Image Maker App
Print of the screen
About screenshot
Christmas e-Card
Profile Generator Extension
Fake Teletext system
[Feature Request] Textbox in a Canvas
Unable to take screenshot of Google Maps
Export Layout to image and share on Social Apps
Component To Image Extension not working?
How is Disable copy on text box?
How to canvas background gradient
Canvas Save to Firebase Storage?
[FREE] Capture widget images
How to create webview to pdf
[PAID] Layout to Image Extension
How can I download the image from my application to the users device
How to Time Stamp (Current time and date ) on image?
How can i Add Print Function / printspooler Activity (com.android.printspooler.ui.PrintActivity) In my App
How to save media in Android 11?
How to take a screenshot of a part of the screen?
Alternatives to capture component
Screenshot of surface view with a component on it
Place Image on another image
Tutorial - Advanced Paint App in Kodular
Is it possible to save the screenshot to App-specific directory?
Help with canvas
[FREE] ScanView -ZxingView Version 2- Extension
Convert to image a section of screen
[PAID] PhotoFilterPro || Filter Your Image With Custom Filters
How to take screenshot of any arrangement
Component as sharing image
I want numbers to pictures
How to get web viewer page as image
How to insert a big text on Canvas component?
Is it possible to save an image, with custom name?
Please help me find this extension
Need help in creating ledger app
Component screen shoot
Daily Challenge #60
Any component to image
Screenshot WebViewer
#Free WordCloud Extension
CustomWebView : An extended form of Web Viewer

Really cool extension!! :heart_eyes::clap:

10 Likes

Nice work. it is a really cool extension :cry::cry::cry:

6 Likes

Oops! That page doesn’t exist or is private.
Why I can’t download this extension?

Sorry, Fixed it.
Thanks for reported.

4 Likes

Very cool ! It can be very useful !
Thanks for all your excellents extensions

5 Likes

upload error

Try to download and upload, I think you are uploading using url.

Cool @Jerin_Jacob

3 Likes

Great work ! Cool extension !! :clap:

1 Like

Hi @Jerin_Jacob
I use your extension, it’s very useful to me, but I have a problem:
As soon as I try to save my image in a folder, nothing happens.

image
Like that it works.

But :
image
that way, nothing happens.

Is there anything I did wrong?

5 Likes

First, create the folder with the file component… Then try again after compiling… Only the 1st image will work, but with the companion. The second should work if the file is already existent.

4 Likes

I will try that :slight_smile:

This is one of the most useful extensions I found here.
As soon as I my app profitable (it already has people begging for it) I will donate a few bucks.

I would like to suggest just a little upgrade: If the app tries to save in a directory that doesn’t exist, creat it automatically
And / or
If any error occurs when saving a picture (like directory doesn’t exist or no space on storage) it return an error message.

One more time: Congratulations, it’s really an amazing extension!

7 Likes

Thanks for this extension.I use it upload user images to cloudinary.Its auto resize images to 450x450 px.Can we change this setting?.

3 Likes

Another bug
When ı rotate image component picture and use this extension its get unrotated image.Can you fix it?

I can fix it using layout .Add image inside layout.fix this problem

2 Likes

You can rotate image again. You don’t need to wait extension’s new update.

Yanlış anladın yusuf.Resim komponentini kullanırken resmi çevirirsem ve bu eklentiyi kullanarak resim oluşturursam eklenti döndürürlmemiş halini veriyor.

If ı rotate image component picture and use this extension for getting component image.Extension result is unrotated image

Demek istediğim eklenti döndürülmemiş halini veriyorsa, sen bunu kendin tekrardan döndürebilirsin.


I mean, if the extension converting rotated image to without rotated, you can rotate it back manually.

Yusufcum canım benim bende biliyorum bir resmi tekrar döndürebileceğimi.Buradaki olay resmi aldığımdaki yani kullanıcı tarafından çevrilmiş halini kullanmak.Böylece bir daha çevirmeye filan gerek kalmıcak.İlgin için saol.

If you can fix it.It will be great @Jerin_Jacob

4 Likes