update of the UI design of Transfer, Rib and Request Pages

pull/11/head
Antoine PEREDERII 2 years ago
parent 9c167b978a
commit 097f1aa414

@ -23,7 +23,7 @@
</Tab> </Tab>
<Tab Title="Aide" <Tab Title="RIB"
Icon="help_icon.png"> Icon="help_icon.png">
<ShellContent <ShellContent
@ -31,7 +31,7 @@
</Tab> </Tab>
<Tab Title="Déconnexion" <Tab Title="Transfer"
Icon="swipe_account_icon.png"> Icon="swipe_account_icon.png">
<ShellContent <ShellContent
@ -39,6 +39,14 @@
</Tab> </Tab>
<Tab Title="Request"
Icon="swipe_account_icon.png">
<ShellContent
ContentTemplate="{DataTemplate local:RequestPage}"/>
</Tab>
</TabBar> </TabBar>
</Shell> </Shell>

@ -3,17 +3,50 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Banquale.Views.RequestPage"> x:Class="Banquale.Views.RequestPage">
<VerticalStackLayout <VerticalStackLayout VerticalOptions="Center">
VerticalOptions="Center">
<SearchBar Placeholder="Destinataire" /> <Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="IBAN" /> <Entry Placeholder="Destinataire"
HorizontalOptions="Center"
WidthRequest="280"/>
<Entry Placeholder="Montant" /> </Frame>
<Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="IBAN"
HorizontalOptions="Center"
WidthRequest="280"/>
</Frame>
<Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="Montant"
HorizontalOptions="Center"
WidthRequest="280"/>
</Frame>
<Button <Button
Text="Effectuer le virement" /> Text="Envoyer la demande"
Margin="0, 75, 0, 0"
MinimumHeightRequest="80"
WidthRequest="300"
MaximumWidthRequest="400"/>
</VerticalStackLayout> </VerticalStackLayout>

@ -5,36 +5,121 @@
<VerticalStackLayout> <VerticalStackLayout>
<Label <Grid RowDefinitions="auto, auto"
Text="RIB" ColumnDefinitions="*, *">
VerticalOptions="Center"
HorizontalOptions="Center" />
<Label <Label Text="Code Banque" />
Text="FR 5466 4654 4554 433"
VerticalOptions="Center"
HorizontalOptions="Center" />
<Grid <Label Text="Code agence"
RowDefinitions="auto, auto" Grid.Column="1" />
ColumnDefinitions="auto, auto"> <Label Text="102 330"
Grid.Row="1" />
<Label Text="01 009"
Grid.Column="1"
Grid.Row="1" />
<Label </Grid>
Text="Nom"/>
<Label
Text="Prenom"
Grid.Column="1"/>
<Label <Grid RowDefinitions="auto, auto, auto"
Text="Carinne" ColumnDefinitions="*, *, auto" >
Grid.Row="1"
Grid.Column="1"/> <Label Text="N° de Compte" />
<Label
Text="Perotte" <Label Text="0000545090"
Grid.Row="1"/> Grid.Row="1" />
<Label Text="Clé RIB"
Grid.Column="1" />
<Label Text="55"
Grid.Column="1"
Grid.Row="1" />
<Image Source="dotnet_bot.png"
Grid.Column="2"
Grid.RowSpan="2"
MaximumHeightRequest="45"/>
<BoxView Color="Gray"
Grid.ColumnSpan="3"
Grid.Row="2"
WidthRequest="400"
HeightRequest="1.5"/>
</Grid>
<Grid RowDefinitions="auto, auto, auto"
ColumnDefinitions="*, auto" >
<Label Text="RIB" />
<Label Text="FR56 9989 9900 7723 7732 7324 048"
Grid.Row="1" />
<Image Source="dotnet_bot.png"
Grid.Column="1"
Grid.RowSpan="2"
MaximumHeightRequest="50" />
<BoxView Color="Gray"
Grid.ColumnSpan="2"
Grid.Row="2"
WidthRequest="400"
HeightRequest="1.5" />
</Grid>
<Grid RowDefinitions="auto, auto, auto"
ColumnDefinitions="*, auto" >
<Label Text="RIB" />
<Label Text="FR56 9989 9900 7723 7732 7324 048"
Grid.Row="1" />
<Image Source="dotnet_bot.png"
Grid.Column="1"
Grid.RowSpan="2"
MaximumHeightRequest="50" />
<BoxView Color="Gray"
Grid.ColumnSpan="2"
Grid.Row="2"
WidthRequest="400"
HeightRequest="1.5" />
</Grid> </Grid>
<Grid RowDefinitions="auto, auto, auto"
ColumnDefinitions="*, auto" >
<Label Text="RIB" />
<Label Text="FR56 9989 9900 7723 7732 7324 048"
Grid.Row="1" />
<Image Source="dotnet_bot.png"
Grid.Column="1"
Grid.RowSpan="2"
MaximumHeightRequest="50" />
<BoxView Color="Gray"
Grid.ColumnSpan="2"
Grid.Row="2"
WidthRequest="400"
HeightRequest="1.5" />
</Grid>
<Label
Text="Titulaire du compte" />
<Label Text="M BOURAUD DESCHAMPS" />
<Button Text="Télécharger le RIB"
HeightRequest="150"
WidthRequest="300" />
</VerticalStackLayout> </VerticalStackLayout>
</ContentPage> </ContentPage>

@ -3,17 +3,50 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Banquale.Views.TransferPage"> x:Class="Banquale.Views.TransferPage">
<VerticalStackLayout <VerticalStackLayout VerticalOptions="Center">
VerticalOptions="Center">
<SearchBar Placeholder="Destinataire" /> <Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="IBAN" /> <Entry Placeholder="Destinataire"
HorizontalOptions="Center"
WidthRequest="280"/>
<Entry Placeholder="Montant" /> </Frame>
<Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="IBAN"
HorizontalOptions="Center"
WidthRequest="280"/>
</Frame>
<Frame CornerRadius="10"
HeightRequest="40"
WidthRequest="300"
Margin="0, 5, 0, 5"
Padding="3">
<Entry Placeholder="Montant"
HorizontalOptions="Center"
WidthRequest="280"/>
</Frame>
<Button <Button
Text="Effectuer le virement" /> Text="Effectuer le virement"
Margin="0, 75, 0, 0"
MinimumHeightRequest="80"
WidthRequest="300"
MaximumWidthRequest="400"/>
</VerticalStackLayout> </VerticalStackLayout>

Loading…
Cancel
Save