Fabulous下載 - Fabulous源代碼下載

Fabulous

其他源碼

2.4.2

下載

Fabulous是一個現代的聲明性UI框架，用於在.NET中製作跨平台移動和桌面應用程序。
它的目的是通過結合表達性UI語法，簡單且健壯的模型視圖 - 上升（MVU）體系結構和功能性編程來為您帶來豐富的開發體驗和對代碼的信心。

文件

可以在docs.fabulou.dev上找到神話般的完整文檔。

其他有用的鏈接：

官方神話般的網站
開始
API參考
撰稿人指南

此外，我們還有神話般的Discord服務器，您可以在其中提出任何神話般的相關問題。

關於神話般

我們認為，聲明性的UI，功能編程和MVU州管理非常適合應用程序開發。

Fabulous將幫助您快速地創建移動和桌面應用程序，並充滿信心地歸功於聲明性的UI和MVU架構，所有這些都是單語言：F＃ - 一種功能性編程語言。

神話般的旨在通過低記憶消耗和有效的視圖擴散機制來表現。

請注意，神話般的本身不會提供任何UI渲染。您需要將其與另一個框架相結合：

.net毛伊島與神話般的mauicontrols
Avaloniaui與神話般的Avalonia

聲明性的UI

如果無法正確完成，典型的UI開發可能是一場噩夢。
它通常是在一個地方創建的，然後根據需求和用戶在做什麼而在這里和那裡進行突變。相關的UI最終在多個地方出現，因此很難在精神上思考所有可能性。直到由於意外用戶流動而導致的不可避免的種族條件或錯誤。

借助Swiftui啟發了其聲明性的UI，很棒的是UI更容易推理。
組件的UI在一個地方定義，每當該組件的狀態更改時，Fabulous都會稱呼它。

您無需考慮如何突變UI，Fabulous將會處理它，以始終匹配所需的最新UI。

 /// A simple Counter app made with Fabulous.MauiControls
type Model =
    { Count : int }

type Msg =
    | Increment
    | Decrement

let view model =
    Application (
        ContentPage (
            " Counter app " ,
            VStack ( spacing = 16. ) {
                Image ( Aspect.AspectFit , " fabulous.png " )

                Label ( $ " Count is {model.Count} " )

                Button ( " Increment " , Increment )
                Button ( " Decrement " , Decrement )
            }
        )
    )

MVU架構

MVU使這些狀態之間的每個狀態和過渡明確。
您無需擔心可能導致無效狀態的意外操作，這會崩潰該應用程序。

相反，您可以非常輕鬆地使用F＃記錄和歧視工會類型對應用程序的狀態或組件的狀態進行建模。
開始時，Fabulous將初始化狀態。然後，當發送消息時，神話般的消息將使您從一個狀態過渡到另一個狀態，給定特定的消息。

如果同時收到幾條消息，Fabulous會排隊，讓您正確更新狀態。

 let init () =
    { Count = 0 }

let update msg model =
    match msg with
    | Increment -> { model with Count = model.Count + 1 }
    | Decrement -> { model with Count = model.Count - 1 }

最後，鑑於MVU的功能性質，單位測試應用程序的每種可能狀態非常簡單。

 [<Test>]
let ``When clicking the Increment button , increment the count by one`` () =
    let previousState = { Count = 10 }
    let expectedState = { Count = 11 }

    let actualState = App.update Increment previousState

    actualState |> should equal expectedState