5.Control

#ifndef MYWIDGET_H
#define MYWIDGET_H

#include <QWidget>
#include <QTextEdit>
class MyWidget : public QWidget
{
    Q_OBJECT
public:
    explicit MyWidget(QWidget *parent = 0);

    QTextEdit* _edit;

signals:

public slots:
    void slotComboBoxIndexChanged(const QString&);
};

#endif // MYWIDGET_H
#include "MyWidget.h"
#include <QApplication>

#include <QLabel>     // disply static text, or image
#include <QPushButton>
#include <QLineEdit> // single line

#include <QComboBox>
#include <QCheckBox>
#include <QRadioButton>
#include <QTextEdit> // multi lines, rich text
#include <QTextBrowser> // readonly textedit
#include <QGroupBox>  //
#include <QSlider>    // 模拟方式显示数值
#include <QSpinBox>  // 数字
#include <QDateEdit>
#include <QTimeEdit>
#include <QDateTimeEdit>
#include <QTabWidget> // 不介绍,不算控件
#include <QCompleter>
#include <QHBoxLayout>
#include <QDebug>
#include <QPixmap>
#include  <QVBoxLayout>
#include <QLCDNumber>

MyWidget::MyWidget(QWidget *parent) :
    QWidget(parent)
{
    QVBoxLayout* lay = new QVBoxLayout(this);
    QLabel* label;
    QComboBox* combo;
    QPushButton* button;
    QRadioButton* radio;
    QTextEdit* edit;
    QGroupBox* group;

    lay->addWidget(label = new QLabel("<a href=www.baidu.com>baidu</a>"));
    label->setPixmap(QPixmap("../aaa.png"));

    connect(label, &QLabel::linkActivated, [](QString str){
        qDebug() << str;
    });

    lay->addWidget(button = new QPushButton("Button"));
    button->setStyleSheet("QPushButton {font:bold 16px; color:red; padding:5px}");

    lay->addWidget(radio = new QRadioButton("Radio"));
    radio->setStyleSheet("QRadioButton {font:bold 16px; color:red; padding:5px}");
    connect(radio, &QRadioButton::clicked, [](bool v){
        qDebug() << v;
    });

    lay->addWidget(new QCheckBox("check box"));


    lay->addWidget(combo = new QComboBox());
    combo->addItem("Select item1");
    combo->addItem("Select item2");
    combo->setEditable(true);
    connect(combo, SIGNAL(currentIndexChanged(QString)), this, SLOT(slotComboBoxIndexChanged(QString)));

    combo->setCompleter(new QCompleter(combo->model()));

    lay->addWidget(edit = new QTextEdit);
    edit->setText("<table border=1><tr><th>head1</th><th>head2</th></tr>"
                  "<tr><td>value1</td><td>value2</td></tr>"
                  "<tr><td>value3</td><td>value4</td></tr>"
                  "</table><br>"
                  "<img src=../aaa.png></img>");
    _edit = edit;
    connect(edit, &QTextEdit::textChanged, [&](){
     //   QTextEdit* edit = (QTextEdit*)this->sender();
        qDebug() << _edit->toPlainText();
    });
    edit->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
    edit->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);

    lay->addWidget(group = new QGroupBox("Some items"));
    QHBoxLayout* hBoxLay;
    group->setLayout(hBoxLay = new QHBoxLayout);
    hBoxLay->addWidget(new QPushButton("aaaa"));
    hBoxLay->addWidget(new QPushButton("aaaa"));

    QSlider* slider;
    QSpinBox* spinBox;

    lay->addWidget(slider = new QSlider(Qt::Horizontal));
    slider->setMaximum(100);
    slider->setMinimum(0);

    lay->addWidget(spinBox = new QSpinBox);
    spinBox->setMaximum(100);
    spinBox->setMinimum(0);

    connect(slider, SIGNAL(valueChanged(int)), spinBox, SLOT(setValue(int)));
    connect(spinBox, SIGNAL(valueChanged(int)), slider, SLOT(setValue(int)));

    lay->addWidget(new QDateTimeEdit);

    QLCDNumber* lcd;
    lay->addWidget(lcd = new QLCDNumber(10));
    lcd->display(12345);
    lcd->setMode(QLCDNumber::Hex);
    lcd->setSegmentStyle(QLCDNumber::Outline);
}

void MyWidget::slotComboBoxIndexChanged(const QString &str)
{
    qDebug() << "slotComboBoxIndexChanged" << str;
}

int main(int argc, char** argv)
{
    QApplication app(argc, argv);

    MyWidget w;
    w.show();

    return app.exec();
}

 

### 回答1: fabric.Control 是 Fabric.js 中的一个控件类。使用方法是创建一个新的 fabric.Control 对象,然后将它添加到 canvas 上。 例如: ``` var canvas = new fabric.Canvas('canvas'); var control = new fabric.Control({ left: 100, top: 100, visible: true }); canvas.add(control); ``` 在创建 fabric.Control 对象时,可以通过传递选项对象来指定控件的位置(left 和 top 属性)以及是否可见(visible 属性)。还有其他的选项可以设置,详情可以参考 Fabric.js 的文档。 然后,使用 canvas.add 方法将控件添加到 canvas 中。这样就可以在 canvas 上显示控件了。 希望这个答案对你有帮助! ### 回答2: new fabric.Control 是Fabric.js中的一个类,用于创建自定义控件。 使用 new fabric.Control 创建一个控件实例时,可以通过传入一个对象作为参数来配置控件的一些属性和方法。其中一些常用的配置属性如下: 1. x、y、width、height:控制控件的位置和尺寸。 2. actionHandler:一个函数,用于定义控件的交互行为,例如控件被拖动或缩放时的处理逻辑。 3. actionName:一个字符串,用于指定控件的名字。 4. cursorStyle:一个字符串,用于指定控件的鼠标样式(例如默认、拖拽等)。 创建完控件实例后,可以通过 canvas.addControl(control) 将控件添加到画布上。在画布上添加控件后,用户就可以与控件进行交互,例如拖拽、缩放等操作。当用户操作控件时,Fabric.js会自动调用控件中定义的 actionHandler 函数来处理用户的操作行为。 可以通过控件的一些方法来对其进行操作,例如: 1. setVisible(bool):设置控件的可见性。 2. setActionHandler(handler):重新指定控件的交互行为处理函数。 3. setActionName(name):重新设置控件的名字。 4. setCursorStyle(style):重新设置控件的鼠标样式。 使用 new fabric.Control 创建自定义控件时,可以根据具体需求来定制控件的外观、交互行为等。同时,可以结合其他的绘图操作和控件事件来实现更复杂的交互效果。 ### 回答3: Fabric.Control是一个用于UI界面控制的框架,其使用方法如下: 1. 首先,需要导入相应的库文件和依赖项。在项目文件中添加引用,并引入正确的命名空间。 2. 在需要使用Fabric.Control的页面中,将其添加到XAML代码中。可以通过编写XAML代码手动定义控件的外观和布局,也可以通过可视化设计工具进行添加和修改。 3. 在代码中,可以通过使用控件的属性进行设置和配置。Fabric.Control提供了许多属性,例如颜色、大小、字体、样式等,可以根据需要进行设置。 4. 可以通过事件处理程序来响应控件的交互行为。Fabric.Control提供了一些常用的事件,如点击、拖动、滚动等,可以通过编写事件处理程序来实现相应的逻辑。 5. 在使用过程中,可以根据需要进行样式的自定义。可以使用XAML的Style或者通过代码设置控件的样式,以实现个性化的外观。 6. 可以使用数据绑定的方式,将控件与数据进行关联。通过绑定属性和数据源,可以实现动态显示和更新控件的内容。 7. 对于一些复杂的控件,可能需要使用布局容器进行包裹或者进行组合。可以使用StackPanel、Grid、List或者其他布局容器来实现更复杂的界面布局。 通过上述步骤,我们可以使用Fabric.Control框架来创建并使用各种UI界面控件,实现个性化的界面交互效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sunxiaopengsun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值