Hello @aaaa ,
It's feasible in TouchGFX but it requires some work, I'll try to give you an idea on how it can be implemented.
1) You may take to look at this post for the long press handling : Solved: How to detect long press on custom container? - STMicroelectronics Community, for the draggable part you can check the handleTick ,handleClick and handleDrag events, and do something like :
MyContainer::handleDragEvent(const DragEvent &ev)
{
if (!canBeDrag){
// keep the same position
}
}
MyContainer::handleTickEvent()
{
if (count>tickToBeDrag){
canBeDrag = true;
}
}
MyContainer::handleClickEvent(const ClickEvent &ev)
{
if (ev.getType() == ClickEventType::CANCEL){
canBeDrag = false;
count = 0;
}
}
So here after count reaches the tick limit, we set a bool to true that will allow us to drag our container.
2) For the size change you can use Scalable Image | TouchGFX Documentation, to change the image size's once it's dragged.
3) And for the moving behaviour, you will need to keep the track of all the containers in a list or something in order to know when a container encounters another. Since they are all the same size and you will know their positions, it's easier to know which one you need to move to make space for the dragged container.
I hope it helps,
Regards,
Louis BOUDO
ST Software Developer | TouchGFX
