Пользовательский рендеринг на IOS CardView из фрейма

Я пытаюсь создать CardView на IOS Xamarin Forms, создав подкласс Frame и создав собственный рендерер. Я хочу добиться чего-то вроде этого:

введите здесь описание изображения

Изучив API для установки тени, я сделал это:

[assembly: ExportRenderer(typeof(CardView), typeof(CardViewRenderer))]
namespace TrabbleMobile.iOS.CustomRenderers
{
    public class CardViewRenderer : FrameRenderer
    {
        public override void Draw(CGRect rect)
        {
            var cardView = (CardView)this.Element;

            using (var context = UIGraphics.GetCurrentContext())
            {
                //nfloat cornerRadius = 2;
                float shadowOffsetWidth = 2;
                float shadowOffsetHeight = 4;
                var shadowColor = new CGColor(0, 0, 0, (nfloat)0.5);
                var boxColor = new CGColor(255, 255, 255);
                var shadowBlur = (float)0.5;
                var offset = new CGSize(shadowOffsetWidth, shadowOffsetHeight);

                context.SetShadow(offset, shadowBlur, shadowColor);

Однако он не отображается должным образом и вообще не имеет тени.


ios xamarin xamarin.forms uigraphicscontext
person Raven    schedule 14.11.2016    source источник
comment
github.com/ xamarin/Xamarin.Forms/blob/   -  person SushiHangover    schedule 14.11.2016
comment
Привет, можешь формализовать это в ответ? Я использовал ссылку на документацию, которую вы прокомментировали, чтобы решить эту проблему. Спасибо! :)   -  person Raven    schedule 15.11.2016

Ответы (1)


arrow_upward
4
arrow_downward

Я сделал это, и я сделал это с помощью пользовательского рендеринга на IOS, и вот код пользовательского рендерера:

    public class CardViewRenderer : FrameRenderer
    {

        public override void Draw(CGRect rect)
        {
            SetupShadowLayer();
            base.Draw(rect);
        }

        void SetupShadowLayer()
        {
            Layer.CornerRadius = 2; // 5 Default
            if (Element.BackgroundColor == Xamarin.Forms.Color.Default)
            {
                Layer.BackgroundColor = UIColor.White.CGColor;
            }
            else
            {
                Layer.BackgroundColor = Element.BackgroundColor.ToCGColor();
            }

            Layer.ShadowRadius = 2; // 5 Default
            Layer.ShadowColor = UIColor.Black.CGColor;
            Layer.ShadowOpacity = 0.4f; // 0.8f Default
            Layer.ShadowOffset = new CGSize(0f, 2.5f);

            if (Element.OutlineColor == Xamarin.Forms.Color.Default)
            {
                Layer.BorderColor = UIColor.Clear.CGColor;
            }
            else
            {
                Layer.BorderColor = Element.OutlineColor.ToCGColor();
                Layer.BorderWidth = 1;
            }

            Layer.RasterizationScale = UIScreen.MainScreen.Scale;
            Layer.ShouldRasterize = true;
        }
    }
person Raven    schedule 26.11.2016
comment
Это работает, но если вы щелкнете и прокрутите до представления списка CardView Renderer, то CardView Renderer вернется в исходное состояние. - person Ufuk Zimmerman; 07.03.2019