自定义 Xamarin.Forms 布局

Question

我正在使用 Xamarin Forms 构建 Android 和 iOS 应用程序。

我只是想在我的 Android 应用程序上为我的ListView 项目设置一个可绘制的背景。我的ListView 项目的根视图是StackLayout 的：

var listView = new ListView
{
    ItemsSource = items,
    ItemTemplate = new DataTemplate(() =>
    {
        return new ViewCell
        {
            View = new StackLayout(...)
        };
    }
};

我知道我可以使用自定义渲染器访问本机元素：

public class MyEntryRenderer : EntryRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
    {
        base.OnElementChanged(e);

        if (e.OldElement == null) {
            var nativeEditText = (EditText)Control;
            ...
        }
    }
}

但我不确定这对于StackLayout（或任何其他布局）如何工作。

我先扩展StackLayout：

public class ListViewItem : StackLayout
{
}

我在某处读到布局使用VisualElementRenderer，所以我尝试了以下方法：

public class ListViewItemRenderer : VisualElementRenderer<StackLayout>
{
    protected override void OnElementChanged(ElementChangedEventArgs<StackLayout> e)
    {
        base.OnElementChanged(e);

        // any way to access the native element?
    }
}

但VisualElementRenderer 似乎无法让我访问本机元素。

那么有什么方法可以访问 Layout 元素的原生元素吗？或者，也许有一种不同的方法可以在我的 Android 应用中的布局上简单地设置背景可绘制对象？

Answer 1

即使我仍然不知道如何访问布局的本机元素，VisualElementRenderer 有一种方法可以在 Android 上设置背景可绘制对象（这正是我所需要的）。所以我最终得到了以下结果：

protected override void OnElementChanged(ElementChangedEventArgs<StackLayout> e)
{
    base.OnElementChanged(e);
    SetBackgroundDrawable(Resources.GetDrawable(Resource.Drawable.listViewItem));
}

Answer 2

我了解到您希望连接到现有的 布局渲染器 并扩展它以访问具有额外功能（如 背景图像）的本机元素。

最终将支持 background-image 就像 background-colour 一样，我想，跨 Layout 控件。等待这个可能是值得的，因为我不明白他们为什么不在以后的版本中实现这些。

与此同时，您需要一些可以工作并且很容易实现的东西？

通过从 Layout 继承渲染器来创建可绘制的背景可能不是最简单的解决方案，尽管它确实有其优势，因为您可以轻松地在所有 应用程序的strong>布局。

但是，在 ListViewItemRenderer 的代码中，它继承自 Xamarin.Forms 控件（您指定了 StackLayout）并且没有指定一个本地的、平台相关的控件，作为布局控件的基础，该控件必须与使用的 Xamarin.Forms 平台相关控件相匹配。

每个 Renderer 都与一个 native 元素相关联。 布局控件与其他自定义原生控件渲染器没有什么不同。

对于自定义控件，您将编写一个类似于以下内容的渲染器（注意我没有指定 layout 渲染器，因为我还没有需要这样做，我只是去根据过去的经验 - 但类似的规则应该适用于为 layout 实现 renderer 而不是自定义控件）：-

// System.Windows.Controls.Grid in this case is the root native control for a WindowsPhone renderer of MyControl
public class MyControlRenderer : ViewRenderer<MyControlView, System.Windows.Controls.Grid>

有一种更简单的方法，但是可以实现您想要做的事情：-

更简单的方法是从 Stack Layout 控件继承而不是继承自 Grid 作为控件的根。

然后，您可以将 Image 控件添加到 Grid 并为同一 Grid 添加 Stack Layout 行和列。

通过执行上述操作，您将能够在整个列表视图项行中实现背景图像。