Arrow
Arrow23 апреля 2017 г. 18:50

Масштабирование изображения с сохранением качества

Вопрос в следующем масштабирую изображение при помощи:

label->setPixmap(pixm.scaledToWidth(ui->scrollArea->width() ));

Как выяснилось изображение теряет в качестве и текст на отсканированных страницах становится сложно читаемым.

Отсюда возник вопрос каким образом можно отмасштабировать изображение по ширине при этом не повредив его читаемость (качество)?

Как один из вариантов рассматриваю:

        QTransform transform;

       scaleFactor = img.weidth / ui->scrolarea->width;

        transform.scale(img.height * scaleFactor, img.weidth * scaleFactor);

        QImage image = img.transformed(transform, Qt::SmoothTransformation);

Или есть еще более подходящие для этой цели варианты?

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

14
Evgenii Legotckoi
  • 24 апреля 2017 г. 0:34

Я тут поинтереснее решение нашёл. Без использования QPixmap::scaledToWidth . Если настроить QLabel на возможность масштабировать контент внутри себя, то можно просто изменять размеры QLabel, и контент будет тогда сам масштабироваться, причём потери качества я не заметил.

То есть не нужно подготавливать QPixmap по ширине, а сразу выкидываем его в сторону лейаута, и добавляем его внутри QLabel, который уже сам масштабируется по ширине layout. То есть сигнал по добавлению картинки выглядит ещё проще:

void ImgLoader::process()
{
    for (QString fileName : m_fileNameList)
    {
        QPixmap pix(fileName);
        emit sendPixmap(pix);
    }

    emit finished();
}

А QLabel настраивается немного посложнее:

void Widget::addImageLabel(QPixmap pixmap)
{

    QLabel* imageLabel = new QLabel(this);
    imageLabel->setBackgroundRole(QPalette::Dark);
    imageLabel->setScaledContents(true);
    imageLabel->setPixmap(pixmap);

    double pixWidth = pixmap.width();
    double layoutWidth = m_verticalLayout->geometry().width();
    double factor = layoutWidth/pixWidth;
    imageLabel->setFixedWidth(factor * imageLabel->pixmap()->width());
    imageLabel->setFixedHeight(factor * imageLabel->pixmap()->height());

    m_verticalLayout->addWidget(imageLabel);
}

Также я добавил возможность зума, чтобы показать, что качество изображения не изменяется при зуммировании.

void Widget::zoomIn()
{
    scaledImages(1.25);
}

void Widget::zoomOut()
{
     scaledImages(0.8);
}

void Widget::scaledImages(double factor)
{
    for (int i = 0; i < m_verticalLayout->count(); ++i)
    {
        QLabel *imageLabel = static_cast<QLabel*>(m_verticalLayout->itemAt(i)->widget());
        if (imageLabel)
        {
            imageLabel->setFixedWidth(factor * imageLabel->width());
            imageLabel->setFixedHeight(factor * imageLabel->height());
        }
    }
}

Таким образом получается довольно таки приличный вариант с приближением и отдалением изображений. Проект тот же, что и в предыдущем вопросе. Прикрепил к ответу. Отличается тем, что я добавил кнопки для масштабирования.

    Arrow
    • 24 апреля 2017 г. 19:17

    Что-то я не пойму. Создал новый проект и туда пишу:

    ClientForm::ClientForm(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::ClientForm)
    {
        ui->setupUi(this);
    
        ui->scrollArea->setBackgroundRole(QPalette::Dark);
        ui->scrollArea->setWidgetResizable(true);
        
        connect(ui->pushButton, &QPushButton::clicked, this, &ClientForm::loadPix);
    }
    
    ClientForm::~ClientForm()
    {
        delete ui;
    }
    
    void ClientForm::loadPix()
    {
        QString str = QFileDialog::getOpenFileName(nullptr, "Select file",
                    QStandardPaths::locate(QStandardPaths::HomeLocation, QString()),
                                            "Image files (*.jpg | *.png | *.bmp)");
    
        QLabel *label = new QLabel(this);
        QPixmap pixmap(str);
    
        label->setBackgroundRole(QPalette::Dark);
        label->setScaledContents(true);
        label->setPixmap(pixmap);
    
        double pixWidth = pixmap.width();
        double layoutWidth = ui->verticalLayout->geometry().width();
        double factor = layoutWidth/pixWidth;
        label->setFixedWidth(factor * label->pixmap()->width());
        label->setFixedHeight(factor * label->pixmap()->height());
    
        ui->verticalLayout->addWidget(label);

    Изображение меленькое по центру, а не растянуто по ширине. Я что-то упустил важное?

      Evgenii Legotckoi
      • 24 апреля 2017 г. 19:38

      Скорее всего параметры геометрии коряво определяются. Если открыть окно, а потом растянуть его, то при загрузке изображения, это самое изображение масштабируется по той ширине verticalLayout , которая была изначально при открытии окна. Так что стоит похоже, как-то иначе найти необходимую ширину.

      Например заменить эту строчку:

      double layoutWidth = ui->verticalLayout->geometry().width();

      На следующую:

      double layoutWidth = ui->scrollArea->geometry().width();

      То есть оттолкнуться не от ширины verticalLayout, а от scrollarea. Видимо размеры verticalLayout не изменяются при масштабировании окна, когда он помещён в scrollarea.

        Arrow
        • 24 апреля 2017 г. 20:30

        Не помогает.

        А чем вариант через QTransform плох?

          Evgenii Legotckoi
          • 24 апреля 2017 г. 20:42

          Если не помогает, может что-нибудь настроили такого в графическом дизайнере из-за чего не хочет работать как положено. Впрочем, может сказываться различное поведение в операционных системах. Под какую ОС разработку сейчас ведёте? Я под Ubuntu проверял.

          Насчёт QTransform ничего не скажу, не проверял ))) Мне вариант с масштабированием QLabel показался попроще сам по себе. Это чисто субъективное ощущение. Впрочем, нужно просто QTransform рассмотреть под лупой, тогда смогу высказать более адекватное мнение.

          Во вложении мой вариант вашей попытки проверки масштабирования с QLabel.

            Arrow
            • 24 апреля 2017 г. 22:56

            Пробовал в ОС Windows 7. Перепроверил в Debian Jessie - результат то-же. Буду копать визуальный редактор.

              Arrow
              • 24 апреля 2017 г. 23:03

              Тестирую на таком собранном проекте.

                Evgenii Legotckoi
                • 25 апреля 2017 г. 0:48
                • Ответ был помечен как решение.

                Картинку на ClientForm нужно добавлять после того, как добавили объект ClientForm в Tab, а не до этого. Нужно сначала поместить форму в Таб, тогда она примет размеры окна, а потом уже добавлять картинку. А то так добавили картинку в объект, который имеет мизерные размеры, а потом уже добавили этот объект в Таб, который растянулся во время добавления, а картинка в данном случае остаётся того же размера, что и была изначально.

                В общем так не правильно:

                void MainWindow::setTab(const QString str)
                {
                    // Новая вкладка
                    ClientForm *form = new ClientForm(tab);
                
                    form->setPix(str);
                    tab->addTab(form, QFileInfo(str).baseName());
                
                    tab->setCurrentWidget(form);
                
                    tab->setTabsClosable(true);
                }

                А так правильно:

                void MainWindow::setTab(const QString str)
                {
                    // Новая вкладка
                    ClientForm *form = new ClientForm(tab);
                    tab->addTab(form, QFileInfo(str).baseName());
                    tab->setCurrentWidget(form);
                    tab->setTabsClosable(true);
                    form->setPix(str);
                }
                  Arrow
                  • 25 апреля 2017 г. 2:19

                  Спасибо!

                  Я на это как-то и внимания не обратил.

                  Все работает.

                    Arrow
                    • 25 апреля 2017 г. 14:19

                    Хотел задать еще один вопрос, только уже не по теме.

                    У меня в исходном коде (приложенном в сообщении выше) главное меню программы реализовано наследованием от класса QMenuBar и описано в ручную (класс MainMenu).

                    Представление реализовано как виджет (класс ClientForm) в визуальном редакторе.

                    Отсюда вопрос:

                    Есть ли в Qt Creator возможность реализовать главное меню программы отдельным классом как MainMenu, только при помощи визуального редактора (типа класса ClientForm)? Или TollBar реализовать в отдельном классе, но в визуальном редакторе?

                    Хочется все это вынести в отдельные файлы (классы) и работать с ними через сигналы и слоты, а класс главного окна сделать контейнером для всего этого. Скажем так - максимально отделить интерфейс программы от реализации.

                    Извините если с вопросом сильно намудрил :)

                      Evgenii Legotckoi
                      • 25 апреля 2017 г. 22:37

                      В Qt Creator, когда выбираете пункт Добавить новый... из контекстного меню проекта, можете выбрать добавить класс формы Qt Designer, и там есть список не только окон, которые можно создать в дизайнере, но и список виджетов. Так вот классов QMenuBar и QToolBar я там не нашёл. Так что, думаю, что вряд ли такое возможно.

                        Arrow
                        • 26 апреля 2017 г. 0:23

                        Такого я там тоже не видел. Думал есть другой путь о котором не знаю или которого у меня нет в дизайнере (у меня раздел моделирование пуст).

                          Evgenii Legotckoi
                          • 26 апреля 2017 г. 0:28

                          Да я не про моделирование говорил, а про раздел Qt . Не думаю, что есть какой-то специальный способ. Только если самому плагин соответствующий написать, но это опять же придётся код писать.

                            Arrow
                            • 26 апреля 2017 г. 2:35

                            Плагин писать это уже думаю лишнее.

                              Комментарии

                              Только авторизованные пользователи могут публиковать комментарии.
                              Пожалуйста, авторизуйтесь или зарегистрируйтесь
                              Ua

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:84баллов,
                              • Очки рейтинга4
                              Ua

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:42баллов,
                              • Очки рейтинга-8
                              ОК

                              Qt - Тест 001. Сигналы и слоты

                              • Результат:47баллов,
                              • Очки рейтинга-6
                              Последние комментарии
                              ИМ
                              Игорь Максимов22 ноября 2024 г. 21:51
                              Django - Урок 017. Кастомизированная страница авторизации на Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
                              Evgenii Legotckoi
                              Evgenii Legotckoi31 октября 2024 г. 23:37
                              Django - Урок 064. Как написать расширение для Python Markdown Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
                              A
                              ALO1ZE19 октября 2024 г. 17:19
                              Читалка fb3-файлов на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
                              ИМ
                              Игорь Максимов5 октября 2024 г. 16:51
                              Django - Урок 064. Как написать расширение для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
                              d
                              dblas55 июля 2024 г. 20:02
                              QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                              Сейчас обсуждают на форуме
                              f
                              firstlunoxod15 февраля 2025 г. 13:46
                              Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
                              Дмитрий
                              Дмитрий3 февраля 2025 г. 16:24
                              Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
                              NW
                              Nayo Wai30 января 2025 г. 19:22
                              не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
                              n
                              nkly3 января 2025 г. 12:52
                              Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
                              M
                              Marsel17 августа 2023 г. 0:26
                              OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

                              Следите за нами в социальных сетях