Xamarin forms Schatten auf Rahmen in Android

Die Frame-Klasse in Xamarin Forms ist sehr begrenzt, und kann mir nicht erlauben, um einen Schatten hinter dem Rahmen. Ich habe ein custom-renderer für iOS, mit diesem code:

public class RatingInfoFrameRenderer : FrameRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Frame> e)
    {
        base.OnElementChanged(e);

        Layer.BorderColor = UIColor.White.CGColor;
        Layer.CornerRadius = 10;
        Layer.MasksToBounds = false;
        Layer.ShadowOffset = new CGSize(-2, 2);
        Layer.ShadowRadius = 5;
        Layer.ShadowOpacity = 0.4f;
    }
}

Machen eine ähnliche, auf Android verursacht mir Probleme, da mein wissen über Android native ist eine Art beschränkt. Könnte mir jemand sagen was zu sehen, vielleicht ein paar gute code-Beispiel? Ich habe nicht nichts gefunden, das so ähnlich aussieht wie diese.

InformationsquelleAutor Mikkel Larsen | 2017-02-28
  1. 11

    Kann es sehr leicht in Android-Plattform, aber zuerst müssen Sie erstellen Ihre Schatten unter Drawable Ordner von Android-Ressourcen. Zum Beispiel:

    <?xml version="1.0" encoding="utf-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="#CABBBBBB" />
      <corners android:radius="2dp" />
    </shape>
  </item>

  <item
      android:left="0dp"
      android:right="0dp"
      android:top="0dp"
      android:bottom="2dp">
    <shape android:shape="rectangle">
      <solid android:color="@android:color/white" />
      <corners android:radius="2dp" />
    </shape>
  </item>
</layer-list>

    Nennen Sie diese Datei als "shadow.xml" und platzieren Sie es unter die Drawable - Ordner des Android-Projekts, die sich dann in Ihrem RatingInfoFrameRenderer:

    public class RatingInfoFrameRenderer : FrameRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Frame> e)
    {
        base.OnElementChanged(e);
        if (e.NewElement != null)
        {
            ViewGroup.SetBackgroundResource(Resource.Drawable.shadow);
        }
    }
}

    Ändern den Stil der Schatten, die Sie ändern können shadow.xml Datei für weitere Informationen über diese finden Sie in google ' s offizielle Dokument: LayerList.

    InformationsquelleAutor Grace Feng
  2. 1

    War ich in der Lage, einen Schatten-Effekt in Xamarin Forms für eine box anzeigen, ich bin mir ziemlich sicher, es kann ähnlich verwendet für einen Rahmen. Ich bekam den Hinweis aus Android-Dokumentation

    Ich habe eine neue Eigenschaft namens HasShadow 

            public static readonly BindableProperty HasShadowProperty =
            BindableProperty.Create("HasShadow", typeof(bool), typeof(ExtendedBoxView), false);

        public bool HasShadow
        {
            get { return (bool)GetValue(HasShadowProperty); }
            set { SetValue(HasShadowProperty, value); }
        }

    Hier ist der code für den Renderer in Android

           public class ExtendedBoxViewRenderer : BoxRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<BoxView> e)
    {
        base.OnElementChanged(e);
        var element = e.NewElement as ExtendedBoxView;


        if (element == null) return;

        if (element.HasShadow)
        {
            ViewGroup.Elevation = 8.0f;
            ViewGroup.TranslationZ = 10.0f;


        }

    }

}

    Und das ist, wie es aussieht
    Xamarin forms Schatten auf Rahmen in Android

    UPDATE

    Fand ich heraus, dass dieser Ansatz verursacht app Crashs, die für ältere Versionen von Android. Obwohl ich noch keinen Weg gefunden, die Anzeige von Schatten in Android-Versionen vor Lollipop. Dies wird verhindern, dass jede app stürzt ab

        public class ExtendedBoxViewRenderer : BoxRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<BoxView> e)
        {
            base.OnElementChanged(e);
            var element = e.NewElement as ExtendedBoxView;


            if (element == null) return;

            if (element.HasShadow)
            {
//For some reason ViewCompat has issues when running in debug hence the workaround.
#if DEBUG
                double dAndroidVersion;
                if (double.TryParse(Build.VERSION.Release, out dAndroidVersion))
                {
                    if (dAndroidVersion < 21)
                        return;
                }
#else
                ViewCompat.SetElevation(ViewGroup, 8.0f);
                ViewCompat.SetTranslationZ(ViewGroup, 10.0f);
#endif
            }

        }

    }
    InformationsquelleAutor Madhav Shenoy
Schreibe einen Kommentar