資訊專欄INFORMATION COLUMN
摘要：結(jié)合自己的經(jīng)驗，采用繪圖，設(shè)計思路就是將所有元素都有獨立的圖層。用戶可自定義圖層，繪制自定義圖層內(nèi)容，支持對目標(biāo)圖層元素的移動放大縮小，置頂和置底顯示等功能。同時這個組件支持導(dǎo)出圖層元素數(shù)據(jù)，并將數(shù)據(jù)加載還原圖形顯示等功能。
最近接了個小項目10K。用了2個下班時間寫完，共花費了6-7個小時完成。如有同類需求的可以與本人聯(lián)系，QQ：120772981
功能目標(biāo)：
需要寫一個仿PPT畫泳道圖的組件。之前寫過工作流的組件，其實這個跟工作流組件基本一樣，所以寫這個也得心應(yīng)手。PPT的效果圖如下,
?
在C#winform里面想要及支持手動拖拽又要只支持自定義的一些功能， 很會想到拖拽控件，控件直接放圖片不就的了嗎？這樣也可以， 但后續(xù)控件元素越來越大的時候，可能會出現(xiàn)控件閃屏，嚴重的可能性能都跟不上，再有如果用戶需要放大和縮小，里面有幾百個元素，是不是很崩潰。?
隨著元素的增加以及用戶的操作邏輯增加，可能會直至跟不上用戶操作的節(jié)奏 。會很托執(zhí)行效率。
結(jié)合自己的經(jīng)驗，采用GDI繪圖，設(shè)計思路就是將所有元素都有獨立的圖層。 用戶可自定義圖層，繪制自定義圖層內(nèi)容，支持對目標(biāo)圖層元素的移動、放大縮小，置頂和置底顯示等功能。同時這個組件支持導(dǎo)出JSON圖層元素數(shù)據(jù)，并將Json數(shù)據(jù)加載還原圖形顯示等功能。
估計是多年經(jīng)驗，寫起來這個設(shè)計思想有得到了進一步的升華。感覺用這個思想寫photoshop問題不大（我吹牛B呢，沒費用搞起來沒啥意義。）。
具體實現(xiàn)界面如下：
1、矩形框
首先我們數(shù)帶圓角的組件 用戶的矩形框追加圓角屬性，搞B/S方面的同學(xué)應(yīng)該都知道CornerRadius或Radius 是圓角屬性，如果我們采用圖片的方式，在拉伸的時候圖形元素就會產(chǎn)生嚴重變形。所以我們通過
原始的GDI加能夠很好的解決這個問題，
?
?
?
通過鼠標(biāo)可任意移動圖層位置，同時，通過鍵盤上、下、左、右按鍵用戶也能夠最圖層進行微調(diào)。
針對很多開發(fā)者說GDI繪圖慢的問題， C# 的GDI繪圖本身并不慢，慢的根本原因還是在于能力不足所致。找找自身代碼原因，有些繪圖能局部刷新，就自己應(yīng)該刷那就刷哪，你非得全刷，再有你的處理明明已經(jīng)阻塞了你還要繼續(xù)同步執(zhí)行。不慢才怪。目前我的這個組件放100個圖層，鼠標(biāo)任意拖拽任意移動，CPU占用率不足5%。?
最后你來個總結(jié)，c# GDI不行。建議別聽風(fēng)是雨。先深入了解一下他的機制。 最主要的就是這個繪圖設(shè)計思想。
對于這個組件支持文字自動換行。設(shè)置字體顏色，邊框顏色以及里面的背景顏色。
外邊框的四個小放款是放大和所有按鈕。鼠標(biāo)點擊是追加了ReSize光標(biāo)，提升用戶指導(dǎo)性操作。
?
?
1、判斷框
跟矩形框相同，用戶也可以對其進行移動、調(diào)節(jié)尺寸，設(shè)置輸入內(nèi)容、設(shè)置邊框顏色，背景顏色，字體大小，字體顏色等屬性。
?
?
?每個圖形元素都是一個獨立的圖層，用戶可以對其設(shè)置置頂，和置底。如下圖：
?
?置于底層
?
?
3、文檔框
?所有的基礎(chǔ)屬性都集成一個基類元素，基類元素均包含以下操作， 用戶也可以對其進行移動、調(diào)節(jié)尺寸，設(shè)置輸入內(nèi)容、設(shè)置邊框顏色，背景顏色，字體大小，字體顏色等屬性。
?
?
?4、平行四邊形框
?
5、泳道圖層
?
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/123993.html
摘要：而瀏覽器渲染與密切相關(guān)，因此只有了解其中工作原理才能讓更好地工作。瀏覽器也稱為布局渲染方式瓦片渲染流暢動畫總結(jié)參考文章瀏覽器用戶界面包括地址欄前進后退按鈕書簽菜單等。瀏覽器引擎在用戶界面和渲染引擎之間傳送指令。渲染引擎負責(zé)顯示請求的內(nèi)容。 singsong: 文本是自己看了一些不錯資料整理出來的，對該知識點感興趣的同學(xué)可以查看參考文章小節(jié)。 ??最新內(nèi)容請以github上的為準?? 為...
摘要：當(dāng)用戶滾動頁面時，合成線程會通知主線程更新頁面中最新可見部分的位圖。但是，如果主線程響應(yīng)地不夠快，合成線程不會保持等待，而是馬上繪制已經(jīng)生成的位圖，還沒準備好的部分用白色進行填充。 動畫做多了，自然就要考慮性能，我打算出一個系列的日志，詳細的講解一下網(wǎng)頁動畫性能相關(guān)的知識，如果你已經(jīng)可以運用css3 canvas來做動畫，可以來參考一下。 目前我做的最復(fù)雜的動畫就是360搜索中PC端的...
閱讀 3637·2023-04-26 02:05
閱讀 2078·2021-11-19 11:30
閱讀 4313·2021-09-30 09:59
閱讀 3236·2021-09-10 10:51
閱讀 2678·2021-09-01 10:30
閱讀 1596·2021-08-11 11:20
閱讀 2682·2019-08-30 15:54
閱讀 621·2019-08-30 10:49
