Hi,
I'm trying to use iconwidget as button, and i use svg for it's drawing.
But i got this result
The second row is from inkscape as reference.
Below my code snippet:

Code: Select all

void KerenApplet::createLayout()
{
    QGraphicsLinearLayout *mainLayout = new QGraphicsLinearLayout(Qt::Vertical);
    QGraphicsLinearLayout *controlLayout = new QGraphicsLinearLayout(Qt::Horizontal);

    QGraphicsWidget *spacerLeft = new QGraphicsWidget();
    spacerLeft->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed));
    spacerLeft->setMaximumHeight(IconSize(KIconLoader::Panel));

    QGraphicsWidget *spacerRight = new QGraphicsWidget();
    spacerRight->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed));
    spacerRight->setMaximumHeight(IconSize(KIconLoader::Panel));

    controlLayout->addItem(spacerLeft);
    controlLayout->addItem(mPictureButton);//Plasma::IconWidget
    controlLayout->addItem(mVideoButton);//Plasma::IconWidget
    controlLayout->addItem(spacerRight);
   
    mControlFrame->setLayout(controlLayout);//Plasma::Frame

    mainLayout->setContentsMargins(0, 0, 0, 0);
    mainLayout->addItem(mPreviewWidget);       
    mainLayout->addItem(mControlFrame);

    if (!mWidget) {
        mWidget = new QGraphicsWidget(this);
        mWidget->setLayout(mainLayout);
        mWidget->setMinimumSize(500,400);
    }
}

1. Does my centering layout codes correct?
2. Why the button shape does not look perfect like reference image?


Thanks

edited to include whole function

The centering code looks fine from a normal Qt layouting perspective, however I do not know if setting the maximum size is needed.

I do not know why the button shape is disfigured, however it could certainly be the custom layouting. Have you tried disabling it?

bcooksley wrote:The centering code looks fine from a normal Qt layouting perspective, however I do not know if setting the maximum size is needed.

I do not know why the button shape is disfigured, however it could certainly be the custom layouting. Have you tried disabling it?

I edited my first post above.

I need to set maximum size otherwise, the mControlFrame will occupy half of the applet size.
Sorry i don't understand with 'custom layouting'. Is it visible from my codes above?

The problem is likely in the instantiation of the Plasma::IconWidgets. Can you please post the complete code of your widget?

More codes, iconwidget is created at applet constructor.

Code: Select all

KerenApplet::KerenApplet(QObject *parent, const QVariantList &args)
        : Plasma::PopupApplet(parent, args),
        mCaptureType(KerenApplet::Picture),
        mWidget(0),mVideoGst(0)
{
    QApplication::setAttribute(Qt::AA_NativeWindows);
   
    QtGstreamer::qGstInit(NULL,NULL);
    setHasConfigurationInterface(true);
    setAspectRatioMode(Plasma::IgnoreAspectRatio);
    resize(420, 340);
    setPopupIcon("camera-web");

    mPreviewWidget = new PreviewWidget(this);

    connect(mPreviewWidget, SIGNAL(countDownFinished()), this, SLOT(slotCountDownFinished()));

    mControlFrame = new Plasma::Frame(this);
    mControlFrame->setFrameShadow(Plasma::Frame::Raised);
   
    mPictureButton = new Plasma::IconWidget();
    mPictureButton->setSvg("widgets/keren","camcorder");
    mVideoButton = new Plasma::IconWidget();
    mVideoButton->setSvg("widgets/keren","camcorder_on");
   
    connect(mPictureButton, SIGNAL(clicked()), this, SLOT(slotTakePicture()));
    connect(mVideoButton, SIGNAL(clicked()), this, SLOT(slotTakeVideo()));

    mAlbumName="default";
    mIsRecordingVideo=false;
    mVideoFrameSize = QSize(320,240);
}

void KerenApplet::init()
{
    createLayout();
}


void KerenApplet::createLayout()
{
    QGraphicsLinearLayout *mainLayout = new QGraphicsLinearLayout(Qt::Vertical);
    QGraphicsLinearLayout *controlLayout = new QGraphicsLinearLayout(Qt::Horizontal);

    QGraphicsWidget *spacerLeft = new QGraphicsWidget();
    spacerLeft->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed));
    spacerLeft->setMaximumHeight(IconSize(KIconLoader::Panel));

    QGraphicsWidget *spacerRight = new QGraphicsWidget();
    spacerRight->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed));
    spacerRight->setMaximumHeight(IconSize(KIconLoader::Panel));

    controlLayout->addItem(spacerLeft);
    controlLayout->addItem(mPictureButton);
    controlLayout->addItem(mVideoButton);
   
    controlLayout->addItem(spacerRight);
    mControlFrame->setLayout(controlLayout);

    mainLayout->setContentsMargins(0, 0, 0, 0);
    mainLayout->addItem(mPreviewWidget);       
    mainLayout->addItem(mControlFrame);

    if (!mWidget) {
        mWidget = new QGraphicsWidget(this);
        mWidget->setLayout(mainLayout);
        mWidget->setMinimumSize(500,400);
    }
}



It is possible the IconWidget is forced to creating a square representation of itself, as icons are virtually always square. Does it render them correctly with Plasma::Svg?

Using Plasma::SvgWidget

I also put setMinimumSize or the button will appear like previous IconWidget's screenshot.

I ended up creating new class for button.

Thanks for the update on the workaround.