Xamarin.Forms中的条目自定义渲染器（为Android添加所有边框）

Question

我有个问题。 我需要使用Xamarin.Forms将所有边框添加到Android中的条目。 我在PCL中创建了renderer类，并在xaml文件中对其进行了引用。 然后，我在Android项目中为渲染器创建了特定的类。 我有这个：

[assembly: ExportRenderer (typeof(EntryCustom), ypeof(EntryRendererCustom))]
namespace InstagramApp.Droid.Renderers
{
 public class EntryRendererCustom : EntryRenderer
 {
    protected override void OnElementChanged(ElementChangedEventArgs<Entry>, e)
    {
        base.OnElementChanged(e);

        if(Control != null)
        {

        }
    }

  }
}

现在，我必须在IF语句中添加代码，但是xamarin和渲染器是我的新手。 有人能帮我吗？ 如果有人也可以向我解释一些有关如何使用自定义渲染器的基础知识，那对我来说可能就是黄金。 谢谢大家！

Answer 1

这是您可以做到的：

[assembly: ExportRenderer(typeof(Entry), typeof(EntryRendererImplementation))]
namespace MyProject.Droid.Renderers
{
    public class EntryRendererImplementation : EntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.Background = this.Resources.GetDrawable(Resource.Drawable.RoundedCornerEntry);
                Control.SetPadding(10,10,10,3);
            }
        }
    }
}

您将必须在android项目中的Resources / drawable / RoundedCornerEntry.xml中创建此文件

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_focused="true" >
    <shape android:shape="rectangle">
      <gradient
          android:startColor="@color/entry_background"
          android:endColor="@color/entry_background"
          android:angle="270" />
      <stroke
          android:width="1dp"
          android:color="@color/entry_border" />
      <corners
          android:radius="6dp" />
    </shape>
  </item>
  <item>
    <shape android:shape="rectangle">
      <gradient
          android:startColor="@color/entry_background"
          android:endColor="@color/entry_background"
          android:angle="270" />
      <stroke
          android:width="1dp"
          android:color="#c6c6c6" />
      <corners
          android:radius="6dp" />
    </shape>
  </item>
</selector>

当然，您需要更新Resources / values / colors.xml文件，例如：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="entry_background">#ffffff</color>
  <color name="entry_border">#BDBDBD</color>
</resources>

你去！

Answer 2

您在xamarin页面上有很多自定义渲染的示例。

这是一个长说明： https : //developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/

这是一个hybridwebview的示例：

https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/hybridwebview/

Answer 3

要了解如何与Custome Renderers一起使用，有很多与此相关的书面教程和视频，因此最好检查一下自己，

还有其他方法可以添加边框而无需使用自定义渲染器，这取决于您说边框时要记住的图像是什么

1. 将条目放入框架中
2. 将条目放在boxView上方，这样您就可以更好地控制“边界”，例如厚度，不透明度甚至动画（也许您希望边框闪烁）

要执行第二种方法，我将为此使用网格

<Grid>
   <BoxView Color="Blue" />
   <Entry/>
</Grid>

对于这种情况，此处的顺序对于网格非常重要，在这种情况下，首先定义的元素位于下面。 另一个明显的观点是BoxView的高度和宽度应该比Enrty的高度和宽度稍大，并且盒子越大，边框越厚（我仍然在这里谈论代码;））