Bohdan Benetskyi bbenetskyy
👾
bbenetskyy
/ HomeViewModel.cs
Created
September 13, 2019 07:05
MvxTabbedPage ViewModel with navigation for all child tabs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| public class HomeViewModel : MvxViewModel | |
| { | |
| private readonly IMvxNavigationService _navigationService; | |
| private bool _firstTime = true; | |
| private IMvxViewModel _previousViewModel; | |
| public HomeViewModel(IMvxNavigationService navigationService) | |
| { | |
| _navigationService = navigationService; | |
| } |
bbenetskyy
/ simple-linear-gradient-in-xaml.xaml
Created
October 10, 2019 11:59
Simple Linear Gradient in XAML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <magic:GradientView VerticalOptions="FillAndExpand"> | |
| <magic:GradientView.GradientSource> | |
| <magic:LinearGradient Angle="90"> | |
| <magic:GradientStop Color="Red" Offset="0" /> | |
| <magic:GradientStop Color="Yellow" Offset="1" /> | |
| </magic:LinearGradient> | |
| </magic:GradientView.GradientSource> | |
| </magic:GradientView> |
bbenetskyy
/ complex-linear-gradient-in-xaml.xaml
Created
October 10, 2019 12:08
Complex Linear Gradient in XAML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <magic:GradientView VerticalOptions="FillAndExpand"> | |
| <magic:GradientView.GradientSource> | |
| <magic:GradientCollection> | |
| <magic:LinearGradient Angle="45"> | |
| <magic:GradientStop Color="Orange" Offset="0" /> | |
| <magic:GradientStop Color="#ff0000" Offset="0.6" /> | |
| </magic:LinearGradient> | |
| <magic:LinearGradient Angle="90"> | |
| <magic:GradientStop Color="#33ff0000" Offset="0.4" /> | |
| <magic:GradientStop Color="#ff00ff00" Offset="1" /> |
bbenetskyy
/ complex-radial-gradients-in-xaml.xaml
Created
October 10, 2019 12:11
Complex Radial Gradients in XAML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <StackLayout Spacing="0"> | |
| <magic:GradientView VerticalOptions="FillAndExpand"> | |
| <magic:GradientView.GradientSource> | |
| <magic:RadialGradient Center="0.5,0.5" RadiusX="200" RadiusY="200"> | |
| <magic:GradientStop Color="Red" Offset="0" /> | |
| <magic:GradientStop Color="Yellow" Offset="0.5" /> | |
| <magic:GradientStop Color="Green" Offset="1" /> | |
| </magic:RadialGradient> | |
| </magic:GradientView.GradientSource> | |
| </magic:GradientView> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <magic:GradientView VerticalOptions="FillAndExpand"> | |
| <magic:GradientView.GradientSource> | |
| <magic:CssGradientSource> | |
| <x:String> | |
| <![CDATA[ | |
| linear-gradient(242deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%,rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%,rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001000000000005%,rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%,rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.33500000000001%,rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%),linear-gradient(152deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%,rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%,rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001000000000005%,rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%,rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.33500000000001%,r |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .gradientStyledWithCss { | |
| background: linear-gradient(242deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%,rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%,rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001000000000005%,rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%,rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.33500000000001%,rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%),linear-gradient(152deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%,rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%,rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001000000000005%,rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%,rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.33500000000001%,rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%),linear-gradient(11deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ContentPage.Resources> | |
| <StyleSheet Source="../Styles/LinearGradientsPage.css" /> | |
| </ContentPage.Resources> | |
| ... | |
| <magic:GradientView VerticalOptions="FillAndExpand" StyleClass="gradientStyledWithCss" /> |
bbenetskyy
/ AppShell-default-header.xaml
Last active
November 20, 2019 10:31
AppShell with Default Flyout Header
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Your Pages --> | |
| <ShellContent Title="Browse" ContentTemplate="{DataTemplate local:ItemsPage}" /> | |
| <ShellContent Title="About" ContentTemplate="{DataTemplate local:AboutPage}" /> | |
| <Shell.FlyoutHeaderTemplate> | |
| <DataTemplate> | |
| <Grid><Label Text="Magic Gradients"/></Grid> | |
| </DataTemplate> | |
| </Shell.FlyoutHeaderTemplate> |
bbenetskyy
/ AppShell-header-v1.xaml
Created
November 20, 2019 10:44
Centered Label at Flyout Shell Header
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <Shell.FlyoutHeaderTemplate> | |
| <DataTemplate> | |
| <Grid> | |
| <Grid.RowDefinitions> | |
| <RowDefinition Height="100" /> | |
| </Grid.RowDefinitions> | |
| <Label Text="Magic Gradients" TextColor="White" FontAttributes="Bold" | |
| FontSize="20" HorizontalOptions="Center" VerticalOptions="Center" /> | |
| </Grid> | |
| </DataTemplate> |
bbenetskyy
/ AppShell-header-v2.xaml
Created
November 21, 2019 14:20
Sheel Flyout with Magic Gradient v2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <Shell.FlyoutHeaderTemplate> | |
| <DataTemplate> | |
| <Grid> | |
| <Grid.RowDefinitions> | |
| <RowDefinition Height="100" /> | |
| </Grid.RowDefinitions> | |
| <magicGradients:GradientView VerticalOptions="FillAndExpand"> | |
| <magicGradients:GradientView.GradientSource> | |
| <magicGradients:LinearGradient Angle="357" IsRepeating="False"> | |
| <magicGradients:GradientStop Color="#1C48E9" Offset="0"/> |