這不適用於Android。 Bug報告爲here。
解決方案1:
你應該做一個Renderer
爲Frame
爲Android平臺如下:
using System;
using Android.Graphics.Drawables;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using XFormsUI.Droid;
[assembly: ExportRenderer(typeof(Frame), typeof(RoundBorderFrameRenderer))]
namespace XFormsUI.Droid
{
public class RoundBorderFrameRenderer : FrameRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<Frame> e)
{
base.OnElementChanged(e);
if (e.NewElement != null && e.OldElement == null)
{
SetBackgroundResource(Resource.Drawable.round_border_frame);
//Write following lines if you want to bring the XAML Frame Elements's background Color into Native. Otherwise, Frame's BackgroundColor will not be effective.
GradientDrawable drawable = (GradientDrawable)Background;
string FrameBackgroundColorHex = String.Format("#{0:X2}{1:X2}{2:X2}", (int)(e.NewElement.BackgroundColor.R * 255), (int)(e.NewElement.BackgroundColor.G * 255), (int)(e.NewElement.BackgroundColor.B * 255));
drawable.SetColor(Android.Graphics.Color.ParseColor(FrameBackgroundColorHex));
}
}
}
}
這也需要一個xml
(round_border_frame.xml)
選擇文件。將該文件放入您的Drawable
文件夾中。
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<!--We need to give Frame's 'BorderColor Here-->
<stroke android:width="1dp" android:color="#FF0000" />
<corners android:radius="10dp" />
</shape>
解決方案2:
使用Renderer
而不選擇XML文件。 Source。
using System;
using Android.Graphics;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using XFormsUI.Droid;
[assembly: ExportRenderer(typeof(Frame), typeof(RoundBorderFrameRenderer))]
namespace XFormsUI.Droid
{
public class RoundBorderFrameRenderer : FrameRenderer
{
public override void Draw(Canvas canvas)
{
base.Draw(canvas);
using (var paint = new Paint { AntiAlias = true })
using (var path = new Path())
using (Path.Direction direction = Path.Direction.Cw)
using (Paint.Style style = Paint.Style.Stroke)
using (var rect = new RectF(0, 0, canvas.Width, canvas.Height))
{
float px = Forms.Context.ToPixels(Element != null ? Element.CornerRadius : 10); //Default Corner Radius = 10
float py = Forms.Context.ToPixels(Element != null ? Element.CornerRadius : 10); //Default Corner Radius = 10
path.AddRoundRect(rect, px, py, direction);
//Set the Width of the Border here
paint.StrokeWidth = 1f;
paint.SetStyle(style);
//Take OutLineColor from XAML Frame element and set it natively here.
string FrameBorderColorHex = String.Format("#{0:X2}{1:X2}{2:X2}", (int)(Element.OutlineColor.R * 255), (int)(Element.OutlineColor.G * 255), (int)(Element.OutlineColor.B * 255));
paint.Color = Android.Graphics.Color.ParseColor(FrameBorderColorHex);
canvas.DrawPath(path, paint);
}
}
}
}
解決方案3:
然而,這是不是最好的解決方案,但它是一種解決方法的: 包裝你的外Frame
內的另一個Frame
有Padding
並設置其BackgroundColor
到任何您的邊框顏色應該是。
說明:我還沒有在iOS系統上對此進行檢查。
<Frame BackgroundColor="Red" CornerRadius="10" Padding="1,1,1,1">
<Frame CornerRadius="10" BackgroundColor="White">
<StackLayout Orientation="Horizontal">
<Label Text="TEST" VerticalOptions="Center" />
<Label Text="For OUTLINE" VerticalOptions="Center" />
</StackLayout>
</Frame>
</Frame>
人們正在討論這個thread。
希望這會有所幫助!