僅設置nativescript中按鈕的兩個圓角

Question

是否可以在nativescript中只設置按鈕的兩個圓角？我不確定是否將半徑指定爲css屬性會起作用，因爲圓角四捨五入所有四個角，而我似乎無法在剪輯路徑中找到半圓或半橢圓。

Answer 1

目前，NativeScript僅支持統一的邊界半徑。您可以嘗試設置多邊形剪輯路徑。這裏是一個多邊形夾路徑剪輯明星的例子：

<Button text="polygon" style="background-color: magenta; border-width:2; border-color: red; clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);" row="3" /> 

This可以幫助你與剪輯路徑四捨五入的角落。

Answer 2

您也可以使用這個工具來生成夾路徑： http://bennettfeely.com/clippy/

Answer 3

我需要的東西就像一個聊天氣泡，所以我裹般stacklayout-容器內的圓形標籤，並設置左/右頁邊距關集裝箱。