Flutter 貝塞爾曲線切割

現在人們對於**的美感要求是越來越高了，所以很多布局需要優美的曲線設計。當然最簡單的辦法是作乙個png的透明，然後外邊放乙個container.但其內容如果本身就不是，只是容器，這種放入的做法會讓包體變大。其實我們完全可以使用貝塞爾曲線進行切割。

clippath控制項可以把其內部的子控制項切割，它有兩個主要屬性（引數）:

class

curvepage extends statelesswidget

}

在scaffold裡放置了乙個列容器，然後把clippath控制項放到了裡邊，clippath的子元素是乙個容器控制項container。bootomclipper是我們自定義的乙個物件，裡邊主要就是切割的路徑。

我們主要的貝塞爾曲線路徑就寫在getclip方法裡，它返回一段路徑。

乙個二階的貝塞爾曲線是需要控制點和終點的，控制點就像一塊磁鐵，把直線吸引過去，形成乙個完美的弧度，這個弧度就是貝塞爾曲線了。

我們先來熟悉一下裁切路徑和貝塞爾曲線，作乙個最簡單的貝塞爾曲線出來。

全部**如下：

在上面**的基礎上修改為波浪式的貝塞爾曲線，波浪形式的只要把裁切變成兩個對稱的貝塞爾曲線就可以實現了。

**如下：

//
曲線路徑
class bottomclipper extends customclipper
@override
bool shouldreclip(customclipperoldclipper) 
}