// This file is part of Desktop App Toolkit, // a set of libraries for developing nice desktop applications. // // For license and copyright information please follow this link: // https://github.com/desktop-app/legal/blob/master/LEGAL // #include "ui/widgets/call_mute_button.h" #include "base/event_filter.h" #include "ui/effects/radial_animation.h" #include "ui/paint/blobs.h" #include "ui/painter.h" #include "styles/palette.h" #include "styles/style_widgets.h" namespace Ui { namespace { constexpr auto kMaxLevel = 1.; constexpr auto kLevelDuration = 100. + 500. * 0.33; constexpr auto kScaleBig = 0.807 - 0.1; constexpr auto kScaleSmall = 0.704 - 0.1; constexpr auto kScaleBigMin = 0.878; constexpr auto kScaleSmallMin = 0.926; constexpr auto kScaleBigMax = kScaleBigMin + kScaleBig; constexpr auto kScaleSmallMax = kScaleSmallMin + kScaleSmall; constexpr auto kMainRadiusFactor = 50. / 57.; constexpr auto kMainMinRadius = 57. * kMainRadiusFactor; constexpr auto kMainMaxRadius = 63. * kMainRadiusFactor; constexpr auto kSwitchStateDuration = 120; constexpr auto MuteBlobs() -> std::array { return {{ { .segmentsCount = 6, .minScale = 1., .minRadius = kMainMinRadius, .maxRadius = kMainMaxRadius, .speedScale = .4, .alpha = 1., }, { .segmentsCount = 9, .minScale = kScaleSmallMin / kScaleSmallMax, .minRadius = 62 * kScaleSmallMax * kMainRadiusFactor, .maxRadius = 72 * kScaleSmallMax * kMainRadiusFactor, .speedScale = 1., .alpha = (76. / 255.), }, { .segmentsCount = 12, .minScale = kScaleBigMin / kScaleBigMax, .minRadius = 65 * kScaleBigMax * kMainRadiusFactor, .maxRadius = 75 * kScaleBigMax * kMainRadiusFactor, .speedScale = 1., .alpha = (76. / 255.), }, }}; } auto Colors() { return std::unordered_map>{ { CallMuteButtonType::ForceMuted, { st::callIconBg->c, st::callIconBg->c } }, { CallMuteButtonType::Active, { st::groupCallLive1->c, st::groupCallLive2->c } }, { CallMuteButtonType::Connecting, { st::callIconBg->c, st::callIconBg->c } }, { CallMuteButtonType::Muted, { st::groupCallMuted1->c, st::groupCallMuted2->c } }, }; } inline float64 InterpolateF(int a, int b, float64 b_ratio) { return a + float64(b - a) * b_ratio; } bool IsMuted(CallMuteButtonType type) { return (type != CallMuteButtonType::Active); } bool IsConnecting(CallMuteButtonType type) { return (type == CallMuteButtonType::Connecting); } } // namespace class BlobsWidget final : public RpWidget { public: BlobsWidget(not_null parent); void setLevel(float level); void setBrush(QBrush brush); void setMainRadius(rpl::producer &&radius); private: void init(); Paint::Blobs _blobs; QBrush _brush; int _center = 0; Animations::Basic _animation; }; BlobsWidget::BlobsWidget(not_null parent) : RpWidget(parent) , _blobs(MuteBlobs() | ranges::to_vector, kLevelDuration, kMaxLevel) , _brush(Qt::transparent) { init(); } void BlobsWidget::init() { setAttribute(Qt::WA_TransparentForMouseEvents); const auto maxBlobDiameter = _blobs.maxRadius() * 2; resize(maxBlobDiameter, maxBlobDiameter); const auto gradient = anim::linear_gradient( { st::groupCallMuted1->c, st::groupCallMuted2->c }, { st::groupCallLive1->c, st::groupCallLive2->c }, QPoint(0, height()), QPoint(width(), 0)); sizeValue( ) | rpl::start_with_next([=](QSize size) { _center = size.width() / 2; }, lifetime()); paintRequest( ) | rpl::start_with_next([=] { Painter p(this); PainterHighQualityEnabler hq(p); p.translate(_center, _center); _blobs.paint(p, _brush); }, lifetime()); _animation.init([=](crl::time now) { const auto dt = now - _animation.started(); update(); return true; }); shownValue( ) | rpl::start_with_next([=](bool shown) { if (shown) { _animation.start(); } else { _animation.stop(); } }, lifetime()); } void BlobsWidget::setBrush(QBrush brush) { if (_brush == brush) { return; } _brush = brush; update(); } void BlobsWidget::setLevel(float level) { _blobs.setLevel(level); } void BlobsWidget::setMainRadius(rpl::producer &&radius) { _blobs.setRadiusAt(std::move(radius), 0, true); } CallMuteButton::CallMuteButton( not_null parent, CallMuteButtonState initial) : _state(initial) , _blobs(base::make_unique_q(parent)) , _content(parent, st::callMuteButtonActive, &st::callMuteButtonMuted) , _radial(nullptr) , _colors(Colors()) , _crossLineMuteAnimation(st::callMuteCrossLine) { init(); } void CallMuteButton::init() { // Label text. auto text = _state.value( ) | rpl::map([](const CallMuteButtonState &state) { return state.text; }); _content.setText(std::move(text)); _radialShowProgress.value( ) | rpl::start_with_next([=](float64 value) { if (((value == 0.) || anim::Disabled()) && _radial) { _radial->stop(); _radial = nullptr; return; } if ((value > 0.) && !anim::Disabled() && !_radial) { _radial = std::make_unique( [=] { _content.update(); }, st::callConnectingRadial); _radial->start(); } }, lifetime()); // State type. const auto previousType = lifetime().make_state(_state.current().type); _state.value( ) | rpl::map([](const CallMuteButtonState &state) { return state.type; }) | rpl::start_with_next([=](CallMuteButtonType type) { const auto previous = *previousType; *previousType = type; const auto crossFrom = IsMuted(previous) ? 0. : 1.; const auto crossTo = IsMuted(type) ? 0. : 1.; const auto radialShowFrom = IsConnecting(previous) ? 1. : 0.; const auto radialShowTo = IsConnecting(type) ? 1. : 0.; const auto gradient = anim::linear_gradient( _colors.at(previous), _colors.at(type), QPoint(0, _blobs->height()), QPoint(_blobs->width(), 0)); const auto from = 0.; const auto to = 1.; auto callback = [=](float64 value) { _blobs->setBrush(QBrush(gradient.gradient(value))); const auto crossProgress = (crossFrom == crossTo) ? crossTo : InterpolateF(crossFrom, crossTo, value); if (crossProgress != _crossLineProgress) { _crossLineProgress = crossProgress; _content.update(_muteIconPosition); } const auto radialShowProgress = (radialShowFrom == radialShowTo) ? radialShowTo : InterpolateF(radialShowFrom, radialShowTo, value); if (radialShowProgress != _radialShowProgress.current()) { _radialShowProgress = radialShowProgress; } }; _switchAnimation.stop(); const auto duration = kSwitchStateDuration; _switchAnimation.start(std::move(callback), from, to, duration); }, lifetime()); // Icon rect. _content.sizeValue( ) | rpl::start_with_next([=](QSize size) { const auto &icon = st::callMuteButtonActive.button.icon; const auto &pos = st::callMuteButtonActive.button.iconPosition; _muteIconPosition = QRect( (pos.x() < 0) ? ((size.width() - icon.width()) / 2) : pos.x(), (pos.y() < 0) ? ((size.height() - icon.height()) / 2) : pos.y(), icon.width(), icon.height()); }, lifetime()); // Main blob radius. { auto radius = _state.value( ) | rpl::map([](const CallMuteButtonState &state) -> float { return IsConnecting(state.type) ? kMainMinRadius : kMainMaxRadius; }) | rpl::distinct_until_changed(); _blobs->setMainRadius(std::move(radius)); } // Paint. auto filterCallback = [=](not_null e) { if (e->type() != QEvent::Paint) { return base::EventFilterResult::Continue; } contentPaint(); return base::EventFilterResult::Cancel; }; auto filter = base::install_event_filter( &_content, std::move(filterCallback)); lifetime().make_state>(std::move(filter)); } void CallMuteButton::contentPaint() { Painter p(&_content); const auto progress = 1. - _crossLineProgress; _crossLineMuteAnimation.paint(p, _muteIconPosition.topLeft(), progress); if (_radial) { p.setOpacity(_radialShowProgress.current()); _radial->draw( p, st::callMuteButtonActive.bgPosition, _content.width()); } } void CallMuteButton::setState(const CallMuteButtonState &state) { _state = state; } void CallMuteButton::setLevel(float level) { _level = level; _blobs->setLevel(level); } rpl::producer CallMuteButton::clicks() const { return _content.clicks(); } QSize CallMuteButton::innerSize() const { return innerGeometry().size(); } QRect CallMuteButton::innerGeometry() const { const auto skip = st::callMuteButtonActive.outerRadius; return QRect( _content.x(), _content.y(), _content.width() - 2 * skip, _content.width() - 2 * skip); } void CallMuteButton::moveInner(QPoint position) { const auto skip = st::callMuteButtonActive.outerRadius; _content.move(position - QPoint(skip, skip)); { const auto offset = QPoint( (_blobs->width() - _content.width()) / 2, (_blobs->height() - _content.width()) / 2); _blobs->move(_content.pos() - offset); } } void CallMuteButton::setVisible(bool visible) { _content.setVisible(visible); _blobs->setVisible(visible); } void CallMuteButton::raise() { _blobs->raise(); _content.raise(); } void CallMuteButton::lower() { _content.lower(); _blobs->lower(); } rpl::lifetime &CallMuteButton::lifetime() { return _blobs->lifetime(); } CallMuteButton::~CallMuteButton() = default; } // namespace Ui