made simple preview for userpic roundness (WIP)

Author: xmdnx

Telegram/CMakeLists.txt

@@ -1336,6 +1336,8 @@ PRIVATE
     rabbit/settings_menu/rabbit_settings_menu.h
     rabbit/ui/settings/icon_picker.cpp
     rabbit/ui/settings/icon_picker.h
+    rabbit/ui/settings/previews.cpp
+    rabbit/ui/settings/previews.h
     rabbit/ui/rabbit_assets.cpp
     rabbit/ui/rabbit_assets.h
     rabbit/utils/quiet_mode.cpp

Telegram/SourceFiles/rabbit/settings_menu/sections/rabbit_appearance.cpp

@@ -11,6 +11,7 @@ For license and copyright information please follow this link:
 #include "rabbit/lang/rabbit_lang.h"
 #include "rabbit/settings_menu/sections/rabbit_appearance.h"
 #include "rabbit/ui/settings/icon_picker.h"
+#include "rabbit/ui/settings/previews.h"
 
 #include "lang_auto.h"
 #include "mainwindow.h"
@@ -73,6 +74,10 @@ namespace Settings {
 
 	void RabbitAppearance::SetupAppearance(not_null<Ui::VerticalLayout *> container) {
 	    Ui::AddSubsectionTitle(container, rktr("rtg_settings_appearance"));
+
+		const auto roundnessPreview = container->add(
+			object_ptr<RoundnessPreview>(container),
+			st::defaultSubsectionTitlePadding);
 
     	const auto userpicRoundnessLabel = container->add(
 			object_ptr<Ui::LabelSimple>(
@@ -90,6 +95,8 @@ namespace Settings {
     	};
     	const auto updateUserpicRoundness = [=](int value) {
     		updateUserpicRoundnessLabel(value);
+			roundnessPreview->repaint();
+			// NOTE: need to define roundnessPreview before repaint command?
     		::RabbitSettings::JsonSettings::Set("userpic_roundness", value);
     		::RabbitSettings::JsonSettings::Write();
     	};
@@ -101,6 +108,10 @@ namespace Settings {
 			updateUserpicRoundness);
     	updateUserpicRoundnessLabel(::RabbitSettings::JsonSettings::GetInt("userpic_roundness"));
 
+		// const auto roundnessPreview = container->add(
+		// 	object_ptr<RoundnessPreview>(container),
+		// 	st::defaultSubsectionTitlePadding);
+
     	SettingsMenuJsonSwitch(rtg_general_roundness, general_roundness);
     }
 

Telegram/SourceFiles/rabbit/ui/rabbit_styles.style

@@ -18,4 +18,6 @@ cpPenSize: 2px;
 cpImagePadding: 4px;
 cpSpacingX: 16px;
 cpSpacingY: 8px;
-cpIconSize: 64px;
+cpIconSize: 64px;
+
+rndPreviewSize: 48px;

Telegram/SourceFiles/rabbit/ui/settings/previews.cpp

@@ -0,0 +1,34 @@
+/*
+This file is part of rabbitGram Desktop,
+the unofficial app based on Telegram Desktop.
+
+For license and copyright information please follow this link:
+https://github.com/rabbitgramdesktop/rabbitgramdesktop/blob/dev/LEGAL
+*/
+#include "previews.h"
+#include "rabbit/settings/rabbit_settings.h"
+#include "core/application.h"
+#include "styles/style_layers.h"
+
+#include "main/main_domain.h"
+#include "styles/style_rabbit_styles.h"
+#include "ui/painter.h"
+#include "window/main_window.h"
+
+RoundnessPreview::RoundnessPreview(QWidget *parent) : RpWidget(parent) {
+    auto size = st::rndPreviewSize + (2 * st::cpPenSize);
+    setMinimumSize(st::boxWidth, size);
+}
+
+void RoundnessPreview::paintEvent(QPaintEvent *e)  {
+    Painter p(this);
+    PainterHighQualityEnabler hq(p);
+
+    auto radius = RabbitSettings::JsonSettings::GetInt("userpic_roundness") / 100.0 * st::rndPreviewSize;
+
+    p.setPen(QPen(st::iconPreviewStroke, st::cpPenSize));
+    p.drawRoundedRect(
+        st::cpPenSize, st::cpPenSize, 
+        st::rndPreviewSize, st::rndPreviewSize, 
+        radius, radius);
+}

Telegram/SourceFiles/rabbit/ui/settings/previews.h

@@ -0,0 +1,19 @@
+/*
+This file is part of rabbitGram Desktop,
+the unofficial app based on Telegram Desktop.
+
+For license and copyright information please follow this link:
+https://github.com/rabbitgramdesktop/rabbitgramdesktop/blob/dev/LEGAL
+*/
+#pragma once
+
+#include "ui/rp_widget.h"
+
+class RoundnessPreview : public Ui::RpWidget
+{
+public:
+  RoundnessPreview(QWidget *parent);
+
+protected:
+  void paintEvent(QPaintEvent *e) override;
+};