轉帖|行業資訊|編輯:龔雪|2024-08-23 10:23:54.860|閱讀 113 次
概述:本文主要介紹如何在WinForms應用程序種動態繪制系統名稱來替代圖表硬編碼名稱,希望對大家有所啟示和幫助~
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
在以前做程序的時候,一般在登錄窗口里面顯示程序名稱,登錄窗口一般設置一張背景圖片,由于程序的名稱一般都是確定的,所以也不存在太大的問題,不過如果客戶定制不同的系統的時候,需要使用Photoshop修改下圖層的文字,再生成圖片,然后替換一下也可以了。不過本著減少客戶使用繁瑣性,也可以使用空白名稱的通用圖片,配上使用GDI+的方式動態繪制系統名稱的方式處理,發現效果也還不錯,本文來介紹一下這個處理的過程。
PS:給大家推薦一個C#開發可以用到的界面組件——DevExpress WinForms,它能完美構建流暢、美觀且易于使用的應用程序,無論是Office風格的界面,還是分析處理大批量的業務數據,它都能輕松勝任!
DevExpress技術交流群10:532598169 歡迎一起進群討論
如果我們采用傳統的圖片編輯方式,一般傾向于使用Photoshop來處理,不過現在也可以使用剪影來實現更多的效果了。
如原先是采用Photoshop來編輯登錄圖片的內容,這樣系統登錄的時候,就可以直接采用背景圖片了。
需要的時候,在Photoshop找到圖片源文件,替換一下內容,重新生成圖片即可。
然后再系統的登錄界面中,替換一下使用Photoshop生成的背景圖片,就可以簡單的實現了效果的替換了。
使用這種方式創建的文字效果比較豐富,可以充分利用圖片編輯軟件創建的字體效果,不過就是需要安裝這個巨無霸軟件。
前面使用Photoshop生成的背景圖片,是一種解決方案,如果我們有相關的背景圖片,也可以使用軟件的GDI+的方式動態繪制系統名稱。
首先我們使用Photoshop等圖片編輯軟件,編輯一下圖片,保留標題位置為空白,然后也是通用的設置登錄界面的背景,至于文字,我們通過登錄窗口的Paint事件,使用GDI+的方式繪制系統名稱。
我們的軟件系統名稱,一般是設置在配置文件中的,如下是WinForms的App.config文件內容。
<?xml version="1.0" encoding="utf-8"?> <configuration> <appSettings> <!--指定默認的數據庫類型,如果不指定則使用第一個連接字符串--> <add key="DefaultDb" value="sqlserver" /> <!--軟件名稱--> <add key="ApplicationName" value="SqlSugar開發框架" /> <!--開發商名稱--> <add key="Manufacturer" value="廣州愛奇迪軟件科技有限公司" />
如下是系統的繪制邏輯處理,由于處理代碼行數較多,就抽取為輔助函數,方便查看重用。
/// <summary> /// 系統登錄界面 /// </summary> public partial class Login : DevExpress.XtraEditors.XtraForm { /// <summary> /// 配置文件對象 /// </summary> private AppConfig config = new AppConfig(); /// <summary> /// 窗體構造函數 /// </summary> public Login() { InitializeComponent(); //動態繪制軟件的系統名稱 this.Paint += (s, e)=> { string applicationName = config.AppConfigGet("ApplicationName") ?? "SqlSugar開發框架"; applicationName = JsonLanguage.Default.GetString(applicationName); MyHelper.Draw3DTitle(e.Graphics, applicationName, Color.Black, Color.Gray); }; }
上面的MyHelper.Draw3DTitle就是我們封裝的處理方式,用于對GDI+的處理過程進行剝離,提高代碼的可閱讀性。
在介紹代碼的詳細實現過程前,我們來看看使用GDI+實現的效果,其中字體使用了一些3D的效果。
上面登錄界面的效果是自動根據內容生成,其中文字如果比較多,也會自動根據寬度進行適應,把字體大小調整合適。
由于實現的效果相對不是很復雜,因此代碼我就全部貼出來供參考了。主要就是對字體進行調整,以及增加3D效果的處理。
public static void Draw3DTitle(Graphics g, string title, Color frontColor, Color shadowColor, bool useGradient = false, int depth = 5, string fontName = "華文中宋", FontStyle fontStyle = FontStyle.Bold, int maxFontSize = 36, int startX = 140, int startY = 100, int targetWidth = 450, int targetHeight = 100) { // 獲取適合目標寬度的字體大小 var font = GetAdjustedFont(g, title, fontName, fontStyle, targetWidth, maxFontSize, 6); // 繪制陰影 for (int i = depth; i >= 0; i--) { using (Brush shadowBrush = new SolidBrush(Color.FromArgb(255 - (depth - i) * 25, shadowColor))) { g.DrawString(title, font, shadowBrush, new PointF(startX + i, startY + i)); } } Brush textBrush = new SolidBrush(frontColor); // 創建漸變填充 if (useGradient) { textBrush = new LinearGradientBrush(new Rectangle(startX, startY, targetWidth, targetHeight), frontColor, Color.Blue, 45f); } // 繪制前景文本 g.DrawString(title, font, textBrush, new PointF(startX, startY)); } /// <summary> /// 根據目標寬度,調整字體大小 /// </summary> private static Font GetAdjustedFont(Graphics g, string text, string fontName, FontStyle fontStyle, int targetWidth, int maxFontSize, int minFontSize) { // 調整字體大小,直到文本適合目標寬度 for (int size = maxFontSize; size >= minFontSize; size--) { var testFont = new Font(fontName, size, fontStyle); var textSize = g.MeasureString(text, testFont); if (textSize.Width <= targetWidth) { return testFont; } } // 如果沒有合適的大小,返回最小字體大小 return new Font(fontName, minFontSize, fontStyle); }
如果需要更加豐富的效果 ,可以對畫刷進行更多的定義,如可以使用漸變色等處理。
以上就是我們SQLSugar開發框架中,對于動態程序標題的另外一種解決方案,可以根據需要選擇不同的處理方式。
本文轉載自
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: