Skip to content

Creating a Neumorphic UI chart using Syncfusion .NET MAUI Column Chart. #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Nov 27, 2024
Merged

Creating a Neumorphic UI chart using Syncfusion .NET MAUI Column Chart. #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
fee3956
Blog Sample Added.
DhanarajRajendran Nov 15, 2024
d4574df
Updated the UI changes.
DhanarajRajendran Nov 20, 2024
976d55d
Update README.md
DhanarajRajendran Nov 20, 2024
fe28c2e
Merge branch 'master' of https://github.com/SyncfusionExamples/Buildi…
DhanarajRajendran Nov 20, 2024
9596650
Updated the review suggestions.
DhanarajRajendran Nov 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions GenZFavouriteSocialMedia/App.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:GenZFavouriteSocialMedia"
x:Class="GenZFavouriteSocialMedia.App">
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Resources/Styles/Colors.xaml" />
<ResourceDictionary Source="Resources/Styles/Styles.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

</Application.Resources>
</Application>
16 changes: 16 additions & 0 deletions GenZFavouriteSocialMedia/App.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@

namespace GenZFavouriteSocialMedia
{
public partial class App : Application
{
public App()
{
InitializeComponent();
}

protected override Window CreateWindow(IActivationState? activationState)
{
return new Window(new MainPage());
}
}
}
15 changes: 15 additions & 0 deletions GenZFavouriteSocialMedia/AppShell.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" ?>
<Shell
x:Class="GenZFavouriteSocialMedia.AppShell"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:GenZFavouriteSocialMedia"
Shell.FlyoutBehavior="Disabled"
Title="GenZFavouriteSocialMedia">

<ShellContent
Title="Home"
ContentTemplate="{DataTemplate local:MainPage}"
Route="MainPage" />

</Shell>
10 changes: 10 additions & 0 deletions GenZFavouriteSocialMedia/AppShell.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
namespace GenZFavouriteSocialMedia
{
public partial class AppShell : Shell
{
public AppShell()
{
InitializeComponent();
}
}
}
114 changes: 114 additions & 0 deletions GenZFavouriteSocialMedia/GenZFavouriteSocialMedia.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<Project Sdk="Microsoft.NET.Sdk">

<PropertyGroup>
<TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.0-windows10.0.19041.0</TargetFrameworks>
<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->

<!-- Note for MacCatalyst:
The default runtime is maccatalyst-x64, except in Release config, in which case the default is maccatalyst-x64;maccatalyst-arm64.
When specifying both architectures, use the plural <RuntimeIdentifiers> instead of the singular <RuntimeIdentifier>.
The Mac App Store will NOT accept apps with ONLY maccatalyst-arm64 indicated;
either BOTH runtimes must be indicated or ONLY macatalyst-x64. -->
<!-- For example: <RuntimeIdentifiers>maccatalyst-x64;maccatalyst-arm64</RuntimeIdentifiers> -->

<OutputType>Exe</OutputType>
<RootNamespace>GenZFavouriteSocialMedia</RootNamespace>
<UseMaui>true</UseMaui>
<SingleProject>true</SingleProject>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>

<!-- Display name -->
<ApplicationTitle>GenZFavouriteSocialMedia</ApplicationTitle>

<!-- App Identifier -->
<ApplicationId>com.companyname.genzfavouritesocialmedia</ApplicationId>

<!-- Versions -->
<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
<ApplicationVersion>1</ApplicationVersion>

<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
</PropertyGroup>

<ItemGroup>
<!-- App Icon -->
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />

<!-- Splash Screen -->
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />

<!-- Images -->
<MauiImage Include="Resources\Images\*" />
<MauiImage Update="Resources\Images\dotnet_bot.png" Resize="True" BaseSize="300,185" />

<!-- Custom Fonts -->
<MauiFont Include="Resources\Fonts\*" />

<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
</ItemGroup>

<ItemGroup>
<MauiImage Remove="Resources\Images\bereal.png" />
<MauiImage Remove="Resources\Images\facebook.png" />
<MauiImage Remove="Resources\Images\instagram.png" />
<MauiImage Remove="Resources\Images\linkedin.png" />
<MauiImage Remove="Resources\Images\pinterest.png" />
<MauiImage Remove="Resources\Images\reddit.png" />
<MauiImage Remove="Resources\Images\snapchat.png" />
<MauiImage Remove="Resources\Images\tiktok.png" />
<MauiImage Remove="Resources\Images\whatsapp.png" />
<MauiImage Remove="Resources\Images\x.png" />
<MauiImage Remove="Resources\Images\youtube.png" />
</ItemGroup>

<ItemGroup>
<None Remove="Resources\Fonts\Inter-Medium.ttf" />
<None Remove="Resources\Fonts\Inter-Regular.ttf" />
<None Remove="Resources\Fonts\Roboto-Medium.ttf" />
<None Remove="Resources\Fonts\Roboto-Regular.ttf" />
<None Remove="Resources\Fonts\Segoe-UI-Regular.ttf" />
<None Remove="Resources\Images\bereal.png" />
<None Remove="Resources\Images\facebook.png" />
<None Remove="Resources\Images\instagram.png" />
<None Remove="Resources\Images\linkedin.png" />
<None Remove="Resources\Images\pinterest.png" />
<None Remove="Resources\Images\reddit.png" />
<None Remove="Resources\Images\snapchat.png" />
<None Remove="Resources\Images\tiktok.png" />
<None Remove="Resources\Images\whatsapp.png" />
<None Remove="Resources\Images\x.png" />
<None Remove="Resources\Images\youtube.png" />
</ItemGroup>

<ItemGroup>
<EmbeddedResource Include="Resources\Images\bereal.png" />
<EmbeddedResource Include="Resources\Images\facebook.png" />
<EmbeddedResource Include="Resources\Images\instagram.png" />
<EmbeddedResource Include="Resources\Images\linkedin.png" />
<EmbeddedResource Include="Resources\Images\pinterest.png" />
<EmbeddedResource Include="Resources\Images\reddit.png" />
<EmbeddedResource Include="Resources\Images\snapchat.png" />
<EmbeddedResource Include="Resources\Images\tiktok.png" />
<EmbeddedResource Include="Resources\Images\x.png" />
<EmbeddedResource Include="Resources\Images\whatsapp.png" />
<EmbeddedResource Include="Resources\Images\youtube.png" />
</ItemGroup>

<ItemGroup>
<PackageReference Include="Microsoft.Maui.Controls" Version="$(MauiVersion)" />
<PackageReference Include="Microsoft.Maui.Controls.Compatibility" Version="$(MauiVersion)" />
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="8.0.0" />
<PackageReference Include="Syncfusion.Maui.Buttons" Version="*" />
<PackageReference Include="Syncfusion.Maui.Toolkit" Version="*" />
</ItemGroup>

</Project>
16 changes: 16 additions & 0 deletions GenZFavouriteSocialMedia/GenZFavouriteSocialMedia.csproj.user
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
<PropertyGroup>
<IsFirstTimeProjectOpen>False</IsFirstTimeProjectOpen>
<ActiveDebugFramework>net9.0-windows10.0.19041.0</ActiveDebugFramework>
<ActiveDebugProfile>Windows Machine</ActiveDebugProfile>
<SelectedPlatformGroup>Emulator</SelectedPlatformGroup>
<DefaultDevice>pixel_5_-_api_34</DefaultDevice>
</PropertyGroup>
<PropertyGroup Condition="'$(Configuration)|$(TargetFramework)|$(Platform)'=='Debug|net8.0-android|AnyCPU'">
<DebuggerFlavor>ProjectDebugger</DebuggerFlavor>
</PropertyGroup>
<PropertyGroup Condition="'$(Configuration)|$(TargetFramework)|$(Platform)'=='Debug|net9.0-android|AnyCPU'">
<DebuggerFlavor>ProjectDebugger</DebuggerFlavor>
</PropertyGroup>
</Project>
31 changes: 31 additions & 0 deletions GenZFavouriteSocialMedia/GenZFavouriteSocialMedia.sln
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
VisualStudioVersion = 17.11.35208.52
MinimumVisualStudioVersion = 10.0.40219.1
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "GenZFavouriteSocialMedia", "GenZFavouriteSocialMedia.csproj", "{E803B9F4-1C88-4532-A374-FC2E0BF42F43}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Release|Any CPU = Release|Any CPU
Release-Xml|Any CPU = Release-Xml|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Debug|Any CPU.Build.0 = Debug|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release|Any CPU.ActiveCfg = Release|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release|Any CPU.Build.0 = Release|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release|Any CPU.Deploy.0 = Release|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release-Xml|Any CPU.ActiveCfg = Release|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release-Xml|Any CPU.Build.0 = Release|Any CPU
{E803B9F4-1C88-4532-A374-FC2E0BF42F43}.Release-Xml|Any CPU.Deploy.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {93D94DB9-F80D-4CBE-AE53-FE4390891D8A}
EndGlobalSection
EndGlobal
Loading