0

我有个问题。我需要使用 Xamarin.Forms 将所有边框添加到 Android 中的条目。我在 PCL 中创建了渲染器类，并在 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 和渲染器的新手。有人能帮我吗？如果有人也可以向我解释一些有关如何使用自定义渲染器的基础知识，那对我来说可能是黄金。谢谢大家！

4

3 回答 3

4

这是你可以做到的：

[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>

给你！

于 2017-03-22T10:39:24.193 回答
0

要了解如何使用自定义渲染器，有很多关于此的书面和视频教程，所以最好自己检查一下，

还有其他方法可以在不需要使用自定义渲染器的情况下添加边框，这取决于您在说边框时想到的图像是什么

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

要执行第二种方法，我会使用这样的网格

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

这里的顺序在网格中很重要，对于这种情况，首先定义的元素放在下面。另一个明显的一点是BoxView的高度和宽度应该比Enrty的略大，盒子越大边框越厚（我这里仍然在谈论代码；））

于 2017-03-22T09:41:49.650 回答
0

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

这是一个很长的解释： https ://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/

这是一个混合网络视图的示例：

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

于 2017-03-22T09:38:28.567 回答