tfoman/MauiCourse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Borders, Frames scrollers

Browse Source
This commit is contained in:
Tommy Öman
2025-08-18 08:05:28 +02:00
parent ba8acd09e4
commit ebbea4c1d4
8 changed files with 170 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
AdventureWorks.MAUI/Views/LoginView.xaml
View File

@ -4,32 +4,32 @@
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
x:Class="AdventureWorks.MAUI.Views.LoginView"
Title="Login">
<Grid RowDefinitions="Auto, Auto, Auto, Auto"
<Border Style="{StaticResource Border.Page}">
<Grid RowDefinitions="Auto, Auto, Auto, Auto"
ColumnDefinitions="Auto, *"
Style="{StaticResource Grid.Page}">
<partial:HeaderView Grid.Row="0"
<partial:HeaderView Grid.Row="0"
Grid.ColumnSpan="2"
ViewTitle="Login"
ViewDescription="Please enter your credentials to login." />
<Label Grid.Row="1"
<Label Grid.Row="1"
Text="Login ID" />
<Entry Grid.Row="1"
<Entry Grid.Row="1"
Grid.Column="1"
Placeholder="Enter your username" />
<Label Grid.Row="2"
<Label Grid.Row="2"
Text="Password" />
<Entry Grid.Row="2"
<Entry Grid.Row="2"
Grid.Column="1"
Placeholder="Enter your password"
IsPassword="True" />
<Button Grid.Row="3"
<Button Grid.Row="3"
Grid.ColumnSpan="2"
Text="Login"
HorizontalOptions="Center" />
</Grid>
</Grid>
</Border>
</ContentPage>

87
AdventureWorks.MAUI/Views/ProductDetailView.xaml
View File

@ -5,78 +5,81 @@
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
Title="Product Information">
<Grid RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto"
<Border Style="{StaticResource Border.Page}">
<ScrollView>
<Grid RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto"
ColumnDefinitions="Auto, *"
Style="{StaticResource Grid.Page}">
<partial:HeaderView Grid.Row="0"
<partial:HeaderView Grid.Row="0"
Grid.ColumnSpan="2"
ViewTitle="Product Information"
ViewDescription="Use this Screen to Modify Product Information." />
<Label Grid.Row="1"
<Label Grid.Row="1"
Text="Product Name" />
<Entry Grid.Row="1"
<Entry Grid.Row="1"
Grid.Column="1" />
<Label Grid.Row="2"
Text="Xxx" />
<Entry Grid.Row="2"
<Label Grid.Row="2"
Text="Product Number" />
<Entry Grid.Row="2"
Grid.Column="1" />
<Label Grid.Row="3"
Text="Xxx" />
<Entry Grid.Row="3"
<Label Grid.Row="3"
Text="Color" />
<Entry Grid.Row="3"
Grid.Column="1" />
<Label Grid.Row="4"
Text="Xxx" />
<Entry Grid.Row="4"
<Label Grid.Row="4"
Text="Cost" />
<Entry Grid.Row="4"
Grid.Column="1" />
<Label Grid.Row="5"
Text="Xxx" />
<Entry Grid.Row="5"
<Label Grid.Row="5"
Text="Price" />
<Entry Grid.Row="5"
Grid.Column="1" />
<Label Grid.Row="6"
Text="Xxx" />
<Entry Grid.Row="6"
<Label Grid.Row="6"
Text="Size" />
<Entry Grid.Row="6"
Grid.Column="1" />
<Label Grid.Row="7"
Text="Xxx" />
<Entry Grid.Row="7"
<Label Grid.Row="7"
Text="Weight" />
<Entry Grid.Row="7"
Grid.Column="1" />
<Label Grid.Row="8"
Text="Xxx" />
<Entry Grid.Row="8"
<Label Grid.Row="8"
Text="Category" />
<Entry Grid.Row="8"
Grid.Column="1" />
<Label Grid.Row="9"
<Label Grid.Row="9"
Text="Model" />
<Entry Grid.Row="9"
<Entry Grid.Row="9"
Grid.Column="1" />
<Label Grid.Row="10"
<Label Grid.Row="10"
Text="Selling Start Date" />
<Entry Grid.Row="10"
<Entry Grid.Row="10"
Grid.Column="1" />
<Label Grid.Row="11"
<Label Grid.Row="11"
Text="Selling End Date" />
<Entry Grid.Row="11"
<Entry Grid.Row="11"
Grid.Column="1" />
<Label Grid.Row="12"
<Label Grid.Row="12"
Text="Discontinued Date" />
<Entry Grid.Row="12"
<Entry Grid.Row="12"
Grid.Column="1" />
<HorizontalStackLayout Grid.Row="13"
Grid.ColumnSpan="1">
<Button Text="Save" />
<Button Text="Cancel" />
</HorizontalStackLayout>
</Grid>
<HorizontalStackLayout Grid.Row="13"
Grid.ColumnSpan="1">
<Button Text="Save" />
<Button Text="Cancel" />
</HorizontalStackLayout>
</Grid>
</ScrollView>
</Border>
</ContentPage>

87
AdventureWorks.MAUI/Views/UserDetailView.xaml
View File

@ -5,71 +5,78 @@
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
Title="User Information">
<Grid RowDefinitions="Auto, Auto, Auto,Auto, Auto, Auto , Auto"
<Border Style="{StaticResource Border.Page}">
<ScrollView>
<Grid RowDefinitions="Auto, Auto, Auto, Auto,Auto, Auto, Auto , Auto"
ColumnDefinitions="Auto, *"
Style="{StaticResource Grid.Page}">
<partial:HeaderView Grid.Row="0"
<partial:HeaderView Grid.Row="0"
Grid.ColumnSpan="2"
ViewTitle="User Information"
ViewDescription="Use this Screen to Modify User Information." />
<Label Grid.Row="1"
<Label Grid.Row="1"
Text="Login ID" />
<VerticalStackLayout Grid.Row="3"
<VerticalStackLayout Grid.Row="3"
Grid.Column="1">
<Entry Text=""
<Entry Text=""
Placeholder="Please use a combination of letters and numbers."/>
<Label FontSize="Micro"
<Label FontSize="Micro"
Text="Please use a combination of letters and numbers." />
</VerticalStackLayout>
<Label Grid.Row="2"
</VerticalStackLayout>
<Label Grid.Row="2"
Text="First Name" />
<Entry Grid.Row="2"
<Entry Grid.Row="2"
Grid.Column="1"
Text=""/>
<Label Grid.Row="3"
<Label Grid.Row="3"
Text="Last Name" />
<Entry Grid.Row="3"
<Entry Grid.Row="3"
Grid.Column="1"
Text=""/>
<Label Grid.Row="4"
<Label Grid.Row="4"
Text="Email Address" />
<Entry Grid.Row="4"
<Entry Grid.Row="4"
Grid.Column="1"
Text=""/>
<Label Grid.Row="5" Text="Is Enrolled ?"/>
<FlexLayout Grid.Row="5"
<Label Grid.Row="5" Text="Is Enrolled ?"/>
<FlexLayout Grid.Row="5"
Grid.Column="1"
Wrap="Wrap"
Direction="Row">
<HorizontalStackLayout>
<Label Text="401k?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Flex Time?"/>
<CheckBox IsChecked="False"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Health Care?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Health Savings Account?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
</FlexLayout>
<HorizontalStackLayout Grid.Row="6"
<HorizontalStackLayout>
<Label Text="401k?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Flex Time?"/>
<CheckBox IsChecked="False"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Health Care?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
<HorizontalStackLayout >
<Label Text="Health Savings Account?"/>
<CheckBox IsChecked="True"/>
</HorizontalStackLayout>
</FlexLayout>
<partial:AddressView Grid.Row="6"
Grid.ColumnSpan="2" />
<HorizontalStackLayout Grid.Row="7"
Grid.Column="1"
Spacing="5">
<Button Text="Save" />
<Button Text="Cancel" />
</HorizontalStackLayout>
</Grid>
<Button Text="Save" />
<Button Text="Cancel" />
</HorizontalStackLayout>
</Grid>
</ScrollView>
</Border>
</ContentPage>