1. 首頁
  2. 問答
  3. Xamarin Forms：帶圓角的StackLayout

Xamarin Forms：帶圓角的StackLayout

2016-12-16 633 views
13

我正在開發一個使用xamarin表單pcl的應用程序。我需要一個帶圓角的堆疊佈局。我已經嘗試過框架以及圓角容器，但沒有可用的角落半徑屬性。我找不到ios，android，uwp，windows 8.1的渲染器。Xamarin Forms：帶圓角的StackLayout

請任何人都可以告訴我如何實現帶有圓角的堆疊佈局以及所有平臺的角半徑特性。 enter image description here

來源

2016-12-16 Sonali

+0

https://github.com/paulp atarinski/Xamarin.Forms.Plugins /樹/大師/ RoundedBoxView – Depechie

+0

@Depechie我不需要boxview我想stacklayout，這樣我就可以把元素放入它 – Sonali

+1

仍然可以把東西放在盒子視圖頂部 – Depechie

回答

6

使用後，實現您的期望輸出

Xamarin窗體控件： https://github.com/nitescua/Xamore/blob/master/Xamore.Controls/Border.cs

的iOS： https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.iOS/Renderers/BorderRenderer.cs

安卓 https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.Droid/Renderers/BorderRenderer.cs https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.Droid/Renderers/BorderRendererVisual.cs （注意https://github.com/nitescua/Xamore/tree/master/Xamore.Controls.Droid/Renderers一些文件有編譯設置爲無，我是在做摹一些測試，需要刪除這些）

WinPhone： https://github.com/nitescua/Xamore/blob/master/Xamore.Controls.WinPhone/Renderers/BorderRenderer.cs

來源

2016-12-24 07:57:02

+0

感謝@jay Patel對於這段代碼，你有沒有關於如何創建自定義角落radious（就像只剩下左）的例子。我在Android和WP中找到了一種方式，但是IOS不能正常工作 – safi

16

可以使用frame，默認情況下把StackLayout裏面，注意鏡框取填充20：

<Frame CornerRadius="10" 
     OutlineColor="Red" 
     Padding="0"> 
      <StackLayout> 

      </StackLayout> 
</Frame>

來源

2017-07-12 08:52:20

+1

我們可以增加角半徑嗎？ – Sonali

+1

我們可以調整邊框寬度嗎？ –

+0

如果你想增加圓角半徑或調整邊框寬度，你應該實現自定義渲染器。我在這裏寫到： https://gist.github.com/ads90/49cdea7d609a5b364eb34c9feedb7271 –

相關問題

 相關問題