[Feature request] Layer Control

[santoshgistto]

Platforms

Android, iOS, Web, Windows, macOS, Linux

Description

Would be nice if we have support something like below for layer control for Pain, Text and Image

https://github.com/hm21/pro_image_editor/assets/12577046/f5bc6237-9cf1-43bb-be67-ac95f577a39e

Why

we can style and resize better way specially for Text and Paint

[hm21]

Okay, I will add it to my roadmap. I had anyway the plan to update the layer interaction more so that we can also interact the same way we can do it in the crop-rotate-editor. However, even though this feature looks simple, it requires many changes, so I don't know when I will have time to do it. That means maybe in a few days or weeks I will release a version with this feature. For the case you need it quickly, I recommend you to create a PR. In case you want to create a PR, please let me know before because then I will also post here a list with the files you need to edit, so you don't have to search long for the files you need to edit.

[santoshgistto]

Yes please post the list of files, I will give a try

[hm21]

Sure below the list.

• Layer: Update layer so that it has scaleX and scaleY and not just scale.
• LayerInteractionHelperWidget: Add your widgets here, as in your video, to show the user that they can drag to resize.
• LayerInteraction: Extend the configs where the user can enable/disable this feature.
• ImageEditorCustomWidgets Add in the customWidgets a new class CustomWidgetsLayerInteraction which allows the user to add their own widgets.
• MainEditorCallbacks: Add new callbacks that are triggered when the user interacts.
• Layer: Update layer so that it has scaleX and scaleY and not just scale.
• ImportStateHistory: Update import state history that it's backward compatible with old scale parameter, which did not have scaleX and scaleY. The new version you can add here.
• ThemeLayerInteraction: Add configs that allow the user to apply a unique design.
• I18nLayerInteraction: If you have new tooltips, update the i18n file.
• LayerWidget This file contains the generated layer. Maybe you don't need to change anything.
• LayerInteractionManager Not necessary, but it shows you how to calculate the distance that will be required when the layer is rotated.

Please let me know if you have any questions :)