造輪子,模仿WPF的UI框架,還沒完善。。。

来源:https://www.cnblogs.com/dskin/archive/2018/08/21/9514881.html
-Advertisement-
Play Games

Wtf(暫時命名,隨便起的 = _=),模仿WPF的框架,還沒有完善,只有簡單的基礎元素,支持數據綁定。雖然支持mono但是mono有bug 寫這個只是興趣愛好,感覺也沒多大意義了,如果這個UI框架完善了,有多少人願意用?畢竟Windows上有WPF,而且C#跨平臺需求也不多啊。我對WPF也不算熟悉 ...


Wtf(暫時命名,隨便起的 = _=),模仿WPF的框架,還沒有完善,只有簡單的基礎元素,支持數據綁定。雖然支持mono但是mono有bug

寫這個只是興趣愛好,感覺也沒多大意義了,如果這個UI框架完善了,有多少人願意用?畢竟Windows上有WPF,而且C#跨平臺需求也不多啊。我對WPF也不算熟悉,要完善的話,還有很多要寫。一大堆常用控制項和設計器。不過我不用XML來描述,而是直接用C#來定義,設計器直接生成C#代碼,因為我覺得,如果有強大的設計器,寫XML就是多餘的,而且解析XML還影響性能,對於WPF,我覺得Xaml太啰嗦了。

 

WtfObject  相當於WPF里的DependencyObject依賴對象。繼承該類的對象,所有屬性預設都是依賴屬性

屬性寫法:

 

        /// <summary>
        /// 綁定的數據上下文
        /// </summary>
        [UIPropertyMetadata(null, true)]
        public virtual object DataContext
        {
            get { return GetValue<object>(); }
            set { SetValue(value); }
        }

 

屬性上的特性可以是 PropertyMetadata或者UIPropertyMetadata 中的一個,預設值可以通過這兩個特性來設置。如果不加這兩個特性,那預設值就是null或者0

如果是複雜屬性類型預設值,可以通過重寫 OnOverrideMetadata 來設置

 

       protected override void OnOverrideMetadata(OverrideMetadata overridePropertys)
       {
            base.OnOverrideMetadata(overridePropertys);
            overridePropertys.Override("StrokeStyle", new UIPropertyMetadataAttribute(new Stroke(1), false, false, true));
        }

 

 

數據綁定:

var bind = label["Text"] <= "Test";//右到左數據綁定,數據源是DataContext的屬性

var bind = label["Text"] >= "Test";//左到右數據綁定,數據源是DataContext的屬性

var bind = label["Text"] != "Test";//右到左數據綁定,只傳遞一次 ,數據源是DataContext的屬性

var bind = label["Text"] == "Test";//雙向綁定,數據源是DataContext的屬性,雙向綁定需要對象實現INotifyPropertyChanged
 


var bind = label["Text"] <= button["Test"];//右到左數據綁定

var bind = label["Text"] >= button["Test"];//左到右數據綁定

var bind = label["Text"] != button["Test"];//右到左數據綁定,只傳遞一次

var bind = label["Text"] == button["Test"];//雙向綁定

 

 

命令綁定:

當事件觸發或者屬性變化的時候調用方法

label.AddCommand("MouseDown","button1_Click","CommandContext", Wtf.Windows.CommandParameter.EventArgs);
        /// <summary>
        /// 添加處理命令,命令方法在CommandContext或者其他屬性的對象上
        /// </summary>
        /// <param name="eventName">觸發的事件名或者屬性名</param>
        /// <param name="methodName">命令方法名</param>
        /// <param name="propertyName">命令對象所在的屬性名</param>
        /// <param name="ps">方法參數,可以是自定義的數據或者相關屬性或者事件的數據</param>
        public void AddCommand(string eventName, string methodName, string propertyName = "CommandContext", params object[] ps)

 

 

一些類型的隱式轉換

Brush, Color :  "#0000ff" "#ff0000ff" “255,255,255”  “255,255,255,255”  顏色字元串轉換,按順序是r,g,b、a,r,g,b

 

FloatValue: "10%" “100” "zero" "auto"  100  100.5     數字或者百分比字元串轉換,整形,浮點數據自動轉換

 

觸發器樣式例子

 

按鈕的滑鼠操作效果,滑鼠移入移出按下背景色變化

            

 

       Styling.Trigger hover = new Styling.Trigger { Condition = Styling.Conditions.Equals, Property = "IsMouseOver", Value = true };

            hover.Setters.Add("Background", Drawing.Brush.Parse("#ff0000"));

            Styling.Trigger normal = new Styling.Trigger { };

            normal.Setters.Add("Background", Drawing.Brush.Parse("#00ff00"));

            Styling.Trigger press = new Styling.Trigger { Condition = Styling.Conditions.Equals, Property = "IsMouseCaptured", Value = true };

            press.Setters.Add("Background", Drawing.Brush.Parse("#ffff00"));

            label.Triggers.Add(normal);

            label.Triggers.Add(hover);

            label.Triggers.Add(press);

            label.MouseDown += delegate
            {
                label.CaptureMouse();
            };

            label.MouseUp += delegate
            {
                label.ReleaseMouseCapture();
            };

 

 

WtfObject 的屬性設置的值優先順序比觸發器樣式設置的值要高,所以當你設置了屬性值,觸發器樣式可能沒有效果

 

 

添加UI元素,UI元素可以互相嵌套

            var root = testControl1.RootUIElement;
            root.Foreground = "#ff0000";
            root.FontFamily = "微軟雅黑";
            root.FontSize = 16;
            root.Children.Add(label);
            root.Children.Add(new Windows.Shapes.Ellipse
            {
                Stroke = "#0000ff",
                Fill = "white",
                Width = 40,
                Height = 20,
                MarginLeft = 30,
                MarginTop = 30
            });

            root.Children.Add(new Windows.Shapes.Ellipse
            {
                Stroke = "#0000ff",
                Fill = "white",
                Width = 40,
                Height = 20,
                MarginRight = "30%",
                MarginTop = 30

            });    

 

 

元素佈局,支持百分比佈局,margin調整定位,預設居中。

 

觸發器綁定動畫

            var t = new Trigger();
            Storyboard ss = new Storyboard();
            ss.Duration = new TimeSpan(0, 0, 0, 0, 500);
            var tl = new Timeline(1);
            tl.KeyFrames.Add(new KeyFrame<FloatValue> { Property = "Height", Value = 300, Ease = new BounceEase(), AnimateMode = AnimateMode.EaseIn });
            tl.KeyFrames.Add(new KeyFrame<FloatValue> { Property = "Width", Value = "30%", Ease = new BounceEase(), AnimateMode = AnimateMode.EaseIn });
            tl.KeyFrames.Add(new KeyFrame<GeneralTransform> { Property = "RenderTransform", AnimateMode = AnimateMode.EaseOut, Value = new GeneralTransform { Angle = 30 }, Ease = new ElasticEase() });
            //tl.KeyFrames.Add(new KeyFrame<SolidColorBrush> { Property = Shape.FillProperty, Value = "White" });
            ss.Timelines.Add(tl);
            t.Property = "IsMouseOver";
            t.Value = true;
            t.Animation = ss;
            t.Setters.Add("Fill", Brush.Parse("#fff"));
            v.Triggers.Add(t);

 

如果寫自定義控制項,繼承Wtf.Windows.Controls.Control  然後重寫InitializeComponent 把樣式定義代碼寫在裡面,如果再次繼承修改的話,可以重寫覆蓋。

dll暫時不提供下載

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 楊輝三角有以下幾個特點 : 每個數等於它上方兩數之和。 每行數字左右對稱,由1開始逐漸變大。 第n行的數字有n項。 第n行數字和為2n-1。 第n行的m個數可表示為 C(n-1,m-1),即為從n-1個不同元素中取m-1個元素的組合數。 第n行的第m個數和第n-m+1個數相等 ,為組合數性質之一。 ...
  • 規則 1. 每次移動一個盤子 2. 任何時候大盤子在下麵,小盤子在上面 方法 假設共n個盤子 當n=1時: 1. 直接把A上的一個盤子移動到C上(A C) 當n=2時: 1. 把小盤子從A放到B上(A B) 這裡開始採用參數,rsc源地址=A,dst目的地址=B 2. 把大盤子從A放到C上( A C ...
  • 應用、藍圖與視圖函數 1. 結構,如圖: 1. Flask最上層是 ,在這個核心對象上可以插入很多藍圖,這個藍圖是不能單獨存在的,必須將app作為插板插入app ,在每一個藍圖上,可以註冊很多靜態文件,視圖函數,模板 ,一個業務模塊可以做為一個藍圖,比如book,之前的book.py 放到了app/ ...
  • python多進程,多線程之鎖機制 鎖添加的原因: 在多進程/多線程同時進入臨界資源區獲取和操作共有資源時,會出現資源的爭奪而出現混亂。為了避免這種混亂現象,python提出了鎖機制 線程鎖/進程鎖的定義和運用: 創建鎖對象: lock = Lock() 鎖對象一旦創建,就可以隨時被進程或者線程調用 ...
  • 項目已提測,這兩天我們都集中精力梳理外包團隊給我司研發的這個三方支付系統的代碼邏輯。今天下午愛琴海會議室,開發組裡一同學分享他對支付結果回調的梳理成果。 支付結果回調的整體時序是:支付渠道方處理完用戶支付信息後,主動調用我方在支付發起時提供的回調地址,把支付結果推給我方,我方處理完成後,回寫字元串“ ...
  • 目錄: 一、安裝GUI工具包:EasyGui 二、導入EasyGui 三、使用EasyGui 四、修改預設設置 五、課時35課後習題及答案 *********************************** 一、安裝GUI工具包:EasyGui ************************* ...
  • 一、列表和集合 二、字典 1 #Author:CGQ 2 #key-value 3 #版本3.6以後dica字典是有序的 4 info={ 5 '123456':"Ren Gong", 6 '123457':"Luan Gong", 7 '123458':"Xiao Gong", 8 } 9 inf ...
  • 問題抽象:當某個操作的執行必須依賴於另一個操作的完成時,需要有個機制來保證這種先後關係。線程通信方案:ManualResetEventSlim、ManualResetEvent、AutoResetEvent方案特性:提供線程通知的能力,沒有接到通知前,線程必須等待,有先後順序。 1、ManualRe ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...