├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── images ├── maui-tasks.gif └── maui-tasks.png └── src ├── MyTasks.sln └── MyTasks ├── App.xaml ├── App.xaml.cs ├── Controls ├── FilterMenu.xaml └── FilterMenu.xaml.cs ├── MauiProgram.cs ├── Models └── Task.cs ├── MyTasks.csproj ├── Platforms ├── Android │ ├── AndroidManifest.xml │ ├── MainActivity.cs │ ├── MainApplication.cs │ └── Resources │ │ └── values │ │ └── colors.xml ├── MacCatalyst │ ├── AppDelegate.cs │ ├── Info.plist │ └── Program.cs ├── Tizen │ ├── Main.cs │ └── tizen-manifest.xml ├── Windows │ ├── App.xaml │ ├── App.xaml.cs │ ├── Package.appxmanifest │ └── app.manifest └── iOS │ ├── AppDelegate.cs │ ├── Info.plist │ └── Program.cs ├── Properties └── launchSettings.json ├── Resources ├── AppIcon │ ├── appicon.svg │ └── appiconfg.svg ├── Fonts │ ├── Poppins-Bold.ttf │ ├── Poppins-Light.ttf │ ├── Poppins-Medium.ttf │ ├── Poppins-Regular.ttf │ └── Poppins-SemiBold.ttf ├── Images │ ├── birdsfly.png │ ├── check.png │ ├── close_circle.png │ ├── dotnet_bot.svg │ ├── face1.jpg │ ├── face2.jpg │ ├── face3.jpg │ ├── face4.jpg │ ├── face5.jpg │ ├── menu_circle.png │ ├── outer_circle.png │ ├── poweroff.png │ ├── time.png │ └── warning.png ├── Raw │ └── AboutAssets.txt ├── Splash │ └── splash.svg └── Styles │ ├── Colors.xaml │ └── Styles.xaml ├── Services └── TaskService.cs ├── ViewModels └── MyTasksViewModel.cs └── Views ├── MyTasksView.xaml ├── MyTasksView.xaml.cs └── Templates ├── TaskHeaderTemplate.xaml ├── TaskHeaderTemplate.xaml.cs ├── TaskItemTemplate.xaml ├── TaskItemTemplate.xaml.cs ├── TaskItemViewCell.xaml └── TaskItemViewCell.xaml.cs /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | 4 | # User-specific files 5 | *.suo 6 | *.user 7 | *.userosscache 8 | *.sln.docstates 9 | 10 | # User-specific files (MonoDevelop/Xamarin Studio) 11 | *.userprefs 12 | 13 | # Build results 14 | [Dd]ebug/ 15 | [Dd]ebugPublic/ 16 | [Rr]elease/ 17 | [Rr]eleases/ 18 | x64/ 19 | x86/ 20 | bld/ 21 | [Bb]in/ 22 | [Oo]bj/ 23 | [Ll]og/ 24 | 25 | # Visual Studio 2015 cache/options directory 26 | .vs/ 27 | # Uncomment if you have tasks that create the project's static files in wwwroot 28 | #wwwroot/ 29 | 30 | # MSTest test Results 31 | [Tt]est[Rr]esult*/ 32 | [Bb]uild[Ll]og.* 33 | 34 | # NUNIT 35 | *.VisualState.xml 36 | TestResult.xml 37 | 38 | # Build Results of an ATL Project 39 | [Dd]ebugPS/ 40 | [Rr]eleasePS/ 41 | dlldata.c 42 | 43 | # DNX 44 | project.lock.json 45 | artifacts/ 46 | 47 | *_i.c 48 | *_p.c 49 | *_i.h 50 | *.ilk 51 | *.meta 52 | *.obj 53 | *.pch 54 | *.pdb 55 | *.pgc 56 | *.pgd 57 | *.rsp 58 | *.sbr 59 | *.tlb 60 | *.tli 61 | *.tlh 62 | *.tmp 63 | *.tmp_proj 64 | *.log 65 | *.vspscc 66 | *.vssscc 67 | .builds 68 | *.pidb 69 | *.svclog 70 | *.scc 71 | 72 | # Chutzpah Test files 73 | _Chutzpah* 74 | 75 | # Visual C++ cache files 76 | ipch/ 77 | *.aps 78 | *.ncb 79 | *.opendb 80 | *.opensdf 81 | *.sdf 82 | *.cachefile 83 | *.VC.db 84 | *.VC.VC.opendb 85 | 86 | # Visual Studio profiler 87 | *.psess 88 | *.vsp 89 | *.vspx 90 | *.sap 91 | 92 | # TFS 2012 Local Workspace 93 | $tf/ 94 | 95 | # Guidance Automation Toolkit 96 | *.gpState 97 | 98 | # ReSharper is a .NET coding add-in 99 | _ReSharper*/ 100 | *.[Rr]e[Ss]harper 101 | *.DotSettings.user 102 | 103 | # JustCode is a .NET coding add-in 104 | .JustCode 105 | 106 | # TeamCity is a build add-in 107 | _TeamCity* 108 | 109 | # DotCover is a Code Coverage Tool 110 | *.dotCover 111 | 112 | # NCrunch 113 | _NCrunch_* 114 | .*crunch*.local.xml 115 | nCrunchTemp_* 116 | 117 | # MightyMoose 118 | *.mm.* 119 | AutoTest.Net/ 120 | 121 | # Web workbench (sass) 122 | .sass-cache/ 123 | 124 | # Installshield output folder 125 | [Ee]xpress/ 126 | 127 | # DocProject is a documentation generator add-in 128 | DocProject/buildhelp/ 129 | DocProject/Help/*.HxT 130 | DocProject/Help/*.HxC 131 | DocProject/Help/*.hhc 132 | DocProject/Help/*.hhk 133 | DocProject/Help/*.hhp 134 | DocProject/Help/Html2 135 | DocProject/Help/html 136 | 137 | # Click-Once directory 138 | publish/ 139 | 140 | # Publish Web Output 141 | *.[Pp]ublish.xml 142 | *.azurePubxml 143 | # TODO: Comment the next line if you want to checkin your web deploy settings 144 | # but database connection strings (with potential passwords) will be unencrypted 145 | *.pubxml 146 | *.publishproj 147 | 148 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 149 | # checkin your Azure Web App publish settings, but sensitive information contained 150 | # in these scripts will be unencrypted 151 | PublishScripts/ 152 | 153 | # NuGet Packages 154 | *.nupkg 155 | # The packages folder can be ignored because of Package Restore 156 | **/packages/* 157 | # except build/, which is used as an MSBuild target. 158 | !**/packages/build/ 159 | # Uncomment if necessary however generally it will be regenerated when needed 160 | #!**/packages/repositories.config 161 | # NuGet v3's project.json files produces more ignoreable files 162 | *.nuget.props 163 | *.nuget.targets 164 | 165 | # Microsoft Azure Build Output 166 | csx/ 167 | *.build.csdef 168 | 169 | # Microsoft Azure Emulator 170 | ecf/ 171 | rcf/ 172 | 173 | # Windows Store app package directories and files 174 | AppPackages/ 175 | BundleArtifacts/ 176 | Package.StoreAssociation.xml 177 | _pkginfo.txt 178 | 179 | # Visual Studio cache files 180 | # files ending in .cache can be ignored 181 | *.[Cc]ache 182 | # but keep track of directories ending in .cache 183 | !*.[Cc]ache/ 184 | 185 | # Others 186 | ClientBin/ 187 | ~$* 188 | *~ 189 | *.dbmdl 190 | *.dbproj.schemaview 191 | *.pfx 192 | *.publishsettings 193 | node_modules/ 194 | orleans.codegen.cs 195 | 196 | # Since there are multiple workflows, uncomment next line to ignore bower_components 197 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 198 | #bower_components/ 199 | 200 | # RIA/Silverlight projects 201 | Generated_Code/ 202 | 203 | # Backup & report files from converting an old project file 204 | # to a newer Visual Studio version. Backup files are not needed, 205 | # because we have git ;-) 206 | _UpgradeReport_Files/ 207 | Backup*/ 208 | UpgradeLog*.XML 209 | UpgradeLog*.htm 210 | 211 | # SQL Server files 212 | *.mdf 213 | *.ldf 214 | 215 | # Business Intelligence projects 216 | *.rdl.data 217 | *.bim.layout 218 | *.bim_*.settings 219 | 220 | # Microsoft Fakes 221 | FakesAssemblies/ 222 | 223 | # GhostDoc plugin setting file 224 | *.GhostDoc.xml 225 | 226 | # Node.js Tools for Visual Studio 227 | .ntvs_analysis.dat 228 | 229 | # Visual Studio 6 build log 230 | *.plg 231 | 232 | # Visual Studio 6 workspace options file 233 | *.opt 234 | 235 | # Visual Studio LightSwitch build output 236 | **/*.HTMLClient/GeneratedArtifacts 237 | **/*.DesktopClient/GeneratedArtifacts 238 | **/*.DesktopClient/ModelManifest.xml 239 | **/*.Server/GeneratedArtifacts 240 | **/*.Server/ModelManifest.xml 241 | _Pvt_Extensions 242 | 243 | # Paket dependency manager 244 | .paket/paket.exe 245 | paket-files/ 246 | 247 | # FAKE - F# Make 248 | .fake/ 249 | 250 | # JetBrains Rider 251 | .idea/ 252 | *.sln.iml 253 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Javier Suárez 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # MyTasks - .NET MAUI UI Challenge 2 | 3 | Tasks App UI Challenge made with .NET MAUI. 4 | 5 | ![MyTasks](images/maui-tasks.png) 6 | 7 | [Filter Menu](https://dribbble.com/shots/1956586-Filter-Menu) design by Anton Aheichanka. 8 | -------------------------------------------------------------------------------- /images/maui-tasks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/images/maui-tasks.gif -------------------------------------------------------------------------------- /images/maui-tasks.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/images/maui-tasks.png -------------------------------------------------------------------------------- /src/MyTasks.sln: -------------------------------------------------------------------------------- 1 |  2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.0.31611.283 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MyTasks", "MyTasks\MyTasks.csproj", "{DB7236D2-0802-4F70-8108-41BBAF291C60}" 7 | EndProject 8 | Global 9 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 10 | Debug|Any CPU = Debug|Any CPU 11 | Release|Any CPU = Release|Any CPU 12 | EndGlobalSection 13 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 14 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 15 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Debug|Any CPU.Build.0 = Debug|Any CPU 16 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Debug|Any CPU.Deploy.0 = Debug|Any CPU 17 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Release|Any CPU.ActiveCfg = Release|Any CPU 18 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Release|Any CPU.Build.0 = Release|Any CPU 19 | {DB7236D2-0802-4F70-8108-41BBAF291C60}.Release|Any CPU.Deploy.0 = Release|Any CPU 20 | EndGlobalSection 21 | GlobalSection(SolutionProperties) = preSolution 22 | HideSolutionNode = FALSE 23 | EndGlobalSection 24 | GlobalSection(ExtensibilityGlobals) = postSolution 25 | SolutionGuid = {61F7FB11-1E47-470C-91E2-47F8143E1572} 26 | EndGlobalSection 27 | EndGlobal 28 | -------------------------------------------------------------------------------- /src/MyTasks/App.xaml: -------------------------------------------------------------------------------- 1 |  2 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/MyTasks/App.xaml.cs: -------------------------------------------------------------------------------- 1 | using MyTasks.Views; 2 | 3 | namespace MyTasks; 4 | 5 | public partial class App : Application 6 | { 7 | public App() 8 | { 9 | InitializeComponent(); 10 | 11 | MainPage = new MyTasksView(); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /src/MyTasks/Controls/FilterMenu.xaml: -------------------------------------------------------------------------------- 1 |  2 | 6 | 7 | 8 | 15 | 23 | 31 | 32 | 42 | 43 | 53 | 54 | 64 | 65 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /src/MyTasks/Controls/FilterMenu.xaml.cs: -------------------------------------------------------------------------------- 1 | using System.Windows.Input; 2 | 3 | namespace MyTasks.Controls 4 | { 5 | /// 6 | /// Based on: https://github.com/alanbeech with a few changes (SelectedCommand, etc.). 7 | /// NOTE: Based on Alan's sample, there is a control with some nice properties: https://github.com/arqueror/Xamarin.Forms-RadialMenu 8 | /// 9 | public partial class FilterMenu : ContentView 10 | { 11 | public static readonly BindableProperty SelectedCommandProperty = 12 | BindableProperty.Create("SelectedCommand", typeof(ICommand), typeof(FilterMenu), null); 13 | 14 | public ICommand SelectedCommand 15 | { 16 | get { return (ICommand)GetValue(SelectedCommandProperty); } 17 | set { SetValue(SelectedCommandProperty, value); } 18 | } 19 | 20 | private bool _isAnimating = false; 21 | private uint _animationDelay = 150; 22 | 23 | public FilterMenu() 24 | { 25 | InitializeComponent(); 26 | 27 | InnerButtonClose.IsVisible = false; 28 | InnerButtonMenu.IsVisible = true; 29 | 30 | HandleMenuCenterClicked(); 31 | HandleCloseClicked(); 32 | HandleOptionsClicked(); 33 | } 34 | 35 | void HandleOptionsClicked() 36 | { 37 | HandleOptionClicked(N, "Ready"); 38 | HandleOptionClicked(NW, "Warning"); 39 | HandleOptionClicked(SW, "Delayed"); 40 | HandleOptionClicked(S, "Problem"); 41 | } 42 | 43 | void HandleOptionClicked(Image image, string value) 44 | { 45 | image.GestureRecognizers.Add(new TapGestureRecognizer() 46 | { 47 | Command = new Command(async () => 48 | { 49 | await CloseMenu(); 50 | 51 | if (SelectedCommand?.CanExecute(value) ?? false) 52 | { 53 | SelectedCommand?.Execute(value); 54 | } 55 | }), 56 | NumberOfTapsRequired = 1 57 | }); 58 | } 59 | 60 | void HandleCloseClicked() 61 | { 62 | InnerButtonClose.GestureRecognizers.Add(new TapGestureRecognizer 63 | { 64 | Command = new Command(async () => 65 | { 66 | await CloseMenu(); 67 | }), 68 | NumberOfTapsRequired = 1 69 | }); 70 | 71 | } 72 | 73 | private async Task CloseMenu() 74 | { 75 | if (!_isAnimating) 76 | { 77 | 78 | _isAnimating = true; 79 | 80 | InnerButtonMenu.IsVisible = true; 81 | InnerButtonClose.IsVisible = true; 82 | await HideButtons(); 83 | 84 | await InnerButtonClose.RotateTo(0, _animationDelay); 85 | await InnerButtonClose.FadeTo(0, _animationDelay); 86 | await InnerButtonMenu.RotateTo(0, _animationDelay); 87 | await InnerButtonMenu.FadeTo(1, _animationDelay); 88 | await OuterCircle.ScaleTo(1, 100, Easing.Linear); 89 | InnerButtonClose.IsVisible = false; 90 | 91 | _isAnimating = false; 92 | } 93 | } 94 | 95 | private void HandleMenuCenterClicked() 96 | { 97 | InnerButtonMenu.GestureRecognizers.Add(new TapGestureRecognizer 98 | { 99 | Command = new Command(async () => 100 | { 101 | if (!_isAnimating) 102 | { 103 | _isAnimating = true; 104 | 105 | InnerButtonClose.IsVisible = true; 106 | InnerButtonMenu.IsVisible = true; 107 | 108 | await InnerButtonMenu.RotateTo(360, _animationDelay); 109 | await InnerButtonMenu.FadeTo(0, _animationDelay); 110 | await InnerButtonClose.RotateTo(360, _animationDelay); 111 | await InnerButtonClose.FadeTo(1, _animationDelay); 112 | await OuterCircle.ScaleTo(3.5, 100, Easing.Linear); 113 | await ShowButtons(); 114 | InnerButtonMenu.IsVisible = false; 115 | 116 | _isAnimating = false; 117 | 118 | } 119 | }), 120 | NumberOfTapsRequired = 1 121 | }); 122 | } 123 | 124 | private async Task HideButtons() 125 | { 126 | var speed = 25U; 127 | await N.FadeTo(0, speed); 128 | await NW.FadeTo(0, speed); 129 | await SW.FadeTo(0, speed); 130 | await S.FadeTo(0, speed); 131 | } 132 | 133 | private async Task ShowButtons() 134 | { 135 | var speed = 25U; 136 | await N.FadeTo(1, speed); 137 | await NW.FadeTo(1, speed); 138 | await SW.FadeTo(1, speed); 139 | await S.FadeTo(1, speed); 140 | } 141 | } 142 | } -------------------------------------------------------------------------------- /src/MyTasks/MauiProgram.cs: -------------------------------------------------------------------------------- 1 | namespace MyTasks; 2 | 3 | public static class MauiProgram 4 | { 5 | public static MauiApp CreateMauiApp() 6 | { 7 | var builder = MauiApp.CreateBuilder(); 8 | builder 9 | .UseMauiApp() 10 | .ConfigureFonts(fonts => 11 | { 12 | fonts.AddFont("Poppins-Bold.ttf", "PoppinsBold"); 13 | fonts.AddFont("Poppins-Light.ttf", "PoppinsLight"); 14 | fonts.AddFont("Poppins-Medium.ttf", "PoppinsMedium"); 15 | fonts.AddFont("Poppins-Regular.ttf", "PoppinsRegular"); 16 | fonts.AddFont("Poppins-SemiBold.ttf", "PoppinsSemiBold"); 17 | }); 18 | 19 | return builder.Build(); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/MyTasks/Models/Task.cs: -------------------------------------------------------------------------------- 1 | using System.Collections.Generic; 2 | 3 | namespace MyTasks.Models 4 | { 5 | public class Task 6 | { 7 | public string Name { get; set; } 8 | public string Category { get; set; } 9 | public string Status { get; set; } 10 | public string Time { get; set; } 11 | public Color Color { get; set; } 12 | public List People { get; set; } 13 | public bool Completed { get; set; } 14 | } 15 | 16 | public class Person 17 | { 18 | public string Name { get; set; } 19 | public string Photo { get; set; } 20 | } 21 | } -------------------------------------------------------------------------------- /src/MyTasks/MyTasks.csproj: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | net6.0-android;net6.0-ios;net6.0-maccatalyst 5 | $(TargetFrameworks);net6.0-windows10.0.19041.0 6 | 7 | 8 | Exe 9 | MyTasks 10 | true 11 | true 12 | enable 13 | 14 | 15 | MyTasks 16 | 17 | 18 | com.companyname.mytasks 19 | 83B913CB-4C17-43E9-BDEC-083BFF18B02C 20 | 21 | 22 | 1.0 23 | 1 24 | 25 | 14.2 26 | 14.0 27 | 21.0 28 | 10.0.17763.0 29 | 10.0.17763.0 30 | 6.5 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Android/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Android/MainActivity.cs: -------------------------------------------------------------------------------- 1 | using Android.App; 2 | using Android.Content.PM; 3 | using Android.OS; 4 | 5 | namespace MyTasks; 6 | 7 | [Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)] 8 | public class MainActivity : MauiAppCompatActivity 9 | { 10 | } 11 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Android/MainApplication.cs: -------------------------------------------------------------------------------- 1 | using Android.App; 2 | using Android.Runtime; 3 | 4 | namespace MyTasks; 5 | 6 | [Application] 7 | public class MainApplication : MauiApplication 8 | { 9 | public MainApplication(IntPtr handle, JniHandleOwnership ownership) 10 | : base(handle, ownership) 11 | { 12 | } 13 | 14 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); 15 | } 16 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Android/Resources/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #512BD4 4 | #2B0B98 5 | #2B0B98 6 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/MacCatalyst/AppDelegate.cs: -------------------------------------------------------------------------------- 1 | using Foundation; 2 | 3 | namespace MyTasks; 4 | 5 | [Register("AppDelegate")] 6 | public class AppDelegate : MauiUIApplicationDelegate 7 | { 8 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); 9 | } 10 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/MacCatalyst/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | UIDeviceFamily 6 | 7 | 1 8 | 2 9 | 10 | UIRequiredDeviceCapabilities 11 | 12 | arm64 13 | 14 | UISupportedInterfaceOrientations 15 | 16 | UIInterfaceOrientationPortrait 17 | UIInterfaceOrientationLandscapeLeft 18 | UIInterfaceOrientationLandscapeRight 19 | 20 | UISupportedInterfaceOrientations~ipad 21 | 22 | UIInterfaceOrientationPortrait 23 | UIInterfaceOrientationPortraitUpsideDown 24 | UIInterfaceOrientationLandscapeLeft 25 | UIInterfaceOrientationLandscapeRight 26 | 27 | XSAppIconAssets 28 | Assets.xcassets/appicon.appiconset 29 | 30 | 31 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/MacCatalyst/Program.cs: -------------------------------------------------------------------------------- 1 | using ObjCRuntime; 2 | using UIKit; 3 | 4 | namespace MyTasks; 5 | 6 | public class Program 7 | { 8 | // This is the main entry point of the application. 9 | static void Main(string[] args) 10 | { 11 | // if you want to use a different Application Delegate class from "AppDelegate" 12 | // you can specify it here. 13 | UIApplication.Main(args, null, typeof(AppDelegate)); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Tizen/Main.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using Microsoft.Maui; 3 | using Microsoft.Maui.Hosting; 4 | 5 | namespace MyTasks; 6 | 7 | class Program : MauiApplication 8 | { 9 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); 10 | 11 | static void Main(string[] args) 12 | { 13 | var app = new Program(); 14 | app.Run(args); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Tizen/tizen-manifest.xml: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | maui-appicon-placeholder 7 | 8 | 9 | 10 | 11 | http://tizen.org/privilege/internet 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Windows/App.xaml: -------------------------------------------------------------------------------- 1 |  7 | 8 | 9 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Windows/App.xaml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.UI.Xaml; 2 | 3 | // To learn more about WinUI, the WinUI project structure, 4 | // and more about our project templates, see: http://aka.ms/winui-project-info. 5 | 6 | namespace MyTasks.WinUI; 7 | 8 | /// 9 | /// Provides application-specific behavior to supplement the default Application class. 10 | /// 11 | public partial class App : MauiWinUIApplication 12 | { 13 | /// 14 | /// Initializes the singleton application object. This is the first line of authored code 15 | /// executed, and as such is the logical equivalent of main() or WinMain(). 16 | /// 17 | public App() 18 | { 19 | this.InitializeComponent(); 20 | } 21 | 22 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); 23 | } 24 | 25 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Windows/Package.appxmanifest: -------------------------------------------------------------------------------- 1 |  2 | 7 | 8 | 9 | 10 | 11 | $placeholder$ 12 | User Name 13 | $placeholder$.png 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/Windows/app.manifest: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | true/PM 12 | PerMonitorV2, PerMonitor 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/iOS/AppDelegate.cs: -------------------------------------------------------------------------------- 1 | using Foundation; 2 | 3 | namespace MyTasks; 4 | 5 | [Register("AppDelegate")] 6 | public class AppDelegate : MauiUIApplicationDelegate 7 | { 8 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp(); 9 | } 10 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/iOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | LSRequiresIPhoneOS 6 | 7 | UIDeviceFamily 8 | 9 | 1 10 | 2 11 | 12 | UIRequiredDeviceCapabilities 13 | 14 | arm64 15 | 16 | UISupportedInterfaceOrientations 17 | 18 | UIInterfaceOrientationPortrait 19 | UIInterfaceOrientationLandscapeLeft 20 | UIInterfaceOrientationLandscapeRight 21 | 22 | UISupportedInterfaceOrientations~ipad 23 | 24 | UIInterfaceOrientationPortrait 25 | UIInterfaceOrientationPortraitUpsideDown 26 | UIInterfaceOrientationLandscapeLeft 27 | UIInterfaceOrientationLandscapeRight 28 | 29 | XSAppIconAssets 30 | Assets.xcassets/appicon.appiconset 31 | 32 | 33 | -------------------------------------------------------------------------------- /src/MyTasks/Platforms/iOS/Program.cs: -------------------------------------------------------------------------------- 1 | using ObjCRuntime; 2 | using UIKit; 3 | 4 | namespace MyTasks; 5 | 6 | public class Program 7 | { 8 | // This is the main entry point of the application. 9 | static void Main(string[] args) 10 | { 11 | // if you want to use a different Application Delegate class from "AppDelegate" 12 | // you can specify it here. 13 | UIApplication.Main(args, null, typeof(AppDelegate)); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/MyTasks/Properties/launchSettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "profiles": { 3 | "Windows Machine": { 4 | "commandName": "MsixPackage", 5 | "nativeDebugging": false 6 | } 7 | } 8 | } -------------------------------------------------------------------------------- /src/MyTasks/Resources/AppIcon/appicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/AppIcon/appiconfg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/Fonts/Poppins-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Fonts/Poppins-Bold.ttf -------------------------------------------------------------------------------- /src/MyTasks/Resources/Fonts/Poppins-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Fonts/Poppins-Light.ttf -------------------------------------------------------------------------------- /src/MyTasks/Resources/Fonts/Poppins-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Fonts/Poppins-Medium.ttf -------------------------------------------------------------------------------- /src/MyTasks/Resources/Fonts/Poppins-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Fonts/Poppins-Regular.ttf -------------------------------------------------------------------------------- /src/MyTasks/Resources/Fonts/Poppins-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Fonts/Poppins-SemiBold.ttf -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/birdsfly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/birdsfly.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/check.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/close_circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/close_circle.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/dotnet_bot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/face1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/face1.jpg -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/face2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/face2.jpg -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/face3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/face3.jpg -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/face4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/face4.jpg -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/face5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/face5.jpg -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/menu_circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/menu_circle.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/outer_circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/outer_circle.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/poweroff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/poweroff.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/time.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Images/warning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsuarezruiz/netmaui-mytasks-app-challenge/493656206bf027e662908b1b93cab57c82aed773/src/MyTasks/Resources/Images/warning.png -------------------------------------------------------------------------------- /src/MyTasks/Resources/Raw/AboutAssets.txt: -------------------------------------------------------------------------------- 1 | Any raw assets you want to be deployed with your application can be placed in 2 | this directory (and child directories). Deployment of the asset to your application 3 | is automatically handled by the following `MauiAsset` Build Action within your `.csproj`. 4 | 5 | 6 | 7 | These files will be deployed with you package and will be accessible using Essentials: 8 | 9 | async Task LoadMauiAsset() 10 | { 11 | using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt"); 12 | using var reader = new StreamReader(stream); 13 | 14 | var contents = reader.ReadToEnd(); 15 | } 16 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/Splash/splash.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/Styles/Colors.xaml: -------------------------------------------------------------------------------- 1 |  2 | 3 | 6 | 7 | 8 | #000000 9 | #FFFFFF 10 | #512BD4 11 | #DFD8F7 12 | #2B0B98 13 | White 14 | Black 15 | #E1E1E1 16 | #C8C8C8 17 | #ACACAC 18 | #919191 19 | #6E6E6E 20 | #404040 21 | #212121 22 | #141414 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | #F7B548 38 | #FFD590 39 | #FFE5B9 40 | #28C2D1 41 | #7BDDEF 42 | #C3F2F4 43 | #3E8EED 44 | #72ACF1 45 | #A7CBF6 46 | 47 | -------------------------------------------------------------------------------- /src/MyTasks/Resources/Styles/Styles.xaml: -------------------------------------------------------------------------------- 1 |  2 | 3 | 6 | 7 | 8 | 10 9 | 12 10 | 13 11 | 14 12 | 16 13 | 18 14 | 20 15 | 24 16 | 26 17 | 28 18 | 36 19 | 20 | 23 | 24 | 28 | 29 | 34 | 35 | 38 | 39 | 60 | 61 | 76 | 77 | 95 | 96 | 115 | 116 | 135 | 136 | 141 | 142 | 160 | 161 | 178 | 179 | 183 | 184 | 204 | 205 | 220 | 221 | 239 | 240 | 243 | 244 | 265 | 266 | 286 | 287 | 293 | 294 | 313 | 314 | 317 | 318 | 346 | 347 | 365 | 366 | 370 | 371 | 383 | 384 | 389 | 390 | 396 | 397 | 398 | -------------------------------------------------------------------------------- /src/MyTasks/Services/TaskService.cs: -------------------------------------------------------------------------------- 1 | using System.Collections.Generic; 2 | 3 | namespace MyTasks.Services 4 | { 5 | public class TaskService 6 | { 7 | private static TaskService _instance; 8 | 9 | public static TaskService Instance 10 | { 11 | get 12 | { 13 | if (_instance == null) 14 | _instance = new TaskService(); 15 | 16 | return _instance; 17 | } 18 | } 19 | 20 | public List GetTasks() 21 | { 22 | // NOTE: In this sample the focus is on the UI. This is a Fake service. 23 | return new List 24 | { 25 | new Models.Task { Name = "Customer meeting", Category = "Hangouts", Status = "Warning", Time = "6pm", Color = Color.FromArgb("#EEB611"), People = new List { new Models.Person { Photo = "face2.jpg" }, new Models.Person { Photo = "face5.jpg" } }, Completed = false }, 26 | new Models.Task { Name = "Catch up with Brian", Category = "Mobile Project", Status = "Warning", Time = "5pm", Color = Color.FromArgb("#EEB611"), Completed = false }, 27 | new Models.Task { Name = "Approve final design review", Category = "Mobile Project", Status = "Problem", Time = "4pm", Color = Color.FromArgb("#5677CB"), Completed = false }, 28 | new Models.Task { Name = "Make new icons", Category = "Web App", Status = "Ready", Time = "3pm", Color = Color.FromArgb("#51C6BF"), Completed = false }, 29 | new Models.Task { Name = "Design explorations", Category = "Company Website", Status = "Delayed", Time = "2pm", Color = Color.FromArgb("#EE376C"), Completed = false }, 30 | new Models.Task { Name = "Lunch with Mary", Category = "Grill House", Status = "Ready", Time = "12pm", Color = Color.FromArgb("#51C6BF"), Completed = false }, 31 | new Models.Task { Name = "Team meeting", Category = "Hangouts", Status = "Ready", Time = "10am", Color = Color.FromArgb("#51C6BF"), People = new List { new Models.Person { Photo = "face2.jpg" }, new Models.Person { Photo = "face3.jpg" }, new Models.Person { Photo = "face4.jpg" }, new Models.Person { Photo = "face5.jpg" } }, Completed = false } 32 | }; 33 | } 34 | } 35 | } -------------------------------------------------------------------------------- /src/MyTasks/ViewModels/MyTasksViewModel.cs: -------------------------------------------------------------------------------- 1 | using MyTasks.Services; 2 | using System.Collections.ObjectModel; 3 | using System.Windows.Input; 4 | 5 | namespace MyTasks.ViewModels 6 | { 7 | public class MyTasksViewModel : BindableObject 8 | { 9 | ObservableCollection _tasks; 10 | 11 | public MyTasksViewModel() 12 | { 13 | Tasks = new ObservableCollection(); 14 | 15 | LoadData(); 16 | } 17 | 18 | public ObservableCollection Tasks 19 | { 20 | get { return _tasks; } 21 | set 22 | { 23 | _tasks = value; 24 | OnPropertyChanged(); 25 | } 26 | } 27 | 28 | public ICommand ItemSelectedCommand => new Command(ItemSelected); 29 | 30 | void LoadData() 31 | { 32 | var tasks = TaskService.Instance.GetTasks(); 33 | 34 | Tasks.Clear(); 35 | foreach (var task in tasks) 36 | { 37 | Tasks.Add(task); 38 | } 39 | } 40 | 41 | void ItemSelected(string parameter) 42 | { 43 | var tasks = TaskService.Instance.GetTasks(); 44 | 45 | Tasks.Clear(); 46 | 47 | // Filter tasks 48 | foreach (var task in tasks 49 | .Where(t => t.Status.Equals(parameter, StringComparison.InvariantCultureIgnoreCase))) 50 | { 51 | Tasks.Add(task); 52 | } 53 | } 54 | } 55 | } -------------------------------------------------------------------------------- /src/MyTasks/Views/MyTasksView.xaml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | 14 | 18 | 19 | 24 | 25 | 30 | 31 | 36 | 37 | 38 | 39 | 40 | 43 | 44 | 47 | 48 | 49 | 50 | 51 | 55 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 78 | 82 | 87 | 88 | 90 | 91 | 92 | 93 | 101 | 108 | 109 | 113 | 114 | 115 | 126 | 127 | 128 | 132 | 136 | 137 | 138 | 139 | -------------------------------------------------------------------------------- /src/MyTasks/Views/MyTasksView.xaml.cs: -------------------------------------------------------------------------------- 1 | using MyTasks.ViewModels; 2 | 3 | namespace MyTasks.Views 4 | { 5 | public partial class MyTasksView : ContentPage 6 | { 7 | public MyTasksView() 8 | { 9 | InitializeComponent(); 10 | 11 | BindingContext = new MyTasksViewModel(); 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskHeaderTemplate.xaml: -------------------------------------------------------------------------------- 1 |  2 | 6 | 7 | 8 | 9 | 14 | 15 | 21 | 22 | 27 | 28 | 29 | 30 | 31 | 35 | 36 | 37 | 38 | 39 | 41 | 44 | 45 | 47 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskHeaderTemplate.xaml.cs: -------------------------------------------------------------------------------- 1 | namespace MyTasks.Views.Templates 2 | { 3 | public partial class TaskHeaderTemplate : ContentView 4 | { 5 | public TaskHeaderTemplate () 6 | { 7 | InitializeComponent (); 8 | } 9 | } 10 | } -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskItemTemplate.xaml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | 14 | 15 | 23 | 24 | 29 | 30 | 34 | 35 | 39 | 40 | 43 | 44 | 48 | 49 | 50 | 51 | 52 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 73 | 78 | 119 | 120 | -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskItemTemplate.xaml.cs: -------------------------------------------------------------------------------- 1 | namespace MyTasks.Views.Templates 2 | { 3 | public partial class TaskItemTemplate : ContentView 4 | { 5 | public TaskItemTemplate () 6 | { 7 | InitializeComponent (); 8 | } 9 | } 10 | } -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskItemViewCell.xaml: -------------------------------------------------------------------------------- 1 |  2 | 7 | 10 | -------------------------------------------------------------------------------- /src/MyTasks/Views/Templates/TaskItemViewCell.xaml.cs: -------------------------------------------------------------------------------- 1 | namespace MyTasks.Views.Cells 2 | { 3 | public partial class TaskItemViewCell : ViewCell 4 | { 5 | public TaskItemViewCell() 6 | { 7 | InitializeComponent(); 8 | } 9 | 10 | protected override void OnChildAdded(Element child) 11 | { 12 | base.OnChildAdded(child); 13 | 14 | var taskItemTemplate = child as VisualElement; 15 | 16 | if (taskItemTemplate == null) 17 | return; 18 | 19 | uint duration = 750; 20 | 21 | // We are going to create a simple but nice animation. 22 | // We will fade in at the same time we translade the cell view from the bottom to the top. 23 | var animation = new Animation(); 24 | 25 | animation.WithConcurrent((f) => taskItemTemplate.Opacity = f, 0, 1, Easing.CubicOut); 26 | 27 | animation.WithConcurrent( 28 | (f) => taskItemTemplate.TranslationY = f, 29 | taskItemTemplate.TranslationY + 50, 0, 30 | Easing.CubicOut, 0, 1); 31 | 32 | taskItemTemplate.Animate("FadeIn", animation, 16, Convert.ToUInt32(duration)); 33 | } 34 | } 35 | } --------------------------------------------------------------------------------