Extract premium layer top bar widget.
This commit is contained in:
parent
4cb5bea69b
commit
785014f7b7
|
@ -33,10 +33,10 @@ https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
|
||||||
#include "settings/settings_premium.h"
|
#include "settings/settings_premium.h"
|
||||||
#include "ui/abstract_button.h"
|
#include "ui/abstract_button.h"
|
||||||
#include "ui/basic_click_handlers.h"
|
#include "ui/basic_click_handlers.h"
|
||||||
#include "ui/color_contrast.h"
|
|
||||||
#include "ui/effects/gradient.h"
|
#include "ui/effects/gradient.h"
|
||||||
#include "ui/effects/premium_graphics.h"
|
#include "ui/effects/premium_graphics.h"
|
||||||
#include "ui/effects/premium_stars_colored.h"
|
#include "ui/effects/premium_stars_colored.h"
|
||||||
|
#include "ui/effects/premium_top_bar.h"
|
||||||
#include "ui/layers/generic_box.h"
|
#include "ui/layers/generic_box.h"
|
||||||
#include "ui/text/format_values.h"
|
#include "ui/text/format_values.h"
|
||||||
#include "ui/text/text_utilities.h"
|
#include "ui/text/text_utilities.h"
|
||||||
|
@ -67,41 +67,6 @@ namespace {
|
||||||
|
|
||||||
using SectionCustomTopBarData = Info::Settings::SectionCustomTopBarData;
|
using SectionCustomTopBarData = Info::Settings::SectionCustomTopBarData;
|
||||||
|
|
||||||
constexpr auto kBodyAnimationPart = 0.90;
|
|
||||||
constexpr auto kTitleAdditionalScale = 0.15;
|
|
||||||
constexpr auto kMinAcceptableContrast = 4.5; // 1.14;
|
|
||||||
|
|
||||||
[[nodiscard]] QString Svg() {
|
|
||||||
return u":/gui/icons/settings/star.svg"_q;
|
|
||||||
}
|
|
||||||
|
|
||||||
[[nodiscard]] QByteArray ColorizedSvg() {
|
|
||||||
auto f = QFile(Svg());
|
|
||||||
if (!f.open(QIODevice::ReadOnly)) {
|
|
||||||
return QByteArray();
|
|
||||||
}
|
|
||||||
auto content = qs(f.readAll());
|
|
||||||
auto stops = [] {
|
|
||||||
auto s = QString();
|
|
||||||
for (const auto &stop : Ui::Premium::ButtonGradientStops()) {
|
|
||||||
s += QString("<stop offset='%1' stop-color='%2'/>")
|
|
||||||
.arg(QString::number(stop.first), stop.second.name());
|
|
||||||
}
|
|
||||||
return s;
|
|
||||||
}();
|
|
||||||
const auto color = QString("<linearGradient id='Gradient2' "
|
|
||||||
"x1='%1' x2='%2' y1='%3' y2='%4'>%5</linearGradient>")
|
|
||||||
.arg(0)
|
|
||||||
.arg(1)
|
|
||||||
.arg(1)
|
|
||||||
.arg(0)
|
|
||||||
.arg(std::move(stops));
|
|
||||||
content.replace(u"gradientPlaceholder"_q, color);
|
|
||||||
content.replace(u"#fff"_q, u"url(#Gradient2)"_q);
|
|
||||||
f.close();
|
|
||||||
return content.toUtf8();
|
|
||||||
}
|
|
||||||
|
|
||||||
[[nodiscard]] Data::SubscriptionOptions SubscriptionOptionsForRows(
|
[[nodiscard]] Data::SubscriptionOptions SubscriptionOptionsForRows(
|
||||||
Data::SubscriptionOptions result) {
|
Data::SubscriptionOptions result) {
|
||||||
for (auto &option : result) {
|
for (auto &option : result) {
|
||||||
|
@ -412,85 +377,6 @@ void SendScreenAccept(not_null<Window::SessionController*> controller) {
|
||||||
MTP_jsonNull());
|
MTP_jsonNull());
|
||||||
}
|
}
|
||||||
|
|
||||||
class TopBarAbstract : public Ui::RpWidget {
|
|
||||||
public:
|
|
||||||
using Ui::RpWidget::RpWidget;
|
|
||||||
|
|
||||||
void setRoundEdges(bool value);
|
|
||||||
|
|
||||||
virtual void setPaused(bool paused) = 0;
|
|
||||||
virtual void setTextPosition(int x, int y) = 0;
|
|
||||||
|
|
||||||
[[nodiscard]] virtual rpl::producer<int> additionalHeight() const = 0;
|
|
||||||
|
|
||||||
protected:
|
|
||||||
void paintEdges(QPainter &p, const QBrush &brush) const;
|
|
||||||
void paintEdges(QPainter &p) const;
|
|
||||||
|
|
||||||
[[nodiscard]] QRectF starRect(
|
|
||||||
float64 topProgress,
|
|
||||||
float64 sizeProgress) const;
|
|
||||||
|
|
||||||
[[nodiscard]] bool isDark() const;
|
|
||||||
void computeIsDark();
|
|
||||||
|
|
||||||
private:
|
|
||||||
bool _roundEdges = true;
|
|
||||||
bool _isDark = false;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
void TopBarAbstract::setRoundEdges(bool value) {
|
|
||||||
_roundEdges = value;
|
|
||||||
update();
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBarAbstract::paintEdges(QPainter &p, const QBrush &brush) const {
|
|
||||||
const auto r = rect();
|
|
||||||
if (_roundEdges) {
|
|
||||||
PainterHighQualityEnabler hq(p);
|
|
||||||
const auto radius = st::boxRadius;
|
|
||||||
p.setPen(Qt::NoPen);
|
|
||||||
p.setBrush(brush);
|
|
||||||
p.drawRoundedRect(
|
|
||||||
r + QMargins{ 0, 0, 0, radius + 1 },
|
|
||||||
radius,
|
|
||||||
radius);
|
|
||||||
} else {
|
|
||||||
p.fillRect(r, brush);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBarAbstract::paintEdges(QPainter &p) const {
|
|
||||||
paintEdges(p, st::boxBg);
|
|
||||||
if (isDark()) {
|
|
||||||
paintEdges(p, st::shadowFg);
|
|
||||||
paintEdges(p, st::shadowFg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
QRectF TopBarAbstract::starRect(
|
|
||||||
float64 topProgress,
|
|
||||||
float64 sizeProgress) const {
|
|
||||||
const auto starSize = st::settingsPremiumStarSize * sizeProgress;
|
|
||||||
return QRectF(
|
|
||||||
QPointF(
|
|
||||||
(width() - starSize.width()) / 2,
|
|
||||||
st::settingsPremiumStarTopSkip * topProgress),
|
|
||||||
starSize);
|
|
||||||
};
|
|
||||||
|
|
||||||
bool TopBarAbstract::isDark() const {
|
|
||||||
return _isDark;
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBarAbstract::computeIsDark() {
|
|
||||||
const auto contrast = Ui::CountContrast(
|
|
||||||
st::boxBg->c,
|
|
||||||
st::premiumButtonFg->c);
|
|
||||||
_isDark = (contrast > kMinAcceptableContrast);
|
|
||||||
}
|
|
||||||
|
|
||||||
class EmojiStatusTopBar final {
|
class EmojiStatusTopBar final {
|
||||||
public:
|
public:
|
||||||
EmojiStatusTopBar(
|
EmojiStatusTopBar(
|
||||||
|
@ -583,7 +469,7 @@ void EmojiStatusTopBar::paint(QPainter &p) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class TopBarUser final : public TopBarAbstract {
|
class TopBarUser final : public Ui::Premium::TopBarAbstract {
|
||||||
public:
|
public:
|
||||||
TopBarUser(
|
TopBarUser(
|
||||||
not_null<QWidget*> parent,
|
not_null<QWidget*> parent,
|
||||||
|
@ -674,38 +560,8 @@ TopBarUser::TopBarUser(
|
||||||
HistoryView::Sticker::EmojiSize());
|
HistoryView::Sticker::EmojiSize());
|
||||||
_imageStar = QImage();
|
_imageStar = QImage();
|
||||||
} else {
|
} else {
|
||||||
auto svg = QSvgRenderer(Svg());
|
|
||||||
|
|
||||||
const auto size = _starRect.size().toSize();
|
|
||||||
auto frame = QImage(
|
|
||||||
size * style::DevicePixelRatio(),
|
|
||||||
QImage::Format_ARGB32_Premultiplied);
|
|
||||||
frame.setDevicePixelRatio(style::DevicePixelRatio());
|
|
||||||
|
|
||||||
auto mask = frame;
|
|
||||||
mask.fill(Qt::transparent);
|
|
||||||
{
|
|
||||||
auto p = QPainter(&mask);
|
|
||||||
auto gradient = QLinearGradient(
|
|
||||||
0,
|
|
||||||
size.height(),
|
|
||||||
size.width(),
|
|
||||||
0);
|
|
||||||
gradient.setStops(Ui::Premium::ButtonGradientStops());
|
|
||||||
p.setPen(Qt::NoPen);
|
|
||||||
p.setBrush(gradient);
|
|
||||||
p.drawRect(0, 0, size.width(), size.height());
|
|
||||||
}
|
|
||||||
frame.fill(Qt::transparent);
|
|
||||||
{
|
|
||||||
auto q = QPainter(&frame);
|
|
||||||
svg.render(&q, QRect(QPoint(), size));
|
|
||||||
q.setCompositionMode(QPainter::CompositionMode_SourceIn);
|
|
||||||
q.drawImage(0, 0, mask);
|
|
||||||
}
|
|
||||||
_imageStar = std::move(frame);
|
|
||||||
|
|
||||||
_emojiStatus = nullptr;
|
_emojiStatus = nullptr;
|
||||||
|
_imageStar = Ui::Premium::GenerateStarForLightTopBar(_starRect);
|
||||||
}
|
}
|
||||||
|
|
||||||
updateTitle(document, { name }, controller);
|
updateTitle(document, { name }, controller);
|
||||||
|
@ -925,194 +781,6 @@ void TopBarUser::resizeEvent(QResizeEvent *e) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class TopBar final : public TopBarAbstract {
|
|
||||||
public:
|
|
||||||
TopBar(
|
|
||||||
not_null<QWidget*> parent,
|
|
||||||
not_null<Window::SessionController*> controller,
|
|
||||||
rpl::producer<QString> title,
|
|
||||||
rpl::producer<TextWithEntities> about);
|
|
||||||
|
|
||||||
void setPaused(bool paused) override;
|
|
||||||
void setTextPosition(int x, int y) override;
|
|
||||||
|
|
||||||
rpl::producer<int> additionalHeight() const override;
|
|
||||||
|
|
||||||
protected:
|
|
||||||
void paintEvent(QPaintEvent *e) override;
|
|
||||||
void resizeEvent(QResizeEvent *e) override;
|
|
||||||
|
|
||||||
private:
|
|
||||||
const style::font &_titleFont;
|
|
||||||
const style::margins &_titlePadding;
|
|
||||||
object_ptr<Ui::FlatLabel> _about;
|
|
||||||
Ui::Premium::ColoredMiniStars _ministars;
|
|
||||||
QSvgRenderer _star;
|
|
||||||
|
|
||||||
struct {
|
|
||||||
float64 top = 0.;
|
|
||||||
float64 body = 0.;
|
|
||||||
float64 title = 0.;
|
|
||||||
float64 scaleTitle = 0.;
|
|
||||||
} _progress;
|
|
||||||
|
|
||||||
QRectF _starRect;
|
|
||||||
|
|
||||||
QPoint _titlePosition;
|
|
||||||
QPainterPath _titlePath;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
TopBar::TopBar(
|
|
||||||
not_null<QWidget*> parent,
|
|
||||||
not_null<Window::SessionController*> controller,
|
|
||||||
rpl::producer<QString> title,
|
|
||||||
rpl::producer<TextWithEntities> about)
|
|
||||||
: TopBarAbstract(parent)
|
|
||||||
, _titleFont(st::boxTitle.style.font)
|
|
||||||
, _titlePadding(st::settingsPremiumTitlePadding)
|
|
||||||
, _about(this, std::move(about), st::settingsPremiumAbout)
|
|
||||||
, _ministars(this) {
|
|
||||||
std::move(
|
|
||||||
title
|
|
||||||
) | rpl::start_with_next([=](QString text) {
|
|
||||||
_titlePath = QPainterPath();
|
|
||||||
_titlePath.addText(0, _titleFont->ascent, _titleFont, text);
|
|
||||||
update();
|
|
||||||
}, lifetime());
|
|
||||||
|
|
||||||
_about->setClickHandlerFilter([=](
|
|
||||||
const ClickHandlerPtr &handler,
|
|
||||||
Qt::MouseButton button) {
|
|
||||||
ActivateClickHandler(_about, handler, {
|
|
||||||
button,
|
|
||||||
QVariant::fromValue(ClickHandlerContext{
|
|
||||||
.sessionWindow = base::make_weak(controller),
|
|
||||||
.botStartAutoSubmit = true,
|
|
||||||
})
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
rpl::single() | rpl::then(
|
|
||||||
style::PaletteChanged()
|
|
||||||
) | rpl::start_with_next([=] {
|
|
||||||
TopBarAbstract::computeIsDark();
|
|
||||||
|
|
||||||
if (!TopBarAbstract::isDark()) {
|
|
||||||
_star.load(Svg());
|
|
||||||
_ministars.setColorOverride(st::premiumButtonFg->c);
|
|
||||||
} else {
|
|
||||||
_star.load(ColorizedSvg());
|
|
||||||
_ministars.setColorOverride(std::nullopt);
|
|
||||||
}
|
|
||||||
auto event = QResizeEvent(size(), size());
|
|
||||||
resizeEvent(&event);
|
|
||||||
}, lifetime());
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBar::setPaused(bool paused) {
|
|
||||||
_ministars.setPaused(paused);
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBar::setTextPosition(int x, int y) {
|
|
||||||
_titlePosition = { x, y };
|
|
||||||
}
|
|
||||||
|
|
||||||
rpl::producer<int> TopBar::additionalHeight() const {
|
|
||||||
return _about->heightValue(
|
|
||||||
) | rpl::map([l = st::settingsPremiumAbout.style.lineHeight](int height) {
|
|
||||||
return std::max(height - l * 2, 0);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBar::resizeEvent(QResizeEvent *e) {
|
|
||||||
const auto progress = (e->size().height() - minimumHeight())
|
|
||||||
/ float64(maximumHeight() - minimumHeight());
|
|
||||||
_progress.top = 1. -
|
|
||||||
std::clamp(
|
|
||||||
(1. - progress) / kBodyAnimationPart,
|
|
||||||
0.,
|
|
||||||
1.);
|
|
||||||
_progress.body = _progress.top;
|
|
||||||
_progress.title = 1. - progress;
|
|
||||||
_progress.scaleTitle = 1. + kTitleAdditionalScale * progress;
|
|
||||||
|
|
||||||
_ministars.setCenter(starRect(_progress.top, 1.).toRect());
|
|
||||||
|
|
||||||
_starRect = starRect(_progress.top, _progress.body);
|
|
||||||
|
|
||||||
const auto &padding = st::boxRowPadding;
|
|
||||||
const auto availableWidth = width() - padding.left() - padding.right();
|
|
||||||
const auto titleTop = _starRect.top()
|
|
||||||
+ _starRect.height()
|
|
||||||
+ _titlePadding.top();
|
|
||||||
const auto titlePathRect = _titlePath.boundingRect();
|
|
||||||
const auto aboutTop = titleTop
|
|
||||||
+ titlePathRect.height()
|
|
||||||
+ _titlePadding.bottom();
|
|
||||||
_about->resizeToWidth(availableWidth);
|
|
||||||
_about->moveToLeft(padding.left(), aboutTop);
|
|
||||||
_about->setOpacity(_progress.body);
|
|
||||||
|
|
||||||
Ui::RpWidget::resizeEvent(e);
|
|
||||||
}
|
|
||||||
|
|
||||||
void TopBar::paintEvent(QPaintEvent *e) {
|
|
||||||
auto p = QPainter(this);
|
|
||||||
|
|
||||||
p.fillRect(e->rect(), Qt::transparent);
|
|
||||||
|
|
||||||
const auto r = rect();
|
|
||||||
|
|
||||||
if (!TopBarAbstract::isDark()) {
|
|
||||||
const auto gradientPointTop = r.height() / 3. * 2.;
|
|
||||||
auto gradient = QLinearGradient(
|
|
||||||
QPointF(0, gradientPointTop),
|
|
||||||
QPointF(r.width(), r.height() - gradientPointTop));
|
|
||||||
gradient.setStops(Ui::Premium::ButtonGradientStops());
|
|
||||||
|
|
||||||
TopBarAbstract::paintEdges(p, gradient);
|
|
||||||
} else {
|
|
||||||
TopBarAbstract::paintEdges(p);
|
|
||||||
}
|
|
||||||
|
|
||||||
p.setOpacity(_progress.body);
|
|
||||||
p.translate(_starRect.center());
|
|
||||||
p.scale(_progress.body, _progress.body);
|
|
||||||
p.translate(-_starRect.center());
|
|
||||||
if (_progress.top) {
|
|
||||||
_ministars.paint(p);
|
|
||||||
}
|
|
||||||
p.resetTransform();
|
|
||||||
|
|
||||||
_star.render(&p, _starRect);
|
|
||||||
|
|
||||||
p.setPen(st::premiumButtonFg);
|
|
||||||
|
|
||||||
const auto titlePathRect = _titlePath.boundingRect();
|
|
||||||
|
|
||||||
// Title.
|
|
||||||
PainterHighQualityEnabler hq(p);
|
|
||||||
p.setOpacity(1.);
|
|
||||||
p.setFont(_titleFont);
|
|
||||||
const auto fullStarRect = starRect(1., 1.);
|
|
||||||
const auto fullTitleTop = fullStarRect.top()
|
|
||||||
+ fullStarRect.height()
|
|
||||||
+ _titlePadding.top();
|
|
||||||
p.translate(
|
|
||||||
anim::interpolate(
|
|
||||||
(width() - titlePathRect.width()) / 2,
|
|
||||||
_titlePosition.x(),
|
|
||||||
_progress.title),
|
|
||||||
anim::interpolate(fullTitleTop, _titlePosition.y(), _progress.title));
|
|
||||||
|
|
||||||
p.translate(titlePathRect.center());
|
|
||||||
p.scale(_progress.scaleTitle, _progress.scaleTitle);
|
|
||||||
p.translate(-titlePathRect.center());
|
|
||||||
p.fillPath(_titlePath, st::premiumButtonFg);
|
|
||||||
}
|
|
||||||
|
|
||||||
class Premium : public Section<Premium> {
|
class Premium : public Section<Premium> {
|
||||||
public:
|
public:
|
||||||
Premium(
|
Premium(
|
||||||
|
@ -1488,7 +1156,7 @@ QPointer<Ui::RpWidget> Premium::createPinnedToTop(
|
||||||
return nullptr;
|
return nullptr;
|
||||||
}();
|
}();
|
||||||
|
|
||||||
const auto content = [&]() -> TopBarAbstract* {
|
const auto content = [&]() -> Ui::Premium::TopBarAbstract* {
|
||||||
if (peerWithPremium) {
|
if (peerWithPremium) {
|
||||||
return Ui::CreateChild<TopBarUser>(
|
return Ui::CreateChild<TopBarUser>(
|
||||||
parent.get(),
|
parent.get(),
|
||||||
|
@ -1496,9 +1164,16 @@ QPointer<Ui::RpWidget> Premium::createPinnedToTop(
|
||||||
peerWithPremium,
|
peerWithPremium,
|
||||||
_showFinished.events());
|
_showFinished.events());
|
||||||
}
|
}
|
||||||
return Ui::CreateChild<TopBar>(
|
const auto weak = base::make_weak(_controller);
|
||||||
|
const auto clickContextOther = [=] {
|
||||||
|
return QVariant::fromValue(ClickHandlerContext{
|
||||||
|
.sessionWindow = weak,
|
||||||
|
.botStartAutoSubmit = true,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
return Ui::CreateChild<Ui::Premium::TopBar>(
|
||||||
parent.get(),
|
parent.get(),
|
||||||
_controller,
|
clickContextOther,
|
||||||
std::move(title),
|
std::move(title),
|
||||||
std::move(about));
|
std::move(about));
|
||||||
}();
|
}();
|
||||||
|
|
315
Telegram/SourceFiles/ui/effects/premium_top_bar.cpp
Normal file
315
Telegram/SourceFiles/ui/effects/premium_top_bar.cpp
Normal file
|
@ -0,0 +1,315 @@
|
||||||
|
/*
|
||||||
|
This file is part of Telegram Desktop,
|
||||||
|
the official desktop application for the Telegram messaging service.
|
||||||
|
|
||||||
|
For license and copyright information please follow this link:
|
||||||
|
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
|
||||||
|
*/
|
||||||
|
#include "ui/effects/premium_top_bar.h"
|
||||||
|
|
||||||
|
#include "ui/color_contrast.h"
|
||||||
|
#include "ui/painter.h"
|
||||||
|
#include "ui/effects/premium_graphics.h"
|
||||||
|
#include "ui/widgets/labels.h"
|
||||||
|
#include "ui/wrap/fade_wrap.h"
|
||||||
|
#include "styles/style_layers.h"
|
||||||
|
#include "styles/style_settings.h"
|
||||||
|
|
||||||
|
namespace Ui::Premium {
|
||||||
|
namespace {
|
||||||
|
|
||||||
|
constexpr auto kBodyAnimationPart = 0.90;
|
||||||
|
constexpr auto kTitleAdditionalScale = 0.15;
|
||||||
|
constexpr auto kMinAcceptableContrast = 4.5; // 1.14;
|
||||||
|
|
||||||
|
} // namespace
|
||||||
|
|
||||||
|
QString Svg() {
|
||||||
|
return u":/gui/icons/settings/star.svg"_q;
|
||||||
|
}
|
||||||
|
|
||||||
|
QByteArray ColorizedSvg() {
|
||||||
|
auto f = QFile(Svg());
|
||||||
|
if (!f.open(QIODevice::ReadOnly)) {
|
||||||
|
return QByteArray();
|
||||||
|
}
|
||||||
|
auto content = QString::fromUtf8(f.readAll());
|
||||||
|
auto stops = [] {
|
||||||
|
auto s = QString();
|
||||||
|
for (const auto &stop : Ui::Premium::ButtonGradientStops()) {
|
||||||
|
s += QString("<stop offset='%1' stop-color='%2'/>")
|
||||||
|
.arg(QString::number(stop.first), stop.second.name());
|
||||||
|
}
|
||||||
|
return s;
|
||||||
|
}();
|
||||||
|
const auto color = QString("<linearGradient id='Gradient2' "
|
||||||
|
"x1='%1' x2='%2' y1='%3' y2='%4'>%5</linearGradient>")
|
||||||
|
.arg(0)
|
||||||
|
.arg(1)
|
||||||
|
.arg(1)
|
||||||
|
.arg(0)
|
||||||
|
.arg(std::move(stops));
|
||||||
|
content.replace(u"gradientPlaceholder"_q, color);
|
||||||
|
content.replace(u"#fff"_q, u"url(#Gradient2)"_q);
|
||||||
|
f.close();
|
||||||
|
return content.toUtf8();
|
||||||
|
}
|
||||||
|
|
||||||
|
QImage GenerateStarForLightTopBar(QRectF rect) {
|
||||||
|
auto svg = QSvgRenderer(Ui::Premium::Svg());
|
||||||
|
|
||||||
|
const auto size = rect.size().toSize();
|
||||||
|
auto frame = QImage(
|
||||||
|
size * style::DevicePixelRatio(),
|
||||||
|
QImage::Format_ARGB32_Premultiplied);
|
||||||
|
frame.setDevicePixelRatio(style::DevicePixelRatio());
|
||||||
|
|
||||||
|
auto mask = frame;
|
||||||
|
mask.fill(Qt::transparent);
|
||||||
|
{
|
||||||
|
auto p = QPainter(&mask);
|
||||||
|
auto gradient = QLinearGradient(
|
||||||
|
0,
|
||||||
|
size.height(),
|
||||||
|
size.width(),
|
||||||
|
0);
|
||||||
|
gradient.setStops(Ui::Premium::ButtonGradientStops());
|
||||||
|
p.setPen(Qt::NoPen);
|
||||||
|
p.setBrush(gradient);
|
||||||
|
p.drawRect(0, 0, size.width(), size.height());
|
||||||
|
}
|
||||||
|
frame.fill(Qt::transparent);
|
||||||
|
{
|
||||||
|
auto q = QPainter(&frame);
|
||||||
|
svg.render(&q, QRect(QPoint(), size));
|
||||||
|
q.setCompositionMode(QPainter::CompositionMode_SourceIn);
|
||||||
|
q.drawImage(0, 0, mask);
|
||||||
|
}
|
||||||
|
return frame;
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBarAbstract::setRoundEdges(bool value) {
|
||||||
|
_roundEdges = value;
|
||||||
|
update();
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBarAbstract::paintEdges(QPainter &p, const QBrush &brush) const {
|
||||||
|
const auto r = rect();
|
||||||
|
if (_roundEdges) {
|
||||||
|
PainterHighQualityEnabler hq(p);
|
||||||
|
const auto radius = st::boxRadius;
|
||||||
|
p.setPen(Qt::NoPen);
|
||||||
|
p.setBrush(brush);
|
||||||
|
p.drawRoundedRect(
|
||||||
|
r + QMargins{ 0, 0, 0, radius + 1 },
|
||||||
|
radius,
|
||||||
|
radius);
|
||||||
|
} else {
|
||||||
|
p.fillRect(r, brush);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBarAbstract::paintEdges(QPainter &p) const {
|
||||||
|
paintEdges(p, st::boxBg);
|
||||||
|
if (isDark()) {
|
||||||
|
paintEdges(p, st::shadowFg);
|
||||||
|
paintEdges(p, st::shadowFg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
QRectF TopBarAbstract::starRect(
|
||||||
|
float64 topProgress,
|
||||||
|
float64 sizeProgress) const {
|
||||||
|
const auto starSize = st::settingsPremiumStarSize * sizeProgress;
|
||||||
|
return QRectF(
|
||||||
|
QPointF(
|
||||||
|
(width() - starSize.width()) / 2,
|
||||||
|
st::settingsPremiumStarTopSkip * topProgress),
|
||||||
|
starSize);
|
||||||
|
};
|
||||||
|
|
||||||
|
bool TopBarAbstract::isDark() const {
|
||||||
|
return _isDark;
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBarAbstract::computeIsDark() {
|
||||||
|
const auto contrast = CountContrast(
|
||||||
|
st::boxBg->c,
|
||||||
|
st::premiumButtonFg->c);
|
||||||
|
_isDark = (contrast > kMinAcceptableContrast);
|
||||||
|
}
|
||||||
|
|
||||||
|
TopBar::TopBar(
|
||||||
|
not_null<QWidget*> parent,
|
||||||
|
Fn<QVariant()> clickContextOther,
|
||||||
|
rpl::producer<QString> title,
|
||||||
|
rpl::producer<TextWithEntities> about,
|
||||||
|
bool light)
|
||||||
|
: TopBarAbstract(parent)
|
||||||
|
, _light(light)
|
||||||
|
, _titleFont(st::boxTitle.style.font)
|
||||||
|
, _titlePadding(st::settingsPremiumTitlePadding)
|
||||||
|
, _about(
|
||||||
|
this,
|
||||||
|
std::move(about),
|
||||||
|
_light ? st::settingsPremiumUserAbout : st::settingsPremiumAbout)
|
||||||
|
, _ministars(this) {
|
||||||
|
std::move(
|
||||||
|
title
|
||||||
|
) | rpl::start_with_next([=](QString text) {
|
||||||
|
_titlePath = QPainterPath();
|
||||||
|
_titlePath.addText(0, _titleFont->ascent, _titleFont, text);
|
||||||
|
update();
|
||||||
|
}, lifetime());
|
||||||
|
|
||||||
|
if (clickContextOther) {
|
||||||
|
_about->setClickHandlerFilter([=](
|
||||||
|
const ClickHandlerPtr &handler,
|
||||||
|
Qt::MouseButton button) {
|
||||||
|
ActivateClickHandler(_about, handler, {
|
||||||
|
button,
|
||||||
|
clickContextOther()
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
rpl::single() | rpl::then(
|
||||||
|
style::PaletteChanged()
|
||||||
|
) | rpl::start_with_next([=] {
|
||||||
|
TopBarAbstract::computeIsDark();
|
||||||
|
|
||||||
|
if (!_light && !TopBarAbstract::isDark()) {
|
||||||
|
_star.load(Svg());
|
||||||
|
_ministars.setColorOverride(st::premiumButtonFg->c);
|
||||||
|
} else {
|
||||||
|
_star.load(ColorizedSvg());
|
||||||
|
_ministars.setColorOverride(std::nullopt);
|
||||||
|
}
|
||||||
|
auto event = QResizeEvent(size(), size());
|
||||||
|
resizeEvent(&event);
|
||||||
|
}, lifetime());
|
||||||
|
|
||||||
|
if (_light) {
|
||||||
|
const auto smallTopShadow = CreateChild<FadeShadow>(this);
|
||||||
|
smallTopShadow->setDuration(st::fadeWrapDuration);
|
||||||
|
sizeValue(
|
||||||
|
) | rpl::start_with_next([=](QSize size) {
|
||||||
|
smallTopShadow->resizeToWidth(size.width());
|
||||||
|
smallTopShadow->moveToLeft(
|
||||||
|
0,
|
||||||
|
height() - smallTopShadow->height());
|
||||||
|
const auto shown = (minimumHeight() * 2 > size.height());
|
||||||
|
smallTopShadow->toggle(shown, anim::type::normal);
|
||||||
|
}, lifetime());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
TopBar::~TopBar() = default;
|
||||||
|
|
||||||
|
void TopBar::setPaused(bool paused) {
|
||||||
|
_ministars.setPaused(paused);
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBar::setTextPosition(int x, int y) {
|
||||||
|
_titlePosition = { x, y };
|
||||||
|
}
|
||||||
|
|
||||||
|
rpl::producer<int> TopBar::additionalHeight() const {
|
||||||
|
return _about->heightValue(
|
||||||
|
) | rpl::map([l = st::settingsPremiumAbout.style.lineHeight](int height) {
|
||||||
|
return std::max(height - l * 2, 0);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBar::resizeEvent(QResizeEvent *e) {
|
||||||
|
const auto progress = (e->size().height() - minimumHeight())
|
||||||
|
/ float64(maximumHeight() - minimumHeight());
|
||||||
|
_progress.top = 1. -
|
||||||
|
std::clamp(
|
||||||
|
(1. - progress) / kBodyAnimationPart,
|
||||||
|
0.,
|
||||||
|
1.);
|
||||||
|
_progress.body = _progress.top;
|
||||||
|
_progress.title = 1. - progress;
|
||||||
|
_progress.scaleTitle = 1. + kTitleAdditionalScale * progress;
|
||||||
|
|
||||||
|
_ministars.setCenter(starRect(_progress.top, 1.).toRect());
|
||||||
|
|
||||||
|
_starRect = starRect(_progress.top, _progress.body);
|
||||||
|
|
||||||
|
const auto &padding = st::boxRowPadding;
|
||||||
|
const auto availableWidth = width() - padding.left() - padding.right();
|
||||||
|
const auto titleTop = _starRect.top()
|
||||||
|
+ _starRect.height()
|
||||||
|
+ _titlePadding.top();
|
||||||
|
const auto titlePathRect = _titlePath.boundingRect();
|
||||||
|
const auto aboutTop = titleTop
|
||||||
|
+ titlePathRect.height()
|
||||||
|
+ _titlePadding.bottom();
|
||||||
|
_about->resizeToWidth(availableWidth);
|
||||||
|
_about->moveToLeft(padding.left(), aboutTop);
|
||||||
|
_about->setOpacity(_progress.body);
|
||||||
|
|
||||||
|
RpWidget::resizeEvent(e);
|
||||||
|
}
|
||||||
|
|
||||||
|
void TopBar::paintEvent(QPaintEvent *e) {
|
||||||
|
auto p = QPainter(this);
|
||||||
|
|
||||||
|
p.fillRect(e->rect(), Qt::transparent);
|
||||||
|
|
||||||
|
const auto r = rect();
|
||||||
|
|
||||||
|
if (!_light && !TopBarAbstract::isDark()) {
|
||||||
|
const auto gradientPointTop = r.height() / 3. * 2.;
|
||||||
|
auto gradient = QLinearGradient(
|
||||||
|
QPointF(0, gradientPointTop),
|
||||||
|
QPointF(r.width(), r.height() - gradientPointTop));
|
||||||
|
gradient.setStops(ButtonGradientStops());
|
||||||
|
|
||||||
|
TopBarAbstract::paintEdges(p, gradient);
|
||||||
|
} else {
|
||||||
|
TopBarAbstract::paintEdges(p);
|
||||||
|
}
|
||||||
|
|
||||||
|
p.setOpacity(_progress.body);
|
||||||
|
p.translate(_starRect.center());
|
||||||
|
p.scale(_progress.body, _progress.body);
|
||||||
|
p.translate(-_starRect.center());
|
||||||
|
if (_progress.top) {
|
||||||
|
_ministars.paint(p);
|
||||||
|
}
|
||||||
|
p.resetTransform();
|
||||||
|
|
||||||
|
_star.render(&p, _starRect);
|
||||||
|
|
||||||
|
const auto color = _light
|
||||||
|
? st::settingsPremiumUserTitle.textFg
|
||||||
|
: st::premiumButtonFg;
|
||||||
|
p.setPen(color);
|
||||||
|
|
||||||
|
const auto titlePathRect = _titlePath.boundingRect();
|
||||||
|
|
||||||
|
// Title.
|
||||||
|
PainterHighQualityEnabler hq(p);
|
||||||
|
p.setOpacity(1.);
|
||||||
|
p.setFont(_titleFont);
|
||||||
|
const auto fullStarRect = starRect(1., 1.);
|
||||||
|
const auto fullTitleTop = fullStarRect.top()
|
||||||
|
+ fullStarRect.height()
|
||||||
|
+ _titlePadding.top();
|
||||||
|
p.translate(
|
||||||
|
anim::interpolate(
|
||||||
|
(width() - titlePathRect.width()) / 2,
|
||||||
|
_titlePosition.x(),
|
||||||
|
_progress.title),
|
||||||
|
anim::interpolate(fullTitleTop, _titlePosition.y(), _progress.title));
|
||||||
|
|
||||||
|
p.translate(titlePathRect.center());
|
||||||
|
p.scale(_progress.scaleTitle, _progress.scaleTitle);
|
||||||
|
p.translate(-titlePathRect.center());
|
||||||
|
p.fillPath(_titlePath, color);
|
||||||
|
}
|
||||||
|
|
||||||
|
} // namespace Ui::Premium
|
93
Telegram/SourceFiles/ui/effects/premium_top_bar.h
Normal file
93
Telegram/SourceFiles/ui/effects/premium_top_bar.h
Normal file
|
@ -0,0 +1,93 @@
|
||||||
|
/*
|
||||||
|
This file is part of Telegram Desktop,
|
||||||
|
the official desktop application for the Telegram messaging service.
|
||||||
|
|
||||||
|
For license and copyright information please follow this link:
|
||||||
|
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
|
||||||
|
*/
|
||||||
|
#pragma once
|
||||||
|
|
||||||
|
#include "base/object_ptr.h"
|
||||||
|
#include "ui/rp_widget.h"
|
||||||
|
#include "ui/effects/premium_stars_colored.h"
|
||||||
|
|
||||||
|
namespace Ui {
|
||||||
|
class FlatLabel;
|
||||||
|
} // namespace Ui
|
||||||
|
|
||||||
|
namespace Ui::Premium {
|
||||||
|
|
||||||
|
[[nodiscard]] QString Svg();
|
||||||
|
[[nodiscard]] QByteArray ColorizedSvg();
|
||||||
|
[[nodiscard]] QImage GenerateStarForLightTopBar(QRectF rect);
|
||||||
|
|
||||||
|
class TopBarAbstract : public RpWidget {
|
||||||
|
public:
|
||||||
|
using RpWidget::RpWidget;
|
||||||
|
|
||||||
|
void setRoundEdges(bool value);
|
||||||
|
|
||||||
|
virtual void setPaused(bool paused) = 0;
|
||||||
|
virtual void setTextPosition(int x, int y) = 0;
|
||||||
|
|
||||||
|
[[nodiscard]] virtual rpl::producer<int> additionalHeight() const = 0;
|
||||||
|
|
||||||
|
protected:
|
||||||
|
void paintEdges(QPainter &p, const QBrush &brush) const;
|
||||||
|
void paintEdges(QPainter &p) const;
|
||||||
|
|
||||||
|
[[nodiscard]] QRectF starRect(
|
||||||
|
float64 topProgress,
|
||||||
|
float64 sizeProgress) const;
|
||||||
|
|
||||||
|
[[nodiscard]] bool isDark() const;
|
||||||
|
void computeIsDark();
|
||||||
|
|
||||||
|
private:
|
||||||
|
bool _roundEdges = true;
|
||||||
|
bool _isDark = false;
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
class TopBar final : public TopBarAbstract {
|
||||||
|
public:
|
||||||
|
TopBar(
|
||||||
|
not_null<QWidget*> parent,
|
||||||
|
Fn<QVariant()> clickContextOther,
|
||||||
|
rpl::producer<QString> title,
|
||||||
|
rpl::producer<TextWithEntities> about,
|
||||||
|
bool light = false);
|
||||||
|
~TopBar();
|
||||||
|
|
||||||
|
void setPaused(bool paused) override;
|
||||||
|
void setTextPosition(int x, int y) override;
|
||||||
|
|
||||||
|
rpl::producer<int> additionalHeight() const override;
|
||||||
|
|
||||||
|
protected:
|
||||||
|
void paintEvent(QPaintEvent *e) override;
|
||||||
|
void resizeEvent(QResizeEvent *e) override;
|
||||||
|
|
||||||
|
private:
|
||||||
|
const bool _light = false;
|
||||||
|
const style::font &_titleFont;
|
||||||
|
const style::margins &_titlePadding;
|
||||||
|
object_ptr<FlatLabel> _about;
|
||||||
|
ColoredMiniStars _ministars;
|
||||||
|
QSvgRenderer _star;
|
||||||
|
|
||||||
|
struct {
|
||||||
|
float64 top = 0.;
|
||||||
|
float64 body = 0.;
|
||||||
|
float64 title = 0.;
|
||||||
|
float64 scaleTitle = 0.;
|
||||||
|
} _progress;
|
||||||
|
|
||||||
|
QRectF _starRect;
|
||||||
|
|
||||||
|
QPoint _titlePosition;
|
||||||
|
QPainterPath _titlePath;
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
} // namespace Ui::Premium
|
|
@ -279,6 +279,8 @@ PRIVATE
|
||||||
ui/effects/premium_stars.h
|
ui/effects/premium_stars.h
|
||||||
ui/effects/premium_stars_colored.cpp
|
ui/effects/premium_stars_colored.cpp
|
||||||
ui/effects/premium_stars_colored.h
|
ui/effects/premium_stars_colored.h
|
||||||
|
ui/effects/premium_top_bar.cpp
|
||||||
|
ui/effects/premium_top_bar.h
|
||||||
ui/effects/round_checkbox.cpp
|
ui/effects/round_checkbox.cpp
|
||||||
ui/effects/round_checkbox.h
|
ui/effects/round_checkbox.h
|
||||||
ui/effects/scroll_content_shadow.cpp
|
ui/effects/scroll_content_shadow.cpp
|
||||||
|
|
Loading…
Reference in New Issue
Block a user