選單按鈕繪製

2021-09-27 04:20:12 字數 1378 閱讀 6033

首先，使用乙個a元素來作為dom容器：

href="


">


menua


>
對a元素做一些樣式設定：

在這裡，我們要設定的選單要有三條橫線，然後我們在設計關閉按鈕時只能設定兩條橫線。因此，我們需要想其他的方法來設計三條直線：用box-shadow屬性，將陰影的模糊值設為最小，並設定好陰影的spread尺寸，陰影就將呈現為實體形狀，此外，box-shadow還能夠允許我們新增乙個或多個陰影，新增多個陰影九講變相呈現為多個實體形狀。這和之前設定多個白點的思路一樣。

a::after
在a元素的後面新增了三個陰影，分別在縱向10畫素、20畫素、30畫素處繪製高度為2畫素的灰色線條。

之後，要讓after元素移動到文字的左側，並且向上移動一點，與「menu」文字垂直居中：

a::after
這裡解釋一下為什麼要向上移動4畫素的原因：因為三個線條的位置分別是縱座標10px，20px，30px，所以整個三條線的位置高度為30px，再加上他們本身的2px的高度，三條線的總高度是 36px，而「menu」是32px，所以三條線相當於是向下多了4px（最上面是0px，這個可以試驗一下），就要向上移4px，已達到水平。

接著，設定滑鼠滑過時的顏色：

a:hover


a:hover::after
為什麼對於 a:hover::after 不能直接設定 color: #2ecc71 呢？我想的是：那三條線的位置不是在a::after處，而是在被box-shadow設定過的有座標的位置，所以，在設定其顏色時，要在box-shadow中在對應的位置處設定。

DrawFrameControl繪製按鈕

cdc類中的drawframecontrol函式，提供了在dc中繪製按鈕的方法，而不必採用動態建立按鈕的形式。函式原型如下 cpp view plain copy print booldrawframecontrol lprect lprect,uintntype,uintnstate 引數說明 l...

關閉按鈕繪製

關閉按鈕可以用photoshop畫，然後存為。但在這裡，嘗試用css來繪製這個形狀，它的優點在於效果美觀，便於定製和修改，且具有向量縮放能力。先定義乙個容器 class close close mespan 然後，設定兩個偽元素，每個偽元素都是一條線，為了區分，加上白色和紅色。接著，要形成 x 的效...

Unity Unity Editor選單按鈕擴充套件

unity官方教程 本部落格僅供自己記錄要點，一切以官方文件為準。我們可以通過 using unityengine using unityeditor public class menuitems 來擴充套件已有 自定義選單按鈕，上述 中的tools可替換為window這樣的原有選單項。eg.add...