---
description: 這裡會設計兩種狀態的按鈕，「按下」與「彈回」兩種狀態，打光與陰影的方式略微不同，但同樣都有用到「打洞」(也就是「反面遮罩」) 的技巧。
---

# 按鈕設計

按鈕設計裡用到的型別有：

* [SystemImage 📦](../../custom-types/system-image)
* [IconCard 📦](button-design/iconcard)
* [ButtonUp, ButtonDown 📦](button-design/tab-bar-button)

至於如何「打洞」的細節請參照：「[.inverseMask()](../../../../custom/ext/view/.inversemask)」

![](https://1830103165-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M5-JmwCZMKh_d7RfBaN%2F-MHQGoSnGtFq6xroExp-%2F-MHQH-4Y7VRdRJRH7OQZ%2Finverse%20mask.png?alt=media\&token=0fd09519-3b9e-47cc-96d4-092214b9d29c)
