【C++】Qt QLineEditの使い方：基本的な入力設定と利用例

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    // 親ウィジェットの作成
    QWidget window;
    window.setWindowTitle("QLineEdit初期設定サンプル");
    window.resize(300, 150);
    // QLineEditのインスタンス生成
    QLineEdit *lineEdit = new QLineEdit(&window);
    // プレースホルダーテキストを設定
    lineEdit->setPlaceholderText("ここにテキストを入力してください");
    // ウィジェットの位置とサイズの設定
    lineEdit->move(50, 50);
    lineEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※アプリケーションウィンドウが表示され、中央部分にテキスト入力欄がある状態になります。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("プレースホルダーテキスト設定例");
    window.resize(300, 150);
    QLineEdit *userNameEdit = new QLineEdit(&window);
    // ユーザー名入力欄のプレースホルダーテキスト設定
    userNameEdit->setPlaceholderText("ユーザー名を入力してください...");
    userNameEdit->move(50, 50);
    userNameEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※ウィンドウ上に「ユーザー名を入力してください...」と表示されたテキストフィールドが現れる。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("最大文字数設定例");
    window.resize(300, 150);
    QLineEdit *lineEdit = new QLineEdit(&window);
    lineEdit->setPlaceholderText("最大10文字まで入力");
    // 入力可能な最大文字数を10文字に設定する
    lineEdit->setMaxLength(10);
    lineEdit->move(50, 50);
    lineEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※テキストフィールドに10文字以上の入力ができなくなります。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QIntValidator>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("数値入力制限例");
    window.resize(300, 150);
    QLineEdit *numberEdit = new QLineEdit(&window);
    numberEdit->setPlaceholderText("数値のみ入力可");
    // QIntValidatorにより数値のみ入力できるように設定
    QIntValidator *intValidator = new QIntValidator(0, 1000, numberEdit);
    numberEdit->setValidator(intValidator);
    numberEdit->move(50, 50);
    numberEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※テキストフィールドでは0から1000までの整数のみが入力可能になります。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QRegularExpression>
#include <QRegularExpressionValidator>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("正規表現による入力検証例");
    window.resize(300, 150);
    QLineEdit *regexEdit = new QLineEdit(&window);
    regexEdit->setPlaceholderText("小文字英字のみ入力(例：abc)");
    // 正規表現パターンを設定: 小文字の英字のみ
    QRegularExpression regex("^[a-z]+$");
    QRegularExpressionValidator *regexValidator = new QRegularExpressionValidator(regex, regexEdit);
    regexEdit->setValidator(regexValidator);
    regexEdit->move(50, 50);
    regexEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※テキストフィールドでは、アルファベットの小文字のみの入力が可能になります。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <Qt>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("テキスト配置調整例");
    window.resize(300, 150);
    QLineEdit *centerEdit = new QLineEdit(&window);
    centerEdit->setPlaceholderText("テキスト中央寄せ");
    // テキストを中央寄せに設定する
    centerEdit->setAlignment(Qt::AlignCenter);
    centerEdit->move(50, 50);
    centerEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※ウィンドウ上のテキストフィールド内のテキストが中央に配置されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("パスワード入力例");
    window.resize(300, 150);
    QLineEdit *passwordEdit = new QLineEdit(&window);
    passwordEdit->setPlaceholderText("パスワードを入力");
    // Passwordモードを設定して入力内容を隠蔽する
    passwordEdit->setEchoMode(QLineEdit::Password);
    passwordEdit->move(50, 50);
    passwordEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※テキストフィールドに入力された文字がマスク文字で表示され、実際の内容は隠蔽されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QObject>
#include <QDebug>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("textChangedシグナル例");
    window.resize(300, 150);
    QLineEdit *liveEdit = new QLineEdit(&window);
    liveEdit->setPlaceholderText("入力するたびに変更内容を確認");
    liveEdit->move(50, 50);
    liveEdit->resize(200, 30);
    // textChangedシグナルとラムダ式を用いた連携
    QObject::connect(liveEdit, &QLineEdit::textChanged,
                     [&liveEdit](const QString &newText){
                         qDebug() << "現在の入力内容:" << newText;
                     });
    window.show();
    return app.exec();
}

※テキストフィールド内で入力が変更されると、コンソールに最新のテキスト内容が表示されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QObject>
#include <QDebug>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("editingFinishedシグナル例");
    window.resize(300, 150);
    QLineEdit *finishEdit = new QLineEdit(&window);
    finishEdit->setPlaceholderText("入力完了後に処理が実行されます");
    finishEdit->move(50, 50);
    finishEdit->resize(200, 30);
    // editingFinishedシグナルと接続して入力完了時の処理を実装
    QObject::connect(finishEdit, &QLineEdit::editingFinished, [](){
        qDebug() << "入力が完了しました";
    });
    window.show();
    return app.exec();
}

※テキストフィールドからフォーカスが外れると、コンソールに「入力が完了しました」と表示されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QObject>
#include <QDebug>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("ReturnPressedシグナル利用例");
    window.resize(300, 150);
    QLineEdit *actionEdit = new QLineEdit(&window);
    actionEdit->setPlaceholderText("Enterキーでアクション発動");
    actionEdit->move(50, 50);
    actionEdit->resize(200, 30);
    // returnPressedシグナルと連動して特定の処理を実行
    QObject::connect(actionEdit, &QLineEdit::returnPressed, [](){
        qDebug() << "Enterキーが押されました。アクション実行中...";
    });
    window.show();
    return app.exec();
}

※ユーザーがEnterキーを押すと、コンソールにアクション実行メッセージが表示されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("スタイルシートによるカスタマイズ例");
    window.resize(300, 150);
    QLineEdit *styleEdit = new QLineEdit(&window);
    styleEdit->setPlaceholderText("カスタムスタイル適用中");
    styleEdit->move(50, 50);
    styleEdit->resize(200, 30);
    // スタイルシートを用いた外観調整
    styleEdit->setStyleSheet("QLineEdit {"
                             "background-color: #F0F8FF;"  // 薄い青色の背景
                             "color: #333333;"            // ダークグレーの文字色
                             "border: 2px solid #87CEEB;"  // 空色の枠線"
                             "border-radius: 5px;"         // 少し丸みを帯びた角"
                             "}");
    window.show();
    return app.exec();
}

※QLineEditが薄い青背景にダークグレーの文字、空色の枠線でカスタマイズされた状態で表示されます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("フォーカス時のスタイル変更例");
    window.resize(300, 150);
    QLineEdit *focusEdit = new QLineEdit(&window);
    focusEdit->setPlaceholderText("フォーカスでスタイルが変わります");
    focusEdit->move(50, 50);
    focusEdit->resize(200, 30);
    // スタイルシートで通常時とフォーカス時の外観を設定
    focusEdit->setStyleSheet("QLineEdit {"
                             "background-color: #FFFACD;"  // レモンシフォンの背景
                             "border: 1px solid #CCCCCC;"
                             "border-radius: 3px;"
                             "}"
                             "QLineEdit:focus {"
                             "border: 2px solid #FF8C00;"    // フォーカス時にオレンジ色の枠線"
                             "background-color: #FFF5EE;"     // シーシェルの背景"
                             "}");
    window.show();
    return app.exec();
}

※テキストフィールドが通常時とフォーカス時で異なるスタイルに変化する様子が確認できます。

#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QKeyEvent>
#include <QDebug>
class CustomLineEdit : public QLineEdit {
public:
    CustomLineEdit(QWidget *parent = nullptr) : QLineEdit(parent) {}
protected:
    bool event(QEvent *e) override {
        // キーボードイベントのキャッチ
        if(e->type() == QEvent::KeyPress) {
            QKeyEvent *keyEvent = static_cast<QKeyEvent*>(e);
            if(keyEvent->key() == Qt::Key_Return) {
                // Enterキーが押された場合の処理
                this->setStyleSheet("background-color: #E6E6FA;");  // 薄い紫色背景に変更
                qDebug() << "Enterキーが押され、背景色を変更しました。";
                return true;
            }
        }
        return QLineEdit::event(e);
    }
};
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    window.setWindowTitle("イベントフィルター利用例");
    window.resize(300, 150);
    CustomLineEdit *customEdit = new CustomLineEdit(&window);
    customEdit->setPlaceholderText("Enterキーで背景色が変わります");
    customEdit->move(50, 50);
    customEdit->resize(200, 30);
    window.show();
    return app.exec();
}

※Enterキーを押すと、テキストフィールドの背景色が薄い紫に変化します。コンソールにもメッセージが表示されます。