Question

我在Xamarin Forms Shared项目上使用Frame控件。我只是有一些风格：

<Color x:Key="Info">#0060ac</Color>
...
<Style x:Key="LabelContainer" TargetType="Frame">
    <Setter Property="Padding" Value="5" />
    <Setter Property="HorizontalOptions" Value="Fill" />
</Style>
<Style x:Key="LabelContainer-Info" TargetType="Frame" BasedOn="{StaticResource LabelContainer}">
    <Setter Property="BackgroundColor" Value="{DynamicResource Info}" />
</Style>

和XAML页面中的简单Frame控件：

        <Frame x:Name="CreditCardPaymentResultFrame" Style="{StaticResource LabelContainer-Info}" Padding="0">
            <Label x:Name="PaymentErrorLabel" Text="Lorem ipsum" IsVisible="True" 
                   HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
                   VerticalTextAlignment="Center" HorizontalTextAlignment="Center" 
                   FontSize="18" TextColor="White">
            </Label>
        </Frame>

我得到这样的事情：

现在，如果我尝试在运行时更改背景颜色：

CreditCardPaymentResultFrame.BackgroundColor = Color.FromHex("#ed3700");

帧控制失去边框圆度：

我不明白这种行为，我需要改变背面颜色，但我想保持圆润的边缘。

感谢任何给我一只手的人

Answer 1

面对Android上的类似问题，但与边框的颜色有关。为了解决这个问题，我创建了一个新控件，从Frame继承了它并为其实现了渲染器，但使用VisualElementRenderer<Frame>作为基类而不是FrameRenderer：

[assembly: ExportRenderer(typeof(MyFrame), typeof(MyFrameRenderer))]
namespace Android.Renderers
{
  public class MyFrameRenderer : VisualElementRenderer<Frame>
  {
    protected override void OnElementChanged(ElementChangedEventArgs<Frame> e)
    {
        base.OnElementChanged(e);

        if (e.NewElement != null)
        {
            var drawable = new GradientDrawable();
            ViewGroup.SetBackground(drawable);
            UpdateBackgroundColor(drawable);
            UpdateCornerRadius(drawable);
            UpdateOutlineColor(drawable);
            UpdateShadow();
        }
    }

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);

        var drawable = ViewGroup?.Background as GradientDrawable;
        if (drawable != null)
        {
            if (e.PropertyName == VisualElement.BackgroundColorProperty.PropertyName)
            {
                UpdateBackgroundColor(drawable);
            } 
            else if (e.PropertyName == Frame.CornerRadiusProperty.PropertyName)
            {
                UpdateCornerRadius(drawable);
            }
            else if (e.PropertyName == Frame.OutlineColorProperty.PropertyName)
            {
                UpdateOutlineColor(drawable);
            }
            else if (e.PropertyName == Frame.HasShadowProperty.PropertyName)
            {
                UpdateShadow();
            }
        }
    }

    protected override void UpdateBackgroundColor()
    {
        // This method doesn't work well in Xamarin.Forms -Version 2.3.4.247
    }

    private void UpdateCornerRadius(GradientDrawable drawable)
    {
        drawable.SetCornerRadius(Element.CornerRadius);
    }

    private void UpdateOutlineColor(GradientDrawable drawable)
    {
        drawable.SetStroke(1, Element.OutlineColor.ToAndroid());
    }

    private void UpdateBackgroundColor(GradientDrawable drawable)
    {
        drawable.SetColor(Element.BackgroundColor.ToAndroid());
    }

    private void UpdateShadow()
    {
        if (Element.HasShadow)
        {
            Elevation = (float)Context.FromPixels(10);
        }
        else
        {
            Elevation = 0;
        }
    }
  }
}

设置Frame.BackgroundColor在Xamarin表单上丢失圆角

1 个答案: