Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/alexfalconflores/uwp-markup

Applies the Fluent design pattern to WinUI controls to create interfaces in a more expressive and readable way. Uses method chaining in the control class for cleaner, more readable code.
https://github.com/alexfalconflores/uwp-markup
csharp csharp-lib csharp-library markup mit-license toolkit uwp uwp-markup windows-10 windows-11 windows-desktop winui winui-controls winui2
Last synced: 5 days ago
JSON representation
Applies the Fluent design pattern to WinUI controls to create interfaces in a more expressive and readable way. Uses method chaining in the control class for cleaner, more readable code.
Host: GitHub
URL: https://github.com/alexfalconflores/uwp-markup
Owner: alexfalconflores
License: mit
Created: 2023-10-05T05:45:41.000Z (12 months ago)
Default Branch: main
Last Pushed: 2023-10-11T01:29:53.000Z (12 months ago)
Last Synced: 2024-09-25T20:30:03.697Z (8 days ago)
Topics: csharp, csharp-lib, csharp-library, markup, mit-license, toolkit, uwp, uwp-markup, windows-10, windows-11, windows-desktop, winui, winui-controls, winui2
Language: C#
Homepage:
Size: 254 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

README

        ![UWP Markup Cover]()

> This project uses `C# 11` with the [`PolySharp`](https://github.com/Sergio0694/PolySharp/tree/main) library. The minimum version is Windows 10, `1903` (Build,18362).

> This project can be used with C# 7.2, but we recommend that you use C# 11 in your project (.csproj) and use the [`PolySharp`](https://github.com/Sergio0694/PolySharp/tree/main) library.




[![NuGet](https://img.shields.io/nuget/dt/AlexFalconFlores.UWP.Markup.svg)](https://www.nuget.org/stats/packages/AlexFalconFlores.UWP.Markup?groupby=Version)

[![NuGet](https://img.shields.io/nuget/vpre/AlexFalconFlores.UWP.Markup.svg)](https://www.nuget.org/packages/AlexFalconFlores.UWP.Markup/)







Applies the `Fluent design pattern` to `WinUI controls` to create interfaces in a more `expressive` and `readable` way.

Uses method `chaining` in the control class for cleaner, more readable code.

## Installation 📦

This project is available as a [NuGet package](https://www.nuget.org/packages/AlexFalconFlores.UWP.Markup/). You can install it using the NuGet Package Console window:

```bash

NuGet\Install-Package AlexFalconFlores.UWP.Markup -Version 1.0.0

```

## Documentation 📖

> I highlight the `custom methods` that are not `WinUI's own`, so that the `developer` can keep in mind that only WinUI's own methods will not be found. To know how to use them, I checked the `documentation`.

-   📁 Helper

    -   [GridHelper](doc/Helper/GridHelper.md)

        -   [StringToGridLength](doc/Helper/GridHelper.md#StringToGridLength)

-   📁 IconElement

    -   [BitmapIconMarkup](doc/IconElement/BitmapIconMarkup.md)

        -   [UriSource(string uriSource)](doc/IconElement/BitmapIconMarkup.md#urisourcestring-urisource)

    -   [FontIconMarkup](doc/IconElement/FontIconMarkup.md)

    -   [IconElementMarkup](doc/IconElement/IconElementMarkup.md)

        -   [Foreground(Color color)](doc/IconElement/IconElementMarkup.md#foregroundcolor-color)

    -   [PathIconMarkup](doc/IconElement/PathIconMarkup.md)

    -   [SymbolIconMarkup](doc/IconElement/SymbolIconMarkup.md)

-   📁 Transition

    -   [ContentThemeTransitionMarkup](doc/Transition/ContentThemeTransitionMarkup.md)

        -   [Offset (double horizontalOffset, double verticalOffset)](doc/Transition/ContentThemeTransitionMarkup.md#offset-double-horizontaloffset-double-verticaloffset)

    -   [EdgeUIThemeTransitionMarkup](doc/Transition/EdgeUIThemeTransitionMarkup.md)

    -   [EntranceThemeTransitionMarkup](doc/Transition/EntranceThemeTransitionMarkup.md)

        -   [FromOffset (double fromVerticalOffset, double fromHorizontalOffset)](doc/Transition/EntranceThemeTransitionMarkup.md#fromoffset-double-fromverticaloffset-double-fromhorizontaloffset)

    -   [NavigationThemeTransitionMarkup](doc/Transition/NavigationThemeTransitionMarkup.md)

    -   [PaneThemeTransitionMarkup](doc/Transition/PaneThemeTransitionMarkup.md)

    -   [PopupThemeTransitionMarkup](doc/Transition/PopupThemeTransitionMarkup.md)

        -   [FromOffset (double fromHorizontalOffset, double fromVerticalOffset)](doc/Transition/PopupThemeTransitionMarkup.md#fromoffset-double-fromhorizontaloffset-double-fromverticaloffset)

    -   [RepositionThemeTransitionMarkup](doc/Transition/RepositionThemeTransitionMarkup.md)

    -   [TransitionCollectionMarkup](doc/Transition/TransitionCollectionMarkup.md)

        -   [AddTransition (Transition item)](doc/Transition/TransitionCollectionMarkup.md#addtransition-windowsuixamlmediaanimationtransition-item)

-   📁 VirtualizingPanel

    -   [CarouselPanelMarkup](doc/VirtualizingPanel/CarouselPanelMarkup.md)

    -   [OrientedVirtualizingPanelMarkup](doc/VirtualizingPanel/OrientedVirtualizingPanelMarkup.md)

    -   [VirtualizingStackPanelMarkup](doc/VirtualizingPanel/VirtualizingStackPanelMarkup.md)

    -   [WrapGridMarkup](doc/VirtualizingPanel/WrapGridMarkup.md)

-   [BorderMarkup](doc/BorderMarkup.md)

    -   [Padding (double padding)](doc/BorderMarkup.md#padding-double-padding)

    -   [Padding (double left , double top , double right , double bottom)](doc/BorderMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/BorderMarkup.md#padding-double-horizontal-double-vertical)

    -   [CornerRadius (double cornerRadius)](doc/BorderMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight , double bottomRightLeft)](doc/BorderMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft, double topRight , double bottomRight , double bottomLeft)](doc/BorderMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

    -   [BorderThickness (double thickness)](doc/BorderMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight , double topBottom)](doc/BorderMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left , double top, double right , double bottom)](doc/BorderMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/BorderMarkup.md#borderbrush-color-colors)

    -   [Background (Color colors)](doc/BorderMarkup.md#background-color-colors)

-   [CaptureElementMarkup](doc/CaptureElementMarkup.md)

-   [ColumnDefinitionMarkup](doc/ColumnDefinitionMarkup.md)

-   [ContentControlMarkup](doc/ContentControlMarkup.md)

-   [ContentDialogMarkup](doc/ContentDialogMarkup.md)

-   [ContentPresenterMarkup](doc/ContentPresenterMarkup.md)

    -   [Foreground (Color color)](doc/ContentPresenterMarkup.md#foreground-color-color)

    -   [ContentAlignment (HorizontalAlignment horizontalAlignment , VerticalAlignment verticalAlignment)](doc/ContentPresenterMarkup.md#contentalignment-horizontalalignment-horizontalalignment-verticalalignment-verticalalignment)

    -   [Padding (double padding)](doc/ContentPresenterMarkup.md#padding-double-padding)

    -   [Padding (double left , double top , double right , double bottom)](doc/ContentPresenterMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/ContentPresenterMarkup.md#padding-double-horizontal-double-vertical)

    -   [CornerRadius (double cornerRadius)](doc/ContentPresenterMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight, double bottomRightLeft)](doc/ContentPresenterMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft , double topRight , double bottomRight , double bottomLeft)](doc/ContentPresenterMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

    -   [BorderThickness (double thickness)](doc/ContentPresenterMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight , double topBottom)](doc/ContentPresenterMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left , double top , double right , double bottom)](doc/ContentPresenterMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/ContentPresenterMarkup.md#borderbrush-color-colors)

    -   [Background (Color colors)](doc/ContentPresenterMarkup.md#background-color-colors)

-   [ControlMarkup](doc/ControlMarkup.md)

    -   [Padding (double padding)](doc/ControlMarkup.md#padding-double-padding)

    -   [Padding (double left , double top , double right , double bottom)](doc/ControlMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/ControlMarkup.md#padding-double-horizontal-double-vertical)

    -   [ContentAlignment (HorizontalAlignment horizontalAlignment , VerticalAlignment verticalAlignment)](doc/ControlMarkup.md#contentalignment-horizontalalignment-horizontalalignment-verticalalignment-verticalalignment)

    -   [Foreground (Color color)](doc/ControlMarkup.md#foreground-color-color)

    -   [BorderThickness (double thickness)](doc/ControlMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight , double topBottom)](doc/ControlMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left , double top , double right , double bottom)](doc/ControlMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/ControlMarkup.md#borderbrush-color-colors)

    -   [Background (Color colors)](doc/ControlMarkup.md#background-color-colors)

    -   [DefaultStyleResourceUri (string resourceUri)](doc/ControlMarkup.md#defaultstyleresourceuri-string-resourceuri)

    -   [CornerRadius (double cornerRadius)](doc/ControlMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight , double bottomRightLeft)](doc/ControlMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft , double topRight , double bottomRight , double bottomLeft)](doc/ControlMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

-   [FlipViewMarkup](doc/FlipViewMarkup.md)

-   [FrameworkElementMarkup](doc/FrameworkElementMarkup.md)

    -   [Alignment (VerticalAlignment verticalAlignment, HorizontalAlignment horizontalAlignment)](doc/FrameworkElementMarkup.md#alignment-verticalalignment-verticalalignment-horizontalalignment-horizontalalignment)

    -   [Alignment ((VerticalAlignment vertical, HorizontalAlignment horizontal) alignment)](doc/FrameworkElementMarkup.md#alignment-verticalalignment-vertical-horizontalalignment-horizontal-alignment)

    -   [Margin (double margin)](doc/FrameworkElementMarkup.md#margin-double-margin)

    -   [Margin (double left , double top , double right , double bottom)](doc/FrameworkElementMarkup.md#margin-double-left-double-top-double-right-double-bottom)

    -   [Margin (double horizontal, double vertical)](doc/FrameworkElementMarkup.md#margin-double-horizontal-double-vertical)

    -   [Row (int row)](doc/FrameworkElementMarkup.md#row-int-row)

    -   [Column (int column)](doc/FrameworkElementMarkup.md#column-int-column)

    -   [RowSpan (int rowSpan)](doc/FrameworkElementMarkup.md#rowspan-int-rowspan)

    -   [ColumnSpan (int columnSpan)](doc/FrameworkElementMarkup.md#columnspan-int-columnspan)

-   [GridMarkup](doc/GridMarkup.md)

    -   [Padding (double padding)](doc/GridMarkup.md#padding-double-padding)

    -   [Padding (double left , double top, double right , double bottom)](doc/GridMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/GridMarkup.md#padding-double-horizontal-double-vertical)

    -   [CornerRadius (double cornerRadius)](doc/GridMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight, double bottomRightLeft)](doc/GridMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft, double topRight, double bottomRight, double bottomLeft)](doc/GridMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

    -   [BorderThickness (double thickness)](doc/GridMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight, double topBottom)](doc/GridMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left, double top, double right, double bottom)](doc/GridMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/GridMarkup.md#borderbrush-color-colors)

    -   [Spacing (double spacing)](doc/GridMarkup.md#spacing-double-spacing)

    -   [Spacing (double rowSpacing, double columnSpacing)](doc/GridMarkup.md#spacing-double-rowspacing-double-columnspacing)

    -   [RowDefinition (RowDefinition rowDefinition)](doc/GridMarkup.md#rowdefinition-rowdefinition-rowdefinition)

    -   [ColumnDefinition (ColumnDefinition columnDefinition)](doc/GridMarkup.md#columndefinition-columndefinition-columndefinition)

    -   [RowDefinitions (params RowDefinition[] rowDefinitions)](doc/GridMarkup.md#rowdefinitions-params-rowdefinition-rowdefinitions)

    -   [ColumnDefinitions (params ColumnDefinition[] columnDefinitions)](doc/GridMarkup.md#columndefinitions-params-columndefinition-columndefinitions)

    -   [Rows (params string[] rows)](doc/GridMarkup.md#rows-params-string-rows)

    -   [Columns (params string[] columns)](doc/GridMarkup.md#columns-params-string-columns)

-   [InfoBarMarkup](doc/InfoBarMarkup.md)

-   [ItemsControlMarkup](doc/ItemsControlMarkup.md)

-   [ItemsWrapGridMarkup](doc/ItemsWrapGridMarkup.md)

    -   [GroupPadding (double groupPadding)](doc/ItemsWrapGridMarkup.md#grouppadding-double-padding)

    -   [GroupPadding (double left, double top, double right, double bottom)](doc/ItemsWrapGridMarkup.md#grouppadding-double-left-double-top-double-right-double-bottom)

    -   [GroupPadding (double horizontal , double vertical)](doc/ItemsWrapGridMarkup.md#grouppadding-double-horizontal-double-vertical)

-   [PageMarkup](doc/PageMarkup.md)

-   [PanelMarkup](doc/PanelMarkup.md)

    -   [Background (Color colors)](doc/PanelMarkup.md#background-color-color)

    -   [AddChildren (params UIElement[] items)](doc/PanelMarkup.md#addchildren-params-uielement-items)

    -   [AddChild (UIElement item)](doc/PanelMarkup.md#addchild-uielement-item)

    -   [TryAddChildren (params UIElement[] items)](doc/PanelMarkup.md#tryaddchildren-params-uielement-items)

    -   [TryAddChild (UIElement item)](doc/PanelMarkup.md#tryaddchild-uielement-item)

-   [PopupMarkup](doc/PopupMarkup.md)

    -   [Offset (double horizontal, double vertical)](doc/PopupMarkup.md#offset-double-horizontal-double-vertical)

-   [RelativePanelMarkup](doc/RelativePanelMarkup.md)

    -   [Padding (double padding)](doc/RelativePanelMarkup.md#padding-double-padding)

    -   [Padding (double left , double top, double right , double bottom)](doc/RelativePanelMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/RelativePanelMarkup.md#padding-double-horizontal-double-vertical)

    -   [CornerRadius (double cornerRadius)](doc/RelativePanelMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight, double bottomRightLeft)](doc/RelativePanelMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft, double topRight, double bottomRight, double bottomLeft)](doc/RelativePanelMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

    -   [BorderThickness (double thickness)](doc/RelativePanelMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight, double topBottom)](doc/RelativePanelMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left, double top, double right, double bottom)](doc/RelativePanelMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/RelativePanelMarkup.md#borderbrush-color-colors)

-   [RowDefinitionMarkup](doc/RowDefinitionMarkup.md)

-   [ScrollViewerMarkup](doc/ScrollViewerMarkup.md)

-   [SelectorMarkup](doc/SelectorMarkup.md)

-   [StackPanelMarkup](doc/StackPanelMarkup.md)

    -   [Padding (double padding)](doc/StackPanelMarkup.md#padding-double-padding)

    -   [Padding (double left , double top, double right , double bottom)](doc/StackPanelMarkup.md#padding-double-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/StackPanelMarkup.md#padding-double-horizontal-double-vertical)

    -   [CornerRadius (double cornerRadius)](doc/StackPanelMarkup.md#cornerradius-double-cornerradius)

    -   [CornerRadius (double topLeftRight, double bottomRightLeft)](doc/StackPanelMarkup.md#cornerradius-double-topleftright-double-bottomrightleft)

    -   [CornerRadius (double topLeft, double topRight, double bottomRight, double bottomLeft)](doc/StackPanelMarkup.md#cornerradius-double-topleft-double-topright-double-bottomright-double-bottomleft)

    -   [BorderThickness (double thickness)](doc/StackPanelMarkup.md#borderthickness-double-thickness)

    -   [BorderThickness (double leftRight, double topBottom)](doc/StackPanelMarkup.md#borderthickness-double-leftright-double-topbottom)

    -   [BorderThickness (double left, double top, double right, double bottom)](doc/StackPanelMarkup.md#borderthickness-double-left-double-top-double-right-double-bottom)

    -   [BorderBrush (Color colors)](doc/StackPanelMarkup.md#borderbrush-color-colors)

-   [TextBlockMarkup](doc/TextBlockMarkup.md)

    -   [Padding (double padding)](doc/TextBlockMarkup.md#paddingdouble-padding)

    -   [Padding (double left , double top, double right , double bottom)](doc/TextBlockMarkup.md#paddingdouble-left-double-top-double-right-double-bottom)

    -   [Padding (double horizontal , double vertical)](doc/TextBlockMarkup.md#paddingdouble-horizontal-double-vertical)

    -   [Foreground (Color color)](doc/TextBlockMarkup.md#foregroundcolor-color)

-   [TickBarMarkup](doc/TickBarMarkup.md)

-   [ToolTipMarkup](doc/ToolTipMarkup.md)

    -   [Offset (double horizontalOffset, double verticalOffset)](doc/ToolTipMarkup.md#offsetdouble-horizontaloffset-double-verticaloffset)

-   [UIElementMarkup](doc/UIElementMarkup.md)

    -   [ToolTip (object toolTip)](doc/UIElementMarkup.md#tooltipobject-tooltip)

    -   [ToolTip (object toolTip, PlacementMode placementMode)](doc/UIElementMarkup.md#tooltipobject-tooltip-placementmode-placementmode)

    -   [ToolTip (object toolTip, PlacementMode placementMode, UIElement placementTarget)](doc/UIElementMarkup.md#tooltipobject-tooltip-placementmode-placementmode-uielement-placementtarget)

    -   [ToolTip (object toolTip, PlacementMode placementMode, UIElement placementTarget, Rect? placementRect)](doc/UIElementMarkup.md#tooltipobject-tooltip-placementmode-placementmode-uielement-placementtarget-rect-placementrect)

    -   [ToolTip (object toolTip, PlacementMode placementMode, UIElement placementTarget, Rect? placementRect, double horizontalOffset, double verticalOffset, bool isOpen)](doc/UIElementMarkup.md#tooltipobject-tooltip-placementmode-placementmode-uielement-placementtarget-rect-placementrect-double-horizontaloffset-double-verticaloffset-bool-isopen)

-   [UserControlMarkup](doc/UserControlMarkup.md)

-   [VariableSizedWrapGridMarkup](doc/VariableSizedWrapGridMarkup.md)

-   [ViewboxMarkup](doc/ViewboxMarkup.md)