Merge pull request 'Add Profile XAML View' (#12) from xaml/profile into master
Reviewed-on: ShopNCook/ShopNCook#12pull/15/head
commit
eabbfad2b5
@ -1,21 +1,27 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<Shell
|
||||
x:Class="ShoopNCook.AppShell"
|
||||
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
||||
xmlns:local="clr-namespace:ShoopNCook"
|
||||
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||
Shell.NavBarIsVisible="False">
|
||||
|
||||
<TabBar>
|
||||
<ShellContent
|
||||
Title="Home"
|
||||
ContentTemplate="{DataTemplate local:MainPage}"
|
||||
Route="MainPage" />
|
||||
|
||||
<ShellContent
|
||||
Title="Login Page"
|
||||
ContentTemplate="{DataTemplate views:LoginPage}"
|
||||
Route="LoginPage" />
|
||||
</TabBar>
|
||||
</Shell>
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<Shell
|
||||
x:Class="ShoopNCook.AppShell"
|
||||
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
||||
xmlns:local="clr-namespace:ShoopNCook"
|
||||
xmlns:views="clr-namespace:ShoopNCook.Views"
|
||||
Shell.FlyoutBehavior="Disabled"
|
||||
Shell.NavBarIsVisible="False">
|
||||
|
||||
<TabBar>
|
||||
<ShellContent
|
||||
Title="Home"
|
||||
ContentTemplate="{DataTemplate local:MainPage}"
|
||||
Route="MainPage" />
|
||||
|
||||
<ShellContent
|
||||
Title="Login Page"
|
||||
ContentTemplate="{DataTemplate views:LoginPage}"
|
||||
Route="LoginPage" />
|
||||
|
||||
<ShellContent
|
||||
Title="Profile Page"
|
||||
ContentTemplate="{DataTemplate views:ProfilePage}"
|
||||
Route="Profile" />
|
||||
</TabBar>
|
||||
</Shell>
|
||||
@ -1,15 +0,0 @@
|
||||
namespace ShoopNCook;
|
||||
|
||||
public class MainPage : ContentPage
|
||||
{
|
||||
public MainPage()
|
||||
{
|
||||
Content = new VerticalStackLayout
|
||||
{
|
||||
Children = {
|
||||
new Label { HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, Text = "Welcome to .NET MAUI!"
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 259 B |
|
After Width: | Height: | Size: 6.4 KiB |
@ -0,0 +1,141 @@
|
||||
<?xml version="1.0" encoding="utf-8" ?>
|
||||
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
||||
x:Class="ShoopNCook.Views.ProfilePage"
|
||||
Title="ProfilePage"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
|
||||
<ScrollView>
|
||||
<Grid
|
||||
Margin="20"
|
||||
RowDefinitions="Auto, Auto, Auto, *">
|
||||
|
||||
<!-- Profile label and return button -->
|
||||
<Grid
|
||||
Grid.Row="0"
|
||||
RowDefinitions="Auto, *"
|
||||
ColumnDefinitions="*, 1.5*"
|
||||
Margin="0, 0, 0, 40">
|
||||
<HorizontalStackLayout>
|
||||
<ImageButton
|
||||
Grid.Column="0"
|
||||
|
||||
HeightRequest="50"
|
||||
WidthRequest="50"
|
||||
Source="arrow_back.svg"/>
|
||||
</HorizontalStackLayout>
|
||||
<Label
|
||||
Grid.Column="1"
|
||||
FontSize="24"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
Text="Profile"
|
||||
FontFamily="PoppinsBold"
|
||||
VerticalOptions="Center"/>
|
||||
</Grid>
|
||||
|
||||
<!-- Profile picture and name -->
|
||||
<Grid
|
||||
Grid.Row="1"
|
||||
RowDefinitions="*, Auto, Auto">
|
||||
|
||||
|
||||
<Border
|
||||
Grid.Row="0"
|
||||
StrokeShape="RoundRectangle 10000"
|
||||
MaximumHeightRequest="150"
|
||||
MaximumWidthRequest="150"
|
||||
HorizontalOptions="Center"
|
||||
Stroke="{StaticResource BackgroundPrimary}"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}">
|
||||
<ImageButton
|
||||
Grid.Row="0"
|
||||
Source="default_profile_picture.png"/>
|
||||
</Border>
|
||||
|
||||
<Label
|
||||
Grid.Row="1"
|
||||
FontSize="30"
|
||||
HorizontalOptions="Center"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
Text="%Profile_Name%"
|
||||
FontFamily="PoppinsBold"/>
|
||||
<Label
|
||||
Grid.Row="2"
|
||||
FontSize="16"
|
||||
HorizontalOptions="Center"
|
||||
TextColor="{StaticResource TextColorSecondary}"
|
||||
Text="Profile settings"
|
||||
FontFamily="PoppinsBold"/>
|
||||
|
||||
</Grid>
|
||||
|
||||
<!-- User inputs -->
|
||||
<Grid
|
||||
Grid.Row="2"
|
||||
Margin="0, 20, 0, 0"
|
||||
RowDefinitions="Auto, *, Auto, *">
|
||||
<Label
|
||||
Grid.Row="0"
|
||||
Text="Name"
|
||||
FontFamily="PoppinsBold"
|
||||
TextColor="{StaticResource TextColorSecondary}"/>
|
||||
|
||||
<Border
|
||||
Grid.Row="1"
|
||||
StrokeShape="RoundRectangle 12"
|
||||
Stroke="{StaticResource BackgroundSecondary}">
|
||||
<Entry
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
PlaceholderColor="{StaticResource TextColorSecondary}"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
Text="%Profile_Name%"
|
||||
Placeholder="Place your name here"/>
|
||||
</Border>
|
||||
|
||||
<Label
|
||||
Grid.Row="2"
|
||||
Text="Your Email"
|
||||
FontFamily="PoppinsBold"
|
||||
TextColor="{StaticResource TextColorSecondary}"/>
|
||||
<Border
|
||||
Grid.Row="3"
|
||||
StrokeShape="RoundRectangle 12"
|
||||
Stroke="{StaticResource BackgroundSecondary}">
|
||||
<Entry
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
PlaceholderColor="{StaticResource TextColorSecondary}"
|
||||
BackgroundColor="{StaticResource BackgroundSecondary}"
|
||||
Text="%Profile_Mail%"
|
||||
FontFamily="PoppinsBold"
|
||||
Placeholder="Place your mail address here"/>
|
||||
</Border>
|
||||
|
||||
</Grid>
|
||||
|
||||
|
||||
<!-- Save button -->
|
||||
|
||||
<VerticalStackLayout
|
||||
Grid.Row="3"
|
||||
VerticalOptions="End">
|
||||
<Border
|
||||
Margin="0, 30, 0, 0"
|
||||
Stroke="{StaticResource BackgroundPrimary}"
|
||||
StrokeShape="RoundRectangle 12">
|
||||
<Label
|
||||
HeightRequest="50"
|
||||
BackgroundColor="{StaticResource ActionButton}"
|
||||
HorizontalTextAlignment="Center"
|
||||
VerticalTextAlignment="Center"
|
||||
FontFamily="PoppinsBold"
|
||||
Text="SAVE"/>
|
||||
</Border>
|
||||
</VerticalStackLayout>
|
||||
|
||||
|
||||
</Grid>
|
||||
|
||||
</ScrollView>
|
||||
|
||||
|
||||
</ContentPage>
|
||||
@ -0,0 +1,9 @@
|
||||
namespace ShoopNCook.Views;
|
||||
|
||||
public partial class ProfilePage : ContentPage
|
||||
{
|
||||
public ProfilePage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue