Custom QPushButton which can be stretchable and draggable

Sherlin N G

How to create a custom QPushButton which is draggable and stretchable in the ui using QMouseEvent class or any other methods?

jsulm

@Sherlin-N-G Subclass QPushButton and overwrite some events. See http://doc.qt.io/qt-5/qtwidgets-draganddrop-draggableicons-example.html

yuvaram

@Sherlin-N-G
Use dock widget
http://doc.qt.io/archives/qt-4.8/qdockwidget.html

Sherlin N G

Can you give me a code snippet on how it is used.If you dont mind I'm new to this tool

mrjj

@Sherlin-N-G
Hi
This sample have docks
http://doc.qt.io/qt-5/qtwidgets-mainwindows-dockwidgets-example.html

Sherlin N G

@mrjj Thanks for the reply.I tried running the application but I dont know how that is even related to my problem.Please help me understand.

mrjj

@Sherlin-N-G
Hi
Im not sure how either. Docks are windows :)
For resize/move push buttons, this might be more useful
https://wiki.qt.io/Widget-moveable-and-resizeable

Sherlin N G

@mrjj Hi,Thanks for the link. I tried the code in the link,but thats creating a widget not a button.I actually want a resizable and movable QPushbutton on which further I'll give signals and slots.

jsulm

@Sherlin-N-G A button is a widget...

Sherlin N G

@jsulm Hi,I'm sharing the screenshot

I need to create a QPushButton widget which looks something like this.Zone11,10,6,8 are different QpushButtons which can be movable and resizable.

mrjj

Hi
The code from link also works with buttons and all widgets.
So just insert QPushButton and it manage that.

it create labels

QLabel *lab1 = new QLabel("Label1");
    QLabel *lab2 = new QLabel("Label2");
    TContainer *con1 = new TContainer(this, QPoint(10, 10), lab1);
    TContainer *con2 = new TContainer(this, QPoint(20, 50),lab2);
}

but you can just use PushButton instead.
You can use a stylesheet to make button look like that.

QPushButton {
border: 0;
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 239, 224, 255), stop:0.55 rgba(38, 108, 235, 255), stop:0.98 rgba(0, 0, 0, 255), stop:1 rgba(0, 0, 0, 0));
}

alt text

Sherlin N G

@mrjj Hi, I donot know where to add the code snippet.Please suggest.

mrjj

@Sherlin-N-G
The stylesheet, you can assign to Mainwindow so all pushbuttons are affected.

The
TContainer *con1 = new TContainer(this, QPoint(10, 10), lab1);

is for the function in your app that inserts new Button on form.
there u would hook it to container for resize/move.

kishore_hemmady

@mrjj Hi,
Is this code LGPL ?Can I use it in my project?

mrjj

Hi
The author is
https://wiki.qt.io/Widget-moveable-and-resizeable

Programmer Aleksey Osipov
email: aliks-os@yandex.ru

But since its just a sample and posted on a wiki i would say its safe to use.