Initial commit

Author: HeaTTheatR

ClockSnow/README.md

@@ -0,0 +1,5 @@
+# Snow Screen
+
+<p align="center">
+    <img align="center" src="https://github.com/HeaTTheatR/KivyMD-data/raw/master/gallery/snow-screen.gif"/>
+</p>

ClockSnow/clock_snow_screen.kv

@@ -0,0 +1,176 @@
+#:import SnowFall snow.SnowFall
+#:import get_color_from_hex kivy.utils.get_color_from_hex
+
+
+<TemperatureCelsius@MDBoxLayout>
+    scale: 1
+    size_hint_y: None
+    height: self.width
+    adaptive_width: True
+    padding: "4dp"
+
+    canvas.before:
+        PushMatrix
+        Scale:
+            x: root.scale
+            y: root.scale
+            z: root.scale
+            origin: self.center
+        Color:
+            rgba: app.theme_cls.primary_color
+        RoundedRectangle:
+            size: self.size
+            pos: self.pos
+            radius: [root.width / 2,]
+    canvas.after:
+        PopMatrix
+
+    MDLabel:
+        adaptive_size: True
+        text: "-3"
+        pos_hint: {"center_y": .5}
+        theme_text_color: "Custom"
+        text_color: 1, 1, 1, 1
+
+    MDIcon:
+        adaptive_size: True
+        icon: "temperature-celsius"
+        pos_hint: {"center_y": .5}
+        theme_text_color: "Custom"
+        text_color: 1, 1, 1, 1
+
+
+<SnowFlakeBg>
+    canvas.before:
+        PushMatrix
+        Scale:
+            x: root.scale
+            y: root.scale
+            z: root.scale
+            origin: self.center
+        Color:
+            rgba: 0, 1, 1, .2
+        RoundedRectangle:
+            size: self.size
+            pos: self.pos
+            radius: [root.width / 2,]
+    canvas.after:
+        PopMatrix
+
+
+<ClockSnowScreen>
+    canvas.before:
+        Rectangle:
+            size: self.size
+            pos: self.pos
+            source: "data/images/bg.png"
+
+    RoundShadowBox:
+        size_hint: None, None
+        size: "300dp", "300dp"
+        md_bg_color: get_color_from_hex("#09222a")
+        pos_hint: {"center_x": .5, "center_y": .5}
+
+        canvas.before:
+            StencilPush
+            RoundedRectangle:
+                size: self.size
+                pos: self.pos
+                radius: [root.width / 2,]
+            StencilUse
+
+        canvas.after:
+            StencilUnUse
+            RoundedRectangle:
+                size: self.size
+                pos: self.pos
+                radius: [root.width / 2,]
+            StencilPop
+
+        SnowFall:
+            id: snow
+            size_hint: None, None
+            size: root.size
+            number: 300
+            size_range: (dp(2), dp(7))
+
+        SnowFlakeBg:
+            id: snowflake_bg
+            size_hint: None, None
+            size: "110dp", "110dp"
+            pos_hint: {"center_x": .5}
+            y: snow.center[1] - dp(12)
+
+            MDIconButton:
+                id: snowflake
+                scale: 0
+                icon: "snowflake"
+                user_font_size: "72sp"
+                pos_hint: {"center_x": .5, "center_y": .5}
+                opposite_colors: True
+
+                canvas.before:
+                    PushMatrix
+                    Scale:
+                        x: self.scale
+                        y: self.scale
+                        z: self.scale
+                        origin: self.center
+                canvas.after:
+                    PopMatrix
+
+    MDLabel:
+        id: temperature_label
+        scale: 0
+        text: "TEMPERATURE"
+        theme_text_color: "Custom"
+        adaptive_size: True
+        bold: True
+        text_color: 1, 1, 1, .4
+        font_name: "data/font/Weather.ttf"
+        font_size: "24sp"
+        x: snow.center[0] - self.width / 2
+        y: snow.center[1] - self.height / 2 - dp(64)
+
+        canvas.before:
+            PushMatrix
+            Scale:
+                y: self.scale
+                origin: self.center
+        canvas.after:
+            PopMatrix
+
+    MDLabel:
+        id: city_label
+        scale: 0
+        text: "FINLAND"
+        theme_text_color: "Custom"
+        adaptive_size: True
+        bold: True
+        text_color: 1, 1, 1, .4
+        font_name: "data/font/Weather.ttf"
+        font_size: "18sp"
+        x: temperature_label.center[0] - self.width / 2
+        y: temperature_label.center[1] - self.height / 2 - temperature_label.height
+
+        canvas.before:
+            PushMatrix
+            Scale:
+                y: self.scale
+                origin: self.center
+        canvas.after:
+            PopMatrix
+
+    TemperatureCelsius:
+        id: temperature_celsius_box
+        scale: 0
+        y: snowflake_bg.y + self.height * 2 - root.shift_celsius_box / 2
+        x: snowflake_bg.x + self.width / 2 + root.shift_celsius_box
+
+        canvas.before:
+            PushMatrix
+            Scale:
+                y: self.scale
+                origin: self.center
+        canvas.after:
+            PopMatrix

ClockSnow/clock_snow_screen.py

@@ -0,0 +1,45 @@
+import os
+
+from kivy.animation import Animation
+from kivy.core.window import Window
+from kivy.lang import Builder
+from kivy.properties import NumericProperty
+from kivy.uix.widget import Widget
+
+Window.size = (800, 600)
+Window.minimum_width, Window.minimum_height = Window.size
+
+from kivymd.uix.screen import MDScreen
+from kivymd.uix.behaviors import CircularElevationBehavior
+from kivymd.uix.floatlayout import MDFloatLayout
+
+
+class ClockSnowScreen(MDScreen):
+    shift_celsius_box = NumericProperty(0)
+
+    def start_animation_snowflake_bg(self, interval):
+        Animation(scale=1, t="out_elastic", d=1.4).start(self.ids.snowflake_bg)
+
+    def start_animation_snowflake(self, interval):
+        Animation(scale=1, t="out_elastic", d=1.4).start(self.ids.snowflake)
+
+    def start_animation_temperature_label(self, interval):
+        Animation(scale=1, t="out_back", d=0.2).start(self.ids.temperature_label)
+
+    def start_animation_city_label(self, interval):
+        Animation(scale=1, t="out_back", d=0.2).start(self.ids.city_label)
+
+    def start_animation_celsius_box(self, interval):
+        Animation(shift_celsius_box=60, t="out_back", d=1.2).start(self)
+        Animation(scale=1, t="out_elastic", d=1.2).start(self.ids.temperature_celsius_box)
+
+
+class RoundShadowBox(CircularElevationBehavior, MDFloatLayout):
+    pass
+
+
+class SnowFlakeBg(MDFloatLayout):
+    scale = NumericProperty(0)
+
+
+Builder.load_file(os.path.join(os.path.dirname(__file__), "clock_snow_screen.kv"))

ClockSnow/data/font/Weather.ttf

@@ -0,0 +1,20 @@
+from kivy.clock import Clock
+
+from kivymd.app import MDApp
+
+from clock_snow_screen import ClockSnowScreen
+
+
+class ClockSnow(MDApp):
+    def build(self):
+        return ClockSnowScreen()
+
+    def on_start(self):
+        Clock.schedule_once(self.root.start_animation_snowflake_bg, 1)
+        Clock.schedule_once(self.root.start_animation_snowflake, 2.2)
+        Clock.schedule_once(self.root.start_animation_temperature_label, 3.2)
+        Clock.schedule_once(self.root.start_animation_city_label, 3.2)
+        Clock.schedule_once(self.root.start_animation_celsius_box, 2.8)
+
+
+ClockSnow().run()

ClockSnow/data/images/bg.png

@@ -0,0 +1,89 @@
+# https://gist.github.com/quitegreensky/9050acdb0cee666efb161ceaec564a85
+
+from random import randint
+
+from kivy.clock import Clock
+from kivy.metrics import dp
+from kivy.properties import ListProperty, NumericProperty
+from kivy.uix.floatlayout import FloatLayout
+from kivy.lang import Builder
+from kivy.animation import Animation
+
+Builder.load_string(
+    """
+<SnowItem>
+    opacity: 0
+    size_hint: None, None
+
+    canvas.before:
+        Color:
+            rgba: .8, .8, .8, 1
+        Ellipse:
+            pos: self.pos
+            size: self.size
+"""
+)
+
+
+class SnowItem(FloatLayout):
+    def __init__(self, **kwargs):
+        super().__init__(**kwargs)
+        Clock.schedule_once(self._update)
+
+    def _update(self, *args):
+        (Animation(opacity=1, d=randint(*self.parent.time_before_fade))).start(
+            self)
+
+
+class SnowFall(FloatLayout):
+    size_range = ListProperty([dp(5), dp(15)])
+    time_range = ListProperty([3, 8])
+    speed = ListProperty([4, 15])
+    time_before_fade = ListProperty([0, 2])
+    number = NumericProperty(50)
+
+    def __init__(self, **kwargs):
+        super().__init__(**kwargs)
+        Clock.schedule_once(self._update)
+
+    def add_item(self, count):
+        for x in range(count):
+            item = SnowItem(
+                size=[
+                    randint(*self.size_range),
+                    randint(*self.size_range)
+                ],
+
+                pos=[
+                    randint(0, self.width),
+                    randint(int(self.height * 0.7), self.height)
+                ]
+            )
+            self.add_widget(item)
+            self.start_anim(item)
+        return item
+
+    def _update(self, *args):
+        self.add_item(self.number)
+
+    def start_anim(self, item):
+        target_pos = [randint(0, self.width), 0]
+        final_time = randint(*self.time_range)
+
+        speed = randint(*self.time_range)
+        anim = Animation(pos=target_pos, d=speed)
+        anim.start(item)
+
+        # remove
+        Clock.schedule_once(lambda x: self.remove_widget(item), final_time)
+
+        # add new
+        Clock.schedule_once(lambda x: self.add_item(1), final_time)
+
+        fade_time = final_time - randint(*self.time_before_fade)
+        Clock.schedule_once(lambda x: self._fade_out(item, fade_time),
+                            final_time - fade_time)
+
+    def _fade_out(self, item, time):
+        anim = Animation(opacity=0, d=time)
+        anim.start(item)