如何建立一個半透明的圓形控件，其文字不與其他控制項重疊？

帶有文字的半透明圓形控制

問題

在一個項目中，我需要添加一個圓形控件，並在中間顯示一些文字。

我的問題是圓圈太小，當我調整它的大小時，它會與其他控制重疊。我希望圓圈的寬度與正方形相同。

或者，如何讓控制項的背景透明？

解

這是一個從 Control 衍生的自訂控件，可以設定為半透明。

介面是一個有顏色的圓圈，可以包含幾個數字。

此控制項公開了以下自訂屬性：

Opacity（不透明度）: 控制項背景的不透明度等級 [0, 255]
InnerPadding（內部填充）: 定義圓圈邊界的內部矩形與控制項邊界之間的距離。
FontPadding（字體填充）: 文字與內部矩形之間的距離。

透過重寫 CreateParams，然後設定 ExStyle |= WS_EX_TRANSPARENT; 來實現透明度。

Control.SetStyle() 方法用於修改控制行為，新增以下 ControlStyles：

▶ ControlStyles.Opaque: 防止繪製控制的背景，因此它不受系統管理。與 CreateParams 結合使用，將控制項的擴充樣式設為 WS_EX_TRANSPARENT，控制項將變得完全透明。
▶ ControlStyles.SupportsTransparentBackColor: 控制項接受其背景顏色的 Alpha 值。如果不也設定 ControlStyles.UserPaint，它將不會用於模擬透明度。我們將透過其他方法自己來做。

要查看其工作原理，請建立一個新的類別文件，用此程式碼取代其中的所有程式碼，保留命名空間並建立專案/解決方案。

新的自訂控制項將會出現在工具箱中。將其拖曳到表單上。根據需要修改其自訂屬性。

控制項的視覺化表示：

注意與免責聲明

• 這是一個原型控件，缺少自訂設計器（無法在此處發布，程式碼太多，也與框架相關聯）。
• 按此處的介紹，它可以完全與窗體或其他容器中的其他控制項重疊。此簡化實作中未處理部分重疊。
• 字體硬編碼為 Segoe UI，因為此字體具有基線，可以簡化圓形區域中間文字的位置。
• 其他字體有不同的基線，需要更複雜的處理。

以上是如何建立一個半透明的圓形控件，其文字不與其他控制項重疊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！