Xamarin.Forms 中的动态 UI答案

【问题标题】：Dynamic UI in Xamarin.FormsXamarin.Forms 中的动态 UI
【发布时间】：2017-02-10 23:02:26
【问题描述】：

我想向移动应用页面添加一个可滚动菜单。
这里的转账、账户、支付和交易是从 XML 文件生成的。
其余的是静态布局。

我正在使用 Xamarin.Forms。
我想知道如何动态生成 UI 组件并使用 Xamarin.Forms 将它们附加到占位符。

【问题讨论】：

在 Xamarin 站点上有许多使用 XAML 和以编程方式构建 UI 的示例。你具体有什么不明白的？
@Jason 我希望人们想出他们关于如何实现目标的想法。这样，如果我看到一个比我已经拥有的更好的解决方案，我可以采用那个解决方案。如果我的解决方案优于所有提出的解决方案，或者如果没有提出解决方案，那么我可以发布我的解决方案。这就是我学习编码的方式，而在这样的问答网站上这样做的人帮助我节省了数小时的工作时间。我想我有一个有效的问题。
@SandahAung 这是一个有效的问题。也就是说，我建议您先发布您的解决方案，如果您的解决方案给您带来问题，请提出批评。

标签： xamarin.forms

【解决方案1】：

动态 UI 创建就像人们所说的那样简单，并且有很多示例。但我认为问题在于根据您的需要创建自己的控件。例如，我最终编写了自己的带有图像的按钮，如下所示：

因此，您必须编写一个创建垂直堆栈布局的方法（假设为外部容器），并将水平容器添加到该“外部容器”（假设为内部容器），而不是向此“添加图像和标签”内部容器”并制作“innerContainer.HorizontalOptions = LayoutOptions.Center”等。如果你想要边框，它会变得复杂:)

Vertical Stack (whole container)
->Vertical Stack (height 2px) upper border
->Horizontal Stack (to hold middle controls,left border,inner image and text holder, right border etc.)
    ->Horizontal Stack (width 2 px) left border
    ->Vertical Stack (layoutOptions=Fillandexpand)
        ->Image (layoutOptions=Center)
        ->Label (layoutOptions=Center)
    ->Horizontal Stack (width 2 px) right border
->Vertical Stack (height 2px) lower border

所以你必须加入像这个层次结构这样的控件。首先考虑如何使用现有控件绘制控件而不是对其进行编码:) 希望我说清楚了。

【讨论】：

在表格单元格中使用此策略时要小心。像这样嵌套 StackLayouts 可能会产生巨大的性能损失。

【解决方案2】：

我认为您可以使用 xamarin.forms 的新功能“集合视图”或“可绑定布局”使其动态化。

【讨论】：

请详细说明