用C#编写的MVU UIToolkit

【实例简介】

什么是Comet? Comet是一种编写跨平台UI的现代方式。基于.NET MAUI，它遵循了Model View Update (MVU)模式，并为您提供了神奇的数据绑定功能！

关键概念

Comet基于MVU架构：

• View是一个屏幕。视图具有一个Body方法，您可以通过使用属性[Body]来分配它：

public class MyPage : View {
    [Body]
    View body () => new Text("Hello World");
}

或者手动从您的构造函数中：

public class MyPage : View {
    public MyPage() {
        Body = body;
    }
    View body () => new Text("Hello World");
}

热重新加载

使用热重新加载是开发用户界面的最快方法。

设置简单，只需要几个步骤：

1. 从Releases中安装Visual Studio扩展Comet.Reload（或者如果您使用Visual Studio Code，则安装.NET Mobile的Comet）
2. 在NuGet上安装Comet项目模板。
3. 将这个简短的代码片段添加到您的AppDelegate.cs和/或MainActivity.cs，或者等价的位置。

【实例截图】
【核心代码】
文件清单
└── Comet-6a9a120c65153af9306a2757aaa353e923187428
    ├── art
    │   ├── CometLogo.ai
    │   ├── mvu-pattern.png
    │   └── mvvm-pattern.png
    ├── build
    │   ├── Comet-Nuget.sln
    │   ├── Comet-Tests.sln
    │   ├── DotNet
    │   │   ├── Dependencies
    │   │   │   ├── Directory.Build.props
    │   │   │   ├── Directory.Build.targets
    │   │   │   ├── Environment.Build.props
    │   │   │   ├── Packs.csproj
    │   │   │   ├── Versions.props
    │   │   │   └── Workloads.csproj
    │   │   ├── Directory.Build.props
    │   │   ├── DotNet.csproj
    │   │   └── NuGet.config
    │   ├── install-vs.ps1
    │   ├── MauiVersionUpdater
    │   │   ├── MauiVersionUpdater.csproj
    │   │   └── Program.cs
    │   ├── package-github.yml
    │   └── package-nuget.yml
    ├── CODE-OF-CONDUCT.md
    ├── Comet.Debug.sln
    ├── Comet.nuspec
    ├── Comet.Reload.nuspec
    ├── Comet.Skia.nuspec
    ├── Comet.sln
    ├── Comet.sln.DotSettings
    ├── Directory.Build.targets
    ├── External
    │   └── Maui
    ├── LICENSE
    ├── README.md
    ├── sample
    │   └── Comet.Sample
    │       ├── ApiAudit
    │       │   └── ApiAuditManager.cs
    │       ├── Comet.Sample.csproj
    │       ├── CommunityQuestions
    │       │   ├── Question1a.cs
    │       │   ├── Question1b.cs
    │       │   ├── Question1c.cs
    │       │   ├── Question1.cs
    │       │   ├── Question1d.cs
    │       │   └── Question1e.cs
    │       ├── Comparisons
    │       │   ├── Section1.cs
    │       │   ├── Section2.cs
    │       │   ├── Section3.cs
    │       │   ├── Section4b.cs
    │       │   ├── Section4c.cs
    │       │   ├── Section4.cs
    │       │   └── Section5.cs
    │       ├── GitHubIssues
    │       │   ├── Issue123.cs
    │       │   ├── Issue125b.cs
    │       │   ├── Issue125c.cs
    │       │   ├── Issue125.cs
    │       │   ├── Issue133b.cs
    │       │   ├── Issue133c.cs
    │       │   └── Issue133.cs
    │       ├── GlobalUsings.cs
    │       ├── Graphics
    │       │   ├── BindableFingerPaint.cs
    │       │   ├── GraphicsSample5.cs
    │       │   ├── GraphicsSample6.cs
    │       │   ├── SimpleFingerPaint.cs
    │       │   ├── SkiaButtonSample.cs
    │       │   ├── SkiaSample1.cs
    │       │   ├── SkiaSample2.cs
    │       │   ├── SkiaSample3.cs
    │       │   ├── SkiaSample3WithScrollview.cs
    │       │   └── SkiaSample4.cs
    │       ├── LiveStreamIssues
    │       │   ├── DavidSample1a.cs
    │       │   ├── DavidSample1b.cs
    │       │   ├── DavidSample1c.cs
    │       │   ├── DavidSample1.cs
    │       │   └── DavidSample2.cs
    │       ├── Models
    │       │   └── Song.cs
    │       ├── MyApp.cs
    │       ├── Platforms
    │       │   ├── Android
    │       │   │   ├── AndroidManifest.xml
    │       │   │   ├── MainActivity.cs
    │       │   │   ├── MainApplication.cs
    │       │   │   └── Resources
    │       │   │       └── values
    │       │   │           └── colors.xml
    │       │   ├── iOS
    │       │   │   ├── AppDelegate.cs
    │       │   │   ├── Info.plist
    │       │   │   └── Program.cs
    │       │   ├── MacCatalyst
    │       │   │   ├── AppDelegate.cs
    │       │   │   ├── Entitlements.Debug.plist
    │       │   │   ├── Entitlements.Release.plist
    │       │   │   ├── Info.plist
    │       │   │   └── Program.cs
    │       │   ├── Tizen
    │       │   │   ├── Main.cs
    │       │   │   └── tizen-manifest.xml
    │       │   └── Windows
    │       │       ├── app.manifest
    │       │       ├── App.xaml
    │       │       ├── App.xaml.cs
    │       │       └── Package.appxmanifest
    │       ├── Properties
    │       │   └── launchSettings.json
    │       ├── Reload.cs
    │       ├── Resources
    │       │   ├── AppIcon
    │       │   │   ├── appiconfg.svg
    │       │   │   └── appicon.svg
    │       │   ├── appiconfg.svg
    │       │   ├── appicon.svg
    │       │   ├── Fonts
    │       │   │   ├── OpenSans-Regular.ttf
    │       │   │   └── OpenSans-Semibold.ttf
    │       │   ├── Images
    │       │   │   ├── dotnet_bot.svg
    │       │   │   └── turtlerock.jpg
    │       │   ├── Raw
    │       │   │   └── AboutAssets.txt
    │       │   ├── Splash
    │       │   │   └── splash.svg
    │       │   └── Styles
    │       │       ├── Colors.xaml
    │       │       └── Styles.xaml
    │       └── Views
    │           ├── AnimationSample.cs
    │           ├── AuditReportPage.cs
    │           ├── BasicNavigationTestView.cs
    │           ├── BasicTestView.cs
    │           ├── BindingSample.cs
    │           ├── ButtonSample1.cs
    │           ├── ClipSample1.cs
    │           ├── ClipSample2.cs
    │           ├── ClipSample_AspectFill.cs
    │           ├── ClipSample_AspectFit.cs
    │           ├── ClipSample_Fill.cs
    │           ├── ClipSample_None.cs
    │           ├── ContinuosSample.cs
    │           ├── DatePickerSample.cs
    │           ├── DemoCreditCardView2.cs
    │           ├── DemoCreditCardView3.cs
    │           ├── DemoCreditCardView.cs
    │           ├── GridSample1.cs
    │           ├── InsaneDiffPage.cs
    │           ├── LabelSamples.cs
    │           ├── ListViewDetails.cs
    │           ├── ListViewSample1.cs
    │           ├── ListViewSample2.cs
    │           ├── MainPage.cs
    │           ├── MaterialSample.cs
    │           ├── MaterialStylePicker.cs
    │           ├── MenuItem.cs
    │           ├── NestedViews.cs
    │           ├── ProgressBarSample1.cs
    │           ├── RadioButtonSample.cs
    │           ├── RideTheCometSample.cs
    │           ├── SampleApp.cs
    │           ├── SectionedListViewSample.cs
    │           ├── SecureFieldSample1.cs
    │           ├── SecureFieldSample2.cs
    │           ├── SecureFieldSample3.cs
    │           ├── SecureFieldSample4.cs
    │           ├── ShapeSample1.cs
    │           ├── ShapeSample2.cs
    │           ├── ShapeViewSample.cs
    │           ├── SkiaControlsSample.cs
    │           ├── SliderSample1.cs
    │           ├── StepperSample1.cs
    │           ├── TabViewSample.cs
    │           ├── TextFieldSample1.cs
    │           ├── TextFieldSample2.cs
    │           ├── TextFieldSample3.cs
    │           ├── TextFieldSample4.cs
    │           ├── TextStylesSample.cs
    │           ├── TextWeightSample.cs
    │           ├── VGridNumberPad.cs
    │           ├── VGridSample.cs
    │           ├── ViewLayoutTestCase.cs
    │           ├── VirtualListViewSample.cs
    │           ├── VirtualSectionedListViewSample.cs
    │           └── VStackSample.cs
    ├── src
    │   ├── Comet
    │   │   ├── Alignment.cs
    │   │   ├── Animations
    │   │   │   ├── Animation.cs
    │   │   │   ├── AnimationExtensions.cs
    │   │   │   └── AnimationSequence.cs
    │   │   ├── AppHostBuilderExtensions.cs
    │   │   ├── Attributes.cs
    │   │   ├── Binding.cs
    │   │   ├── BindingObject.cs
    │   │   ├── Comet.csproj
    │   │   ├── Comet.debug.csproj
    │   │   ├── Controls
    │   │   │   ├── AbstractLayout.cs
    │   │   │   ├── ContainerView.cs
    │   │   │   ├── ContentView.cs
    │   │   │   ├── ControlsGenerator.cs
    │   │   │   ├── FlyoutNavigationView.cs
    │   │   │   ├── GraphicsView.cs
    │   │   │   ├── Grid.cs
    │   │   │   ├── HGrid.cs
    │   │   │   ├── HStack.cs
    │   │   │   ├── IContainerView.cs
    │   │   │   ├── IContentTypeHash.cs
    │   │   │   ├── IControlState.cs
    │   │   │   ├── ImageButton.cs
    │   │   │   ├── Image.cs
    │   │   │   ├── IThumbView.cs
    │   │   │   ├── IViewWrapperView.cs
    │   │   │   ├── LayoutEventArgs.cs
    │   │   │   ├── ListView.cs
    │   │   │   ├── ModalView.cs
    │   │   │   ├── NavigationView.cs
    │   │   │   ├── Orientation.cs
    │   │   │   ├── RadioButton.cs
    │   │   │   ├── RadioGroup.cs
    │   │   │   ├── ResultView.cs
    │   │   │   ├── ScrollView.cs
    │   │   │   ├── ShapeView.cs
    │   │   │   ├── Spacer.cs
    │   │   │   ├── TabView.cs
    │   │   │   ├── VGrid.cs
    │   │   │   ├── View.cs
    │   │   │   ├── VStack.cs
    │   │   │   ├── WebView.cs
    │   │   │   └── ZStack.cs
    │   │   ├── EnvironmentAware.cs
    │   │   ├── EnvironmentData.cs
    │   │   ├── Exceptions
    │   │   │   └── ReadonlyRequiresException.cs
    │   │   ├── FrameConstraints.cs
    │   │   ├── Gestures
    │   │   │   ├── Gesture.cs
    │   │   │   ├── IGestureView.cs
    │   │   │   └── TapGesture.cs
    │   │   ├── global.json
    │   │   ├── GlobalUsings.cs
    │   │   ├── Graphics
    │   │   │   ├── AffineTransformF.cs
    │   │   │   ├── DrawingStyle.cs
    │   │   │   ├── Gradient.cs
    │   │   │   ├── GraphicsOperations.cs
    │   │   │   ├── IControlDelegate.cs
    │   │   │   ├── IDrawableControl.cs
    │   │   │   ├── LinearGradient.cs
    │   │   │   ├── PathBuilder.cs
    │   │   │   ├── PathF.cs
    │   │   │   ├── PathOperation.cs
    │   │   │   ├── RadialGradient.cs
    │   │   │   └── Stop.cs
    │   │   ├── Handlers
    │   │   │   ├── ListView
    │   │   │   │   ├── ListViewHandler.Android.cs
    │   │   │   │   ├── ListViewHandler.cs
    │   │   │   │   ├── ListViewHandler.iOS.cs
    │   │   │   │   ├── ListViewHandler.Standard.cs
    │   │   │   │   └── ListViewHandler.Windows.cs
    │   │   │   ├── Navigation
    │   │   │   │   ├── NavigationViewHandler.Android.cs
    │   │   │   │   ├── NavigationViewHandler.cs
    │   │   │   │   ├── NavigationViewHandler.iOS.cs
    │   │   │   │   ├── NavigationViewHandler.Standard.cs
    │   │   │   │   └── NavigationViewHandler.Windows.cs
    │   │   │   ├── RadioButton
    │   │   │   │   ├── RadioButtonHandler.Android.cs
    │   │   │   │   ├── RadioButtonHandler.iOS.cs
    │   │   │   │   ├── RadioGroupHandler.Android.cs
    │   │   │   │   └── RadioGroupHandler.iOS.cs
    │   │   │   ├── ScrollView
    │   │   │   │   ├── ScrollViewHandler.Android.cs
    │   │   │   │   ├── ScrollViewHandler.cs
    │   │   │   │   ├── ScrollViewHandler.iOS.cs
    │   │   │   │   ├── ScrollViewHandler.Standard.cs
    │   │   │   │   └── ScrollViewHandler.Windows.cs
    │   │   │   ├── ShapeView
    │   │   │   │   ├── ShapeViewHandler.Android.cs
    │   │   │   │   ├── ShapeViewHandler.cs
    │   │   │   │   ├── ShapeViewHandler.iOS.cs
    │   │   │   │   ├── ShapeViewHandler.Standard.cs
    │   │   │   │   └── ShapeViewHandler.Windows.cs
    │   │   │   ├── Spacer
    │   │   │   │   └── SpacerHandler.cs
    │   │   │   ├── TabView
    │   │   │   │   ├── TabViewHandler.Android.cs
    │   │   │   │   ├── TabViewHandler.cs
    │   │   │   │   ├── TabViewHandler.iOS.cs
    │   │   │   │   ├── TabViewHandler.Standard.cs
    │   │   │   │   └── TabViewHandler.Windows.cs
    │   │   │   └── View
    │   │   │       ├── CometViewHandler.Android.cs
    │   │   │       ├── CometViewHandler.cs
    │   │   │       └── CometViewHandler.iOS.cs
    │   │   ├── Helpers
    │   │   │   ├── BaseExtensions.cs
    │   │   │   ├── ColorExtensions.cs
    │   │   │   ├── ControlsExtensions.cs
    │   │   │   ├── DatabindingExtensions.cs
    │   │   │   ├── DrawingExtensions.cs
    │   │   │   ├── FixedSizeDictionary.cs
    │   │   │   ├── FixedSizedQueue.cs
    │   │   │   ├── FontExtensions.cs
    │   │   │   ├── GraphicsExtensions.cs
    │   │   │   ├── IDGenerator.cs
    │   │   │   ├── LayoutExtensions.cs
    │   │   │   ├── LineBreakModeExtensions.cs
    │   │   │   ├── ListExtensions.cs
    │   │   │   ├── MathExtensions.cs
    │   │   │   ├── MauiExtensions.cs
    │   │   │   ├── RectangleExtensions.cs
    │   │   │   ├── StringExtensions.cs
    │   │   │   ├── TabViewExtensions.cs
    │   │   │   ├── TextExtensions.cs
    │   │   │   ├── ThreadHelper.cs
    │   │   │   ├── ViewExtensions.cs
    │   │   │   └── WeakStack.cs
    │   │   ├── ImageSources
    │   │   │   └── ImageSources.cs
    │   │   ├── Internal
    │   │   │   ├── Extensions.cs
    │   │   │   └── ReflectionExtensions.cs
    │   │   ├── Layout
    │   │   │   ├── GridConstraints.cs
    │   │   │   ├── GridLayoutManager.cs
    │   │   │   ├── HStackLayoutManager.cs
    │   │   │   ├── VStackLayoutManager.cs
    │   │   │   └── ZStackLayoutManager.cs
    │   │   ├── Logger.cs
    │   │   ├── Maui
    │   │   │   ├── CometApp.cs
    │   │   │   ├── CometWindow.cs
    │   │   │   └── IMauiContextHolder.cs
    │   │   ├── MulticastAction.cs
    │   │   ├── Platform
    │   │   │   ├── Android
    │   │   │   │   ├── CometFragment.cs
    │   │   │   │   ├── CometNavigationView.cs
    │   │   │   │   ├── CometRecyclerViewAdapter.cs
    │   │   │   │   ├── CometRecyclerView.cs
    │   │   │   │   ├── CometRecyclerViewHolder.cs
    │   │   │   │   ├── CometScrollView.cs
    │   │   │   │   ├── CometTabView.cs
    │   │   │   │   ├── CometTouchGesterListener.cs
    │   │   │   │   ├── CometView.cs
    │   │   │   │   ├── CustomFrameLayout.cs
    │   │   │   │   ├── HandlerExtensions.cs
    │   │   │   │   └── ModalManager.cs
    │   │   │   ├── iOS
    │   │   │   │   ├── CometViewController.cs
    │   │   │   │   ├── CometView.cs
    │   │   │   │   ├── CUIContainerView.cs
    │   │   │   │   ├── CUINavigationController.cs
    │   │   │   │   ├── CUIRadioButton.cs
    │   │   │   │   ├── CUIScrollView.cs
    │   │   │   │   ├── CUIShapeView.cs
    │   │   │   │   ├── CUITableViewCell.cs
    │   │   │   │   ├── CUITableView.cs
    │   │   │   │   ├── CUITableViewSource.cs
    │   │   │   │   ├── CUITabView.cs
    │   │   │   │   ├── CUITapGestures.cs
    │   │   │   │   ├── HandlerExtensions.cs
    │   │   │   │   └── iOSExtensions.cs
    │   │   │   ├── Standard
    │   │   │   │   └── HandlerExtensions.cs
    │   │   │   └── Windows
    │   │   │       ├── HandlerExtensions.cs
    │   │   │       └── ListCell.cs
    │   │   ├── Properties
    │   │   │   └── AssemblyInfo.cs
    │   │   ├── ServiceContainer.cs
    │   │   ├── Shadow.cs
    │   │   ├── Shapes
    │   │   │   ├── Capsule.cs
    │   │   │   ├── Circle.cs
    │   │   │   ├── Ellipse.cs
    │   │   │   ├── Path.cs
    │   │   │   ├── PathScaling.cs
    │   │   │   ├── Pill.cs
    │   │   │   ├── Rectangle.cs
    │   │   │   ├── RoundedRectangle.cs
    │   │   │   ├── Shape.cs
    │   │   │   └── Squircle.cs
    │   │   ├── State.cs
    │   │   ├── StateManager.cs
    │   │   ├── Styles
    │   │   │   ├── ButtonStyle.cs
    │   │   │   ├── ControlState.cs
    │   │   │   ├── Material
    │   │   │   │   ├── ColorPalette.cs
    │   │   │   │   ├── Extensions.cs
    │   │   │   │   └── MaterialStyle.cs
    │   │   │   ├── NavbarStyle.cs
    │   │   │   ├── ProgressBarStyle.cs
    │   │   │   ├── SliderStyle.cs
    │   │   │   ├── StyleAwareValue.cs
    │   │   │   ├── Style.cs
    │   │   │   ├── StyleExtensions.cs
    │   │   │   ├── StyleType.cs
    │   │   │   ├── TextStyle.cs
    │   │   │   └── ViewStyle.cs
    │   │   └── TextStyle.cs
    │   └── Comet.SourceGenerator
    │       ├── AutoNotifyGenerator.cs
    │       ├── Comet.SourceGenerator.csproj
    │       ├── CometViewSourceGenerator.cs
    │       ├── StateWrapperGenerator.cs
    │       ├── StringExtensions.cs
    │       └── ViewGeneratorData.cs
    ├── templates
    │   ├── comet-templates.nuspec
    │   └── single-project
    │       ├── CometApp1
    │       │   ├── App.cs
    │       │   ├── CometApp1.csproj
    │       │   ├── GlobalUsings.cs
    │       │   ├── Helpers
    │       │   │   └── Reload.cs
    │       │   ├── MainPage.cs
    │       │   ├── Platforms
    │       │   │   ├── Android
    │       │   │   │   ├── AndroidManifest.xml
    │       │   │   │   ├── MainActivity.cs
    │       │   │   │   ├── MainApplication.cs
    │       │   │   │   └── Resources
    │       │   │   │       └── values
    │       │   │   │           └── colors.xml
    │       │   │   ├── iOS
    │       │   │   │   ├── AppDelegate.cs
    │       │   │   │   ├── Info.plist
    │       │   │   │   ├── Program.cs
    │       │   │   │   └── Resources
    │       │   │   │       └── LaunchScreen.xib
    │       │   │   ├── MacCatalyst
    │       │   │   │   ├── AppDelegate.cs
    │       │   │   │   ├── Info.plist
    │       │   │   │   └── Program.cs
    │       │   │   └── Windows
    │       │   │       ├── app.manifest
    │       │   │       ├── App.xaml
    │       │   │       ├── App.xaml.cs
    │       │   │       └── Package.appxmanifest
    │       │   ├── Properties
    │       │   │   └── launchSettings.json
    │       │   └── Resources
    │       │       ├── appiconfg.svg
    │       │       ├── appicon.svg
    │       │       ├── Fonts
    │       │       │   ├── OpenSans-Regular.ttf
    │       │       │   └── OpenSans-Semibold.ttf
    │       │       ├── Images
    │       │       │   └── dotnet_bot.svg
    │       │       └── Raw
    │       │           └── AboutAssets.txt
    │       └── CometApp1.sln
    └── tests
        ├── Comet.Blazor.Tests
        │   ├── Comet.Blazor.Tests.csproj
        │   └── RegistrarTests.cs
        └── Comet.Tests
            ├── Animations
            │   ├── AnimationTests.cs
            │   └── LerpTests.cs
            ├── AutoNotifyTest.cs
            ├── BindingTests.cs
            ├── Comet.Tests.csproj
            ├── EnvironmentTests.cs
            ├── GridTests.cs
            ├── Handlers
            │   ├── GenericViewHandler.cs
            │   ├── ProgressBarHandler.cs
            │   ├── SecureFieldHandler.cs
            │   ├── SliderHandler.cs
            │   ├── TextFieldHandler.cs
            │   └── TextHandler.cs
            ├── Helpers
            │   └── ViewExtensions.cs
            ├── HotReloadTestsNoParameters.cs
            ├── HotReloadWithParameters.cs
            ├── HStackTests.cs
            ├── LayoutTests.cs
            ├── MapperTests.cs
            ├── ReloadTransfersStateTest.cs
            ├── StateBindingTests.cs
            ├── TestBase.cs
            ├── UI.cs
            └── ViewTests.cs

88 directories, 409 files