Untitled
<Grid BackgroundColor="Black" RowDefinitions="50, 100, Auto, Auto, Auto,Auto,Auto,Auto,Auto,Auto"> <HorizontalStackLayout Grid.Row="0"> <ImageButton BackgroundColor="Transparent" HeightRequest="50" Source="xicon.png" WidthRequest="50" /> </HorizontalStackLayout> <toolkit:AvatarView Grid.Row="1" BackgroundColor="Green" CornerRadius="50" FontSize="40" HeightRequest="100" HorizontalOptions="Center" Text="LM" TextColor="White" WidthRequest="100" /> <Label Grid.Row="2" FontSize="20" HorizontalOptions="Center" Text="Lionel Messi" TextColor="White" /> <Grid Grid.Row="3" HorizontalOptions="Fill"> <Grid ColumnDefinitions="auto,*" HorizontalOptions="Center"> <Label Margin="0,0,10,0" FontSize="15" HorizontalOptions="End" Text="Active since -" TextColor="Gray" /> <Label Grid.Column="1" FontSize="15" HorizontalOptions="Start" Text="December 11,2024" TextColor="White" /> </Grid> </Grid> <Grid Grid.Row="4" Padding="10" HorizontalOptions="Fill"> <Grid ColumnDefinitions="Auto,*"> <Label FontSize="20" HorizontalOptions="Start" Text="Personal Information" TextColor="White" /> <ImageButton Grid.Column="1" BackgroundColor="White" HeightRequest="40" HorizontalOptions="End" Source="home1.png" WidthRequest="30" /> </Grid> </Grid> <!-- This is for the Border and other details and buttons --> <Border Grid.Row="5" Margin="10" Padding="15" Stroke="{StaticResource ButtonColor}" StrokeShape="RoundRectangle 20" StrokeThickness="0.9"> <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto " RowSpacing="10"> <Grid Grid.Row="0" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" BackgroundColor="Transparent" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" HorizontalOptions="Start" Text="Email" TextColor="White" VerticalOptions="Center" /> <Label Grid.Column="2" FontSize="12" HorizontalOptions="End" Text="sample@gmail.com" TextColor="White" VerticalOptions="Center" /> </Grid> <Border Grid.Row="1" HeightRequest="1" /> <Grid Grid.Row="2" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" Text="Phone" TextColor="White" VerticalOptions="Center" /> <Label Grid.Column="2" FontSize="12" HorizontalOptions="End" Text="09918130453" TextColor="White" VerticalOptions="Center" /> </Grid> <Border Grid.Row="3" HeightRequest="1" /> <Grid Grid.Row="4" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" Text="Account health" TextColor="White" VerticalOptions="Center" /> <Label Grid.Column="2" FontSize="12" HorizontalOptions="End" Text="No Violations" TextColor="White" VerticalOptions="Center" /> </Grid> </Grid> <!-- Something here --> </Border> <Grid Grid.Row="6" Padding="10"> <Label FontSize="20" HorizontalOptions="Start" Text="Privacy" TextColor="White" /> </Grid> <Border Grid.Row="7" Margin="10" Padding="15" Stroke="{StaticResource ButtonColor}" StrokeShape="RoundRectangle 20" StrokeThickness="0.9"> <Grid RowDefinitions="Auto " RowSpacing="10"> <Grid Grid.Row="0" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" HorizontalOptions="Start" Text="Change Password" TextColor="White" VerticalOptions="Center" /> <ImageButton Grid.Column="2" HeightRequest="30" HorizontalOptions="End" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> </Grid> </Grid> </Border> <Grid Grid.Row="8" Padding="10"> <Label FontSize="20" HorizontalOptions="Start" Text="Utilities" TextColor="White" /> </Grid> <Border Grid.Row="9" Margin="10" Padding="15" Stroke="{StaticResource ButtonColor}" StrokeShape="RoundRectangle 20" StrokeThickness="0.9"> <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto " RowSpacing="10"> <Grid Grid.Row="0" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" HorizontalOptions="Start" Text="Request Account Deletion" TextColor="Red" VerticalOptions="Center" /> <ImageButton Grid.Column="2" HeightRequest="30" HorizontalOptions="End" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> </Grid> <Border Grid.Row="1" HeightRequest="1" /> <Grid Grid.Row="2" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" Text="Usage Analytics" TextColor="White" VerticalOptions="Center" /> <ImageButton Grid.Column="2" HeightRequest="30" HorizontalOptions="End" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> </Grid> <Border Grid.Row="3" HeightRequest="1" /> <Grid Grid.Row="4" Padding="5" ColumnDefinitions="Auto, Auto, *" HorizontalOptions="Fill"> <ImageButton Grid.Column="0" HeightRequest="30" HorizontalOptions="Start" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> <Label Grid.Column="1" Padding="5" FontSize="12" Text="Logout" TextColor="White" VerticalOptions="Center" /> <ImageButton Grid.Column="2" HeightRequest="30" HorizontalOptions="End" Source="communication.png" VerticalOptions="Center" WidthRequest="30" /> </Grid> </Grid> <!-- Something here --> </Border> </Grid>
Leave a Comment