QT: Upgrade the Loading Bar to look much better
This commit is contained in:
parent
1c733bf175
commit
e8bd6b1fcc
4 changed files with 202 additions and 12 deletions
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
#pragma once
|
#pragma once
|
||||||
|
|
||||||
|
#include <functional>
|
||||||
#include "common/common_types.h"
|
#include "common/common_types.h"
|
||||||
#include "video_core/engines/fermi_2d.h"
|
#include "video_core/engines/fermi_2d.h"
|
||||||
#include "video_core/gpu.h"
|
#include "video_core/gpu.h"
|
||||||
|
@ -11,6 +12,14 @@
|
||||||
|
|
||||||
namespace VideoCore {
|
namespace VideoCore {
|
||||||
|
|
||||||
|
enum class LoadCallbackStage {
|
||||||
|
Prepare,
|
||||||
|
Raw,
|
||||||
|
Binary,
|
||||||
|
Complete,
|
||||||
|
};
|
||||||
|
using DiskResourceLoadCallback = std::function<void(LoadCallbackStage, std::size_t, std::size_t)>;
|
||||||
|
|
||||||
class RasterizerInterface {
|
class RasterizerInterface {
|
||||||
public:
|
public:
|
||||||
virtual ~RasterizerInterface() {}
|
virtual ~RasterizerInterface() {}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
// Licensed under GPLv2 or any later version
|
// Licensed under GPLv2 or any later version
|
||||||
// Refer to the license.txt file included.
|
// Refer to the license.txt file included.
|
||||||
|
|
||||||
|
#include <unordered_map>
|
||||||
#include <QBuffer>
|
#include <QBuffer>
|
||||||
#include <QByteArray>
|
#include <QByteArray>
|
||||||
#include <QHBoxLayout>
|
#include <QHBoxLayout>
|
||||||
|
@ -13,10 +14,12 @@
|
||||||
#include <QPixmap>
|
#include <QPixmap>
|
||||||
#include <QProgressBar>
|
#include <QProgressBar>
|
||||||
#include <QStyleOption>
|
#include <QStyleOption>
|
||||||
#include <QWindow>
|
#include <QTime>
|
||||||
|
#include <QtConcurrent/QtConcurrentRun>
|
||||||
#include "common/logging/log.h"
|
#include "common/logging/log.h"
|
||||||
#include "core/loader/loader.h"
|
#include "core/loader/loader.h"
|
||||||
#include "ui_loading_screen.h"
|
#include "ui_loading_screen.h"
|
||||||
|
#include "video_core/rasterizer_interface.h"
|
||||||
#include "yuzu/loading_screen.h"
|
#include "yuzu/loading_screen.h"
|
||||||
|
|
||||||
// Mingw seems to not have QMovie at all. If QMovie is missing then use a single frame instead of an
|
// Mingw seems to not have QMovie at all. If QMovie is missing then use a single frame instead of an
|
||||||
|
@ -26,10 +29,63 @@
|
||||||
#endif
|
#endif
|
||||||
|
|
||||||
LoadingScreen::LoadingScreen(QWidget* parent)
|
LoadingScreen::LoadingScreen(QWidget* parent)
|
||||||
: QWidget(parent), ui(std::make_unique<Ui::LoadingScreen>()) {
|
: QWidget(parent), ui(std::make_unique<Ui::LoadingScreen>()),
|
||||||
|
previous_stage(VideoCore::LoadCallbackStage::Complete) {
|
||||||
ui->setupUi(this);
|
ui->setupUi(this);
|
||||||
// Progress bar is hidden until we have a use for it.
|
|
||||||
ui->progress_bar->hide();
|
connect(this, &LoadingScreen::LoadProgress, this, &LoadingScreen::OnLoadProgress,
|
||||||
|
Qt::QueuedConnection);
|
||||||
|
qRegisterMetaType<VideoCore::LoadCallbackStage>();
|
||||||
|
|
||||||
|
stage_translations = {
|
||||||
|
{VideoCore::LoadCallbackStage::Prepare, tr("Loading...")},
|
||||||
|
{VideoCore::LoadCallbackStage::Raw, tr("Preparing Shaders %1 / %2")},
|
||||||
|
{VideoCore::LoadCallbackStage::Binary, tr("Loading Shaders %1 / %2")},
|
||||||
|
{VideoCore::LoadCallbackStage::Complete, tr("Launching...")},
|
||||||
|
};
|
||||||
|
progressbar_style = {
|
||||||
|
{VideoCore::LoadCallbackStage::Prepare,
|
||||||
|
R"(
|
||||||
|
QProgressBar {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
QProgressBar::chunk {
|
||||||
|
background-color: white;
|
||||||
|
})"},
|
||||||
|
{VideoCore::LoadCallbackStage::Raw,
|
||||||
|
R"(
|
||||||
|
QProgressBar {
|
||||||
|
background-color: black;
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
QProgressBar::chunk {
|
||||||
|
background-color: #0ab9e6;
|
||||||
|
})"},
|
||||||
|
{VideoCore::LoadCallbackStage::Binary,
|
||||||
|
R"(
|
||||||
|
QProgressBar {
|
||||||
|
background-color: black;
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
QProgressBar::chunk {
|
||||||
|
background-color: #ff3c28;
|
||||||
|
})"},
|
||||||
|
{VideoCore::LoadCallbackStage::Complete,
|
||||||
|
R"(
|
||||||
|
QProgressBar {
|
||||||
|
background-color: black;
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
QProgressBar::chunk {
|
||||||
|
background-color: #ff3c28;
|
||||||
|
})"},
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
LoadingScreen::~LoadingScreen() = default;
|
LoadingScreen::~LoadingScreen() = default;
|
||||||
|
@ -46,7 +102,7 @@ void LoadingScreen::Prepare(Loader::AppLoader& loader) {
|
||||||
std::make_unique<QByteArray>(reinterpret_cast<char*>(buffer.data()), buffer.size());
|
std::make_unique<QByteArray>(reinterpret_cast<char*>(buffer.data()), buffer.size());
|
||||||
backing_buf = std::make_unique<QBuffer>(backing_mem.get());
|
backing_buf = std::make_unique<QBuffer>(backing_mem.get());
|
||||||
backing_buf->open(QIODevice::ReadOnly);
|
backing_buf->open(QIODevice::ReadOnly);
|
||||||
animation = std::make_unique<QMovie>(backing_buf.get(), QByteArray("GIF"));
|
animation = std::make_unique<QMovie>(backing_buf.get(), QByteArray());
|
||||||
animation->start();
|
animation->start();
|
||||||
ui->banner->setMovie(animation.get());
|
ui->banner->setMovie(animation.get());
|
||||||
#endif
|
#endif
|
||||||
|
@ -57,14 +113,54 @@ void LoadingScreen::Prepare(Loader::AppLoader& loader) {
|
||||||
map.loadFromData(buffer.data(), buffer.size());
|
map.loadFromData(buffer.data(), buffer.size());
|
||||||
ui->logo->setPixmap(map);
|
ui->logo->setPixmap(map);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
OnLoadProgress(VideoCore::LoadCallbackStage::Prepare, 0, 100);
|
||||||
}
|
}
|
||||||
|
|
||||||
void LoadingScreen::OnLoadProgress(std::size_t value, std::size_t total) {
|
void LoadingScreen::OnLoadProgress(VideoCore::LoadCallbackStage stage, std::size_t value,
|
||||||
|
std::size_t total) {
|
||||||
|
using namespace std::chrono;
|
||||||
|
auto now = high_resolution_clock::now();
|
||||||
|
// reset the timer if the stage changes
|
||||||
|
if (stage != previous_stage) {
|
||||||
|
ui->progress_bar->setStyleSheet(progressbar_style[stage]);
|
||||||
|
previous_stage = stage;
|
||||||
|
// reset back to fast shader compiling since the stage changed
|
||||||
|
slow_shader_compile_start = false;
|
||||||
|
}
|
||||||
|
// update the max of the progress bar if the number of shaders change
|
||||||
if (total != previous_total) {
|
if (total != previous_total) {
|
||||||
ui->progress_bar->setMaximum(total);
|
ui->progress_bar->setMaximum(total);
|
||||||
previous_total = total;
|
previous_total = total;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
QString estimate;
|
||||||
|
// If theres a drastic slowdown in the rate, then display an estimate
|
||||||
|
if (now - previous_time > milliseconds{20}) {
|
||||||
|
if (!slow_shader_compile_start) {
|
||||||
|
slow_shader_start = high_resolution_clock::now();
|
||||||
|
slow_shader_compile_start = true;
|
||||||
|
slow_shader_first_value = value;
|
||||||
|
}
|
||||||
|
// only calculate an estimate time after a second has passed since stage change
|
||||||
|
auto diff = duration_cast<milliseconds>(now - slow_shader_start);
|
||||||
|
if (diff > seconds{1}) {
|
||||||
|
auto eta_mseconds =
|
||||||
|
static_cast<long>(static_cast<double>(total - slow_shader_first_value) /
|
||||||
|
(value - slow_shader_first_value) * diff.count());
|
||||||
|
estimate =
|
||||||
|
tr("Estimated Time %1")
|
||||||
|
.arg(QTime(0, 0, 0, 0)
|
||||||
|
.addMSecs(std::max<long>(eta_mseconds - diff.count() + 1000, 1000))
|
||||||
|
.toString("mm:ss"));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// update labels and progress bar
|
||||||
|
ui->stage->setText(stage_translations[stage].arg(value).arg(total));
|
||||||
|
ui->value->setText(estimate);
|
||||||
ui->progress_bar->setValue(value);
|
ui->progress_bar->setValue(value);
|
||||||
|
previous_time = now;
|
||||||
}
|
}
|
||||||
|
|
||||||
void LoadingScreen::paintEvent(QPaintEvent* event) {
|
void LoadingScreen::paintEvent(QPaintEvent* event) {
|
||||||
|
|
|
@ -4,7 +4,9 @@
|
||||||
|
|
||||||
#pragma once
|
#pragma once
|
||||||
|
|
||||||
|
#include <chrono>
|
||||||
#include <memory>
|
#include <memory>
|
||||||
|
#include <QString>
|
||||||
#include <QWidget>
|
#include <QWidget>
|
||||||
|
|
||||||
#if !QT_CONFIG(movie)
|
#if !QT_CONFIG(movie)
|
||||||
|
@ -19,6 +21,10 @@ namespace Ui {
|
||||||
class LoadingScreen;
|
class LoadingScreen;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
namespace VideoCore {
|
||||||
|
enum class LoadCallbackStage;
|
||||||
|
}
|
||||||
|
|
||||||
class QBuffer;
|
class QBuffer;
|
||||||
class QByteArray;
|
class QByteArray;
|
||||||
class QMovie;
|
class QMovie;
|
||||||
|
@ -39,11 +45,14 @@ public:
|
||||||
/// used resources such as the logo and banner.
|
/// used resources such as the logo and banner.
|
||||||
void Clear();
|
void Clear();
|
||||||
|
|
||||||
|
void OnLoadProgress(VideoCore::LoadCallbackStage stage, std::size_t value, std::size_t total);
|
||||||
|
|
||||||
// In order to use a custom widget with a stylesheet, you need to override the paintEvent
|
// In order to use a custom widget with a stylesheet, you need to override the paintEvent
|
||||||
// See https://wiki.qt.io/How_to_Change_the_Background_Color_of_QWidget
|
// See https://wiki.qt.io/How_to_Change_the_Background_Color_of_QWidget
|
||||||
void paintEvent(QPaintEvent* event) override;
|
void paintEvent(QPaintEvent* event) override;
|
||||||
|
|
||||||
void OnLoadProgress(std::size_t value, std::size_t total);
|
signals:
|
||||||
|
void LoadProgress(VideoCore::LoadCallbackStage stage, std::size_t value, std::size_t total);
|
||||||
|
|
||||||
private:
|
private:
|
||||||
#ifndef YUZU_QT_MOVIE_MISSING
|
#ifndef YUZU_QT_MOVIE_MISSING
|
||||||
|
@ -53,4 +62,19 @@ private:
|
||||||
#endif
|
#endif
|
||||||
std::unique_ptr<Ui::LoadingScreen> ui;
|
std::unique_ptr<Ui::LoadingScreen> ui;
|
||||||
std::size_t previous_total = 0;
|
std::size_t previous_total = 0;
|
||||||
|
VideoCore::LoadCallbackStage previous_stage;
|
||||||
|
|
||||||
|
// Definitions for the differences in text and styling for each stage
|
||||||
|
std::unordered_map<VideoCore::LoadCallbackStage, const char*> progressbar_style;
|
||||||
|
std::unordered_map<VideoCore::LoadCallbackStage, QString> stage_translations;
|
||||||
|
|
||||||
|
// newly generated shaders are added to the end of the file, so when loading and compiling
|
||||||
|
// shaders, it will start quickly but end slow if new shaders were added since previous launch.
|
||||||
|
// These variables are used to detect the change in speed so we can generate an ETA
|
||||||
|
bool slow_shader_compile_start = false;
|
||||||
|
std::chrono::high_resolution_clock::time_point slow_shader_start;
|
||||||
|
std::chrono::high_resolution_clock::time_point previous_time;
|
||||||
|
std::size_t slow_shader_first_value = 0;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Q_DECLARE_METATYPE(VideoCore::LoadCallbackStage);
|
||||||
|
|
|
@ -43,20 +43,81 @@
|
||||||
</widget>
|
</widget>
|
||||||
</item>
|
</item>
|
||||||
<item>
|
<item>
|
||||||
<layout class="QHBoxLayout" name="horizontalLayout">
|
<layout class="QVBoxLayout" name="verticalLayout" stretch="1,0,1">
|
||||||
<item>
|
<property name="spacing">
|
||||||
<widget class="QProgressBar" name="progress_bar">
|
<number>15</number>
|
||||||
|
</property>
|
||||||
|
<property name="sizeConstraint">
|
||||||
|
<enum>QLayout::SetNoConstraint</enum>
|
||||||
|
</property>
|
||||||
|
<item alignment="Qt::AlignHCenter|Qt::AlignBottom">
|
||||||
|
<widget class="QLabel" name="stage">
|
||||||
|
<property name="sizePolicy">
|
||||||
|
<sizepolicy hsizetype="Minimum" vsizetype="Minimum">
|
||||||
|
<horstretch>0</horstretch>
|
||||||
|
<verstretch>0</verstretch>
|
||||||
|
</sizepolicy>
|
||||||
|
</property>
|
||||||
<property name="styleSheet">
|
<property name="styleSheet">
|
||||||
<string notr="true">font-size: 26px;</string>
|
<string notr="true">background-color: black; color: white;
|
||||||
|
font: 75 20pt "Arial";</string>
|
||||||
|
</property>
|
||||||
|
<property name="text">
|
||||||
|
<string>Loading Shaders 387 / 1628</string>
|
||||||
|
</property>
|
||||||
|
</widget>
|
||||||
|
</item>
|
||||||
|
<item alignment="Qt::AlignHCenter|Qt::AlignTop">
|
||||||
|
<widget class="QProgressBar" name="progress_bar">
|
||||||
|
<property name="sizePolicy">
|
||||||
|
<sizepolicy hsizetype="Expanding" vsizetype="Preferred">
|
||||||
|
<horstretch>0</horstretch>
|
||||||
|
<verstretch>0</verstretch>
|
||||||
|
</sizepolicy>
|
||||||
|
</property>
|
||||||
|
<property name="minimumSize">
|
||||||
|
<size>
|
||||||
|
<width>500</width>
|
||||||
|
<height>40</height>
|
||||||
|
</size>
|
||||||
|
</property>
|
||||||
|
<property name="styleSheet">
|
||||||
|
<string notr="true">QProgressBar {
|
||||||
|
color: white;
|
||||||
|
border: 2px solid white;
|
||||||
|
outline-color: black;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
QProgressBar::chunk {
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
}</string>
|
||||||
</property>
|
</property>
|
||||||
<property name="value">
|
<property name="value">
|
||||||
<number>0</number>
|
<number>50</number>
|
||||||
|
</property>
|
||||||
|
<property name="textVisible">
|
||||||
|
<bool>false</bool>
|
||||||
</property>
|
</property>
|
||||||
<property name="format">
|
<property name="format">
|
||||||
<string>Loading Shaders %v out of %m</string>
|
<string>Loading Shaders %v out of %m</string>
|
||||||
</property>
|
</property>
|
||||||
</widget>
|
</widget>
|
||||||
</item>
|
</item>
|
||||||
|
<item alignment="Qt::AlignHCenter|Qt::AlignTop">
|
||||||
|
<widget class="QLabel" name="value">
|
||||||
|
<property name="toolTip">
|
||||||
|
<string notr="true"/>
|
||||||
|
</property>
|
||||||
|
<property name="styleSheet">
|
||||||
|
<string notr="true">background-color: black; color: white;
|
||||||
|
font: 75 15pt "Arial";</string>
|
||||||
|
</property>
|
||||||
|
<property name="text">
|
||||||
|
<string>Stage 1 of 2. Estimate Time 5m 4s</string>
|
||||||
|
</property>
|
||||||
|
</widget>
|
||||||
|
</item>
|
||||||
</layout>
|
</layout>
|
||||||
</item>
|
</item>
|
||||||
<item alignment="Qt::AlignRight|Qt::AlignBottom">
|
<item alignment="Qt::AlignRight|Qt::AlignBottom">
|
||||||
|
|
Loading…
Reference in a new issue