FmgLib.MauiMarkup
8.0.0
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package FmgLib.MauiMarkup --version 8.0.0
NuGet\Install-Package FmgLib.MauiMarkup -Version 8.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="FmgLib.MauiMarkup" Version="8.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add FmgLib.MauiMarkup --version 8.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: FmgLib.MauiMarkup, 8.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install FmgLib.MauiMarkup as a Cake Addin #addin nuget:?package=FmgLib.MauiMarkup&version=8.0.0 // Install FmgLib.MauiMarkup as a Cake Tool #tool nuget:?package=FmgLib.MauiMarkup&version=8.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
using Microsoft.Maui.Layouts;
using FmgLib.MauiMarkup;
namespace MyOrderApp.Views;
public partial class HomePage : BasePage<HomePageViewModel>
{
public HomePage(HomePageViewModel viewModel) : base(viewModel, "Home Page")
{
}
public override void Build()
{
this
.Content(
new VerticalStackLayout()
.Padding(10)
.Children(
new SearchBar()
.Placeholder("Ürünlerde Ara.")
.Margin(10)
.Assign(out var search)
.SearchCommand(BindingContext.SearchCommand)
.Bind(SearchBar.SearchCommandParameterProperty, "Text", source: search),
new Frame()
.CornerRadius(15)
.BackgroundColor(Colors.Blue)
.BorderColor(Colors.Blue)
.HeightRequest(150)
.Margin(new Thickness(15,7))
.Padding(0)
.Content(
new Grid()
.ColumnDefinitions(e => e.Star(5).Star(5))
.RowDefinitions(e => e.Star(5).Star(5))
.Children(
new Frame()
.Row(0)
.Column(0)
.Margin(new Thickness(0,20,0,0))
.Padding(0)
.CornerRadius(0)
.BackgroundColor(Colors.DarkBlue)
.BorderColor(Colors.DarkBlue)
.Content(
new Label()
.Text("%50 İndirim")
.TextColor(Colors.White)
.FontAttributes(FontAttributes.Bold)
.FontSize(20)
.Center()
),
new Label()
.Text("Tüm Unlu Mamüllerde her gün saat 21:00'dan sonra!")
.FontSize(12)
.Row(1)
.Column(0)
.TextColor(Colors.White)
.FontAttributes(FontAttributes.Italic)
.Margin(new Thickness(10,3,0,0)),
new Image()
.Source("white_bread.png")
.Row(0)
.Column(1)
.RowSpan(2)
.SizeRequest(150,100)
.Opacity(.8)
)
),
new Grid()
.ColumnDefinitions(e => e.Star(7).Star(3))
.FillHorizontally()
.Padding(10)
.Children(
new Label()
.Text("Son Ürünler")
.FontAttributes(FontAttributes.Bold)
.FontSize(18)
.CenterVertically()
.Column(0)
.AlignStart(),
new Label()
.Text("Tümünü Gör")
.FontSize(15)
.CenterVertically()
.Column(1)
.AlignEnd()
.TextDecorations(TextDecorations.Underline)
.GestureRecognizers(
new TapGestureRecognizer()
.Command(BindingContext.GotoAllProductsCommand)
)
),
new CollectionView()
.SelectionMode(SelectionMode.None)
.Bind(CollectionView.ItemsSourceProperty, "Products")
.ItemsLayout(new LinearItemsLayout(ItemsLayoutOrientation.Horizontal).ItemSpacing(10))
.EmptyView(
new VerticalStackLayout()
.Children(
new Label()
.Text("Kayıt Yoktur.")
.TextColor(Colors.Red)
.FontAttributes(FontAttributes.Bold)
.FontSize(18)
)
.Center()
)
.ItemTemplate(() =>
new Frame()
.CornerRadius(15)
.BorderColor(Colors.LightGray)
.BackgroundColor(Colors.LightGray)
.MinimumHeightRequest(200)
.MaximumWidthRequest(200)
.Padding(5)
.Content(
new Grid()
.RowDefinitions(e => e.Star(1).Star(6).Star(2).Star(1))
.Padding(5)
.Children(
new Grid()
.Row(0)
.ColumnDefinitions(e => e.Star(6).Star(4))
.Children(
new ImageButton()
.Bind(ImageButton.SourceProperty, nameof(ProductVM.IsFavorite), converter: new BoolToFavoriteImageConverter())
.BackgroundColor(Colors.Transparent)
.AlignStart()
.SizeRequest(30, 30)
.Command(BindingContext.ChangeFavoriteCommand)
.Bind(ImageButton.CommandParameterProperty, "."),
new Frame()
.CornerRadius(20)
.HeightRequest(25)
.WidthRequest(50)
.Padding(0)
.BackgroundColor(Colors.Red)
.BorderColor(Colors.Red)
.Column(1)
.Bind(Microsoft.Maui.Controls.Frame.IsVisibleProperty, nameof(ProductVM.IsDiscount))
.Content(
new Label()
.Bind(Label.TextProperty, nameof(ProductVM.DiscountRate))
.FontSize(11)
.FontAttributes(FontAttributes.Bold)
.TextColor(Colors.White)
.Center()
)
),
new Image()
.Bind(Image.SourceProperty, nameof(ProductVM.Image))
.SizeRequest(80,80)
.Row(1)
.CenterHorizontally(),
new VerticalStackLayout()
.Row(2)
.Children(
new Label()
.Bind(Label.TextProperty, nameof(ProductVM.Name))
.FontAttributes(FontAttributes.Bold)
.FontSize(11)
.AlignStart()
.LineBreakMode(LineBreakMode.TailTruncation)
.FontAutoScalingEnabled(true),
new HorizontalStackLayout()
.Spacing(2)
.Children(
new Label()
.Bind(Label.TextProperty, nameof(ProductVM.Price))
.Bind(Label.TextDecorationsProperty, nameof(ProductVM.IsDiscount), converter: new BoolToTextDecorationConverter())
.Bind(Label.FontSizeProperty, nameof(ProductVM.IsDiscount), converter: new BoolToFontSizeConverter())
.FontAttributes(FontAttributes.Bold)
.CenterVertically(),
new Label()
.TextColor(Colors.Red)
.FontAttributes(FontAttributes.Bold)
.CenterVertically()
.Bind(Label.IsVisibleProperty, nameof(ProductVM.IsDiscount))
.Bind(Label.TextProperty, nameof(ProductVM.DiscountPrice)),
new Label()
.Text("/")
.FontSize(10)
.CenterVertically()
.TextColor(Colors.DarkSlateGray),
new Label()
.FontSize(10)
.CenterVertically()
.TextColor(Colors.DarkSlateGray)
.Bind(Label.TextProperty, nameof(ProductVM.Unit))
)
),
new Button()
.Row(3)
.Margin(new Thickness(0,5,0,0))
.Padding(0)
.Text("Sepete Ekle")
.BackgroundColor(Colors.Green)
.FontSize(12)
.FontAttributes(FontAttributes.Bold)
.CenterHorizontally()
.HeightRequest(35)
.WidthRequest(100)
.Command(BindingContext.AddProductBasketCommand)
.Bind(Button.CommandParameterProperty, ".")
)
)
),
new Grid()
.ColumnDefinitions(e => e.Star(7).Star(3))
.FillHorizontally()
.Padding(10)
.Children(
new Label()
.Text("Kategoriler")
.FontAttributes(FontAttributes.Bold)
.FontSize(18)
.CenterVertically()
.Column(0)
.AlignStart(),
new Label()
.Text("Tümünü Gör")
.FontSize(15)
.CenterVertically()
.Column(1)
.AlignEnd()
.TextDecorations(TextDecorations.Underline)
.GestureRecognizers(
new TapGestureRecognizer()
.Command(BindingContext.GotoAllCategoriesCommand)
)
),
new FlexLayout()
.ItemsSources(BindingContext.Categories)
.Assign(out var flex)
.Wrap(FlexWrap.Wrap)
.FlexBasis(FlexBasis.Auto)
.ItemTemplates(new DataTemplate(() =>
new Frame()
.CornerRadius(15)
.BorderColor(Colors.LightGray)
.BackgroundColor(Colors.LightGray)
.MinimumHeightRequest(30)
.WidthRequest(180)
.Padding(0)
.Margin(new Thickness(1,0,5,5))
.FlexBasis(FlexBasis.Auto)
.Content(
new Grid()
.ColumnDefinitions(e => e.Star(3).Star(7))
.Padding(5)
.Children(
new Image()
.Bind(Image.SourceProperty, nameof(SubCategoryVM.Icon))
.SizeRequest(30,30)
.Column(0)
.CenterVertically(),
new Label()
.Bind(Label.TextProperty, nameof(SubCategoryVM.Name))
.TextColor(Colors.CornflowerBlue)
.FontAttributes(FontAttributes.Bold)
.FontSize(12)
.Column(1)
.FontAutoScalingEnabled(true)
.CenterVertically()
)
)
))
)
.FillHorizontally()
);
}
}
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-android34.0 is compatible. net8.0-browser was computed. net8.0-ios was computed. net8.0-ios17.0 is compatible. net8.0-maccatalyst was computed. net8.0-maccatalyst17.0 is compatible. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net8.0-windows10.0.19041 is compatible. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net8.0
- Microsoft.Maui.Controls (>= 8.0.6)
-
net8.0-android34.0
- Microsoft.Maui.Controls (>= 8.0.6)
-
net8.0-ios17.0
- Microsoft.Maui.Controls (>= 8.0.6)
-
net8.0-maccatalyst17.0
- Microsoft.Maui.Controls (>= 8.0.6)
-
net8.0-windows10.0.19041
- Microsoft.Maui.Controls (>= 8.0.6)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last updated |
|---|---|---|
| 8.8.5.1 | 156 | 10/21/2024 |
| 8.8.5 | 110 | 10/20/2024 |
| 8.8.4 | 200 | 10/19/2024 |
| 8.8.3 | 201 | 10/2/2024 |
| 8.8.2 | 120 | 9/27/2024 |
| 8.8.1 | 198 | 9/8/2024 |
| 8.8.0 | 136 | 8/30/2024 |
| 8.7.0 | 141 | 8/19/2024 |
| 8.6.7 | 130 | 8/17/2024 |
| 8.6.6 | 130 | 8/15/2024 |
| 8.6.5 | 118 | 8/15/2024 |
| 8.6.4 | 126 | 8/13/2024 |
| 8.6.3 | 121 | 8/5/2024 |
| 8.6.2 | 77 | 8/3/2024 |
| 8.6.1 | 111 | 7/27/2024 |
| 8.6.0 | 136 | 7/21/2024 |
| 8.5.1 | 93 | 7/20/2024 |
| 8.5.0 | 205 | 6/15/2024 |
| 8.4.2 | 104 | 6/6/2024 |
| 8.4.1 | 113 | 6/1/2024 |
| 8.4.0 | 99 | 5/31/2024 |
| 8.4.0-pre1.0.0 | 60 | 5/25/2024 |
| 8.3.1 | 111 | 5/21/2024 |
| 8.3.1-prev1.0.3 | 145 | 5/19/2024 |
| 8.3.1-prev1.0.2 | 56 | 5/17/2024 |
| 8.3.1-prev1.0.1 | 55 | 5/14/2024 |
| 8.3.1-prev1.0.0 | 51 | 5/13/2024 |
| 8.3.0 | 113 | 5/12/2024 |
| 8.3.0-prev1.0.1 | 56 | 5/11/2024 |
| 8.3.0-prev1.0.0 | 51 | 5/11/2024 |
| 8.2.3 | 115 | 5/11/2024 |
| 8.2.3-prev1.0.3 | 61 | 5/10/2024 |
| 8.2.3-prev1.0.2 | 54 | 5/10/2024 |
| 8.2.3-prev1.0.1 | 56 | 5/8/2024 |
| 8.2.3-prev1.0.0 | 71 | 5/6/2024 |
| 8.2.2 | 93 | 5/3/2024 |
| 8.2.1 | 56 | 5/2/2024 |
| 8.2.0 | 59 | 5/2/2024 |
| 8.1.0 | 122 | 4/17/2024 |
| 8.1.0-prev1.0.0 | 68 | 4/16/2024 |
| 8.0.20-prev1.0.2 | 65 | 4/15/2024 |
| 8.0.20-prev1.0.1 | 84 | 4/15/2024 |
| 8.0.20-prev1.0.0 | 94 | 4/15/2024 |
| 8.0.14 | 185 | 3/23/2024 |
| 8.0.7 | 238 | 2/23/2024 |
| 8.0.6.3 | 280 | 2/6/2024 |
| 8.0.6.2 | 296 | 1/25/2024 |
| 8.0.6.1 | 275 | 1/19/2024 |
| 8.0.6 | 333 | 1/19/2024 |
| 8.0.3.1 | 285 | 1/19/2024 |
| 8.0.3 | 297 | 1/19/2024 |
| 8.0.0 | 310 | 1/19/2024 |