Weather screen redesign, particles + animation

[vshcherb]

Description

Redesign weather screen

• Allow slider to move every 10 min (tooltip)
• Move widgets to bottom
• Allow to select / deselect particles (similar Android)

Android task https://github.com/osmandapp/OsmAnd-Issues/issues/1899 Separate next task – Play button

ToDo, Figma

NavBar

• [x] Add action Data source, icon – ic_navbar_settings
• [x] Tap open Data source view

Date switcher

• [x] Remove dates
• [x] Use Tomorrow for the next day instead of day name
• [x] Use short day name instead of dates

Widget & Timeline

Widgets

• [x] Show widget for each weather data type.
• [x] Use widget icons

Map Buttons

• [x] Contours – tap show context menu with the list of weather contour lines
• • [x] ON – icon ic_custom_contour_lines
• • [x] OFF – icon ic_custom_contour_lines_disabled
• [x] Layers – tap show bottom view with the list of weather layers
• • [x] ON – icon ic_custom_overlay_map
• • [x] OFF – icon ic_custom_overlay_map_disabled

Menus

Contours	Layers	Data source

Contours

• [x] Show context menu with with the list of available contours
• [x] Only one type of weather contour lines could be enabled.
• [x] By default – None

Layers menu

• [x] Show view in bottom state with the list of available weather map overlays:
• • [x] Temperature, icon – ic_custom_thermometer
• • [x] Precipitation, icon – ic_custom_precipitation
• • [x] Wind, icon – ic_custom_wind
• • [x] Clouds, icon – ic_custom_clouds
• • [x] Air pressure, icon – ic_custom_air_pressure
• [x] By default – all disabled
• [ ] Add Wind animation item, should allow to turn on Wind animation separately from Wind layer.

Data source

• [x] Title – Data source, description – OsmAnd provides weather data from two sources:
• [x] Options 1: GFS
• • [x] Second line – Global Forecast System from National Centers for Environmental Prediction
• • [x] Selected by default
• [x] Options 2: ECMWF
• • [x] Second line – European Centre for Medium-Range Weather Forecasts

[tigrim]

Technical Plan:

1. Adjust the slider step to 10 minutes, referencing the layoutSelectingTitle method.

2. Configure the group of buttons weatherGroupBottonsView: Layers menu, Contours [OAHudButton]. Apply the layout position similar to the OAHudButton - cancel.

3. For the section with widgets, maintain the UICollectionView and center-align it.

4. Disable the display of weather widgets when the weather menu is shown on the screen.

5. Synchronize settings keys with Android once their task is completed.

[Andrewschenko]

Weather forecast provider was thoroughly refactored. In order to enable animations, application should specify the needed time period when provider is being created and a time step. Provider will then try to load all necessary online resources for this particular period for each moment of time (between time steps specified). OsmAnd application for Android has this code implemented.