Xamarin.Forms -信息性应用程序布局建议/说明

Question

我对移动开发完全陌生，如果有任何指导意见，我将不胜感激。我正在为安卓和iOS做一个简单的信息性应用程序(文本，图片，网页链接)，看起来就像这个图片上显示的那样：Preferred app layout example

说明:有4个按钮的顶栏总是在那里。按钮1-3在3个独立页面之间切换，其中2和3是简单的(可能是垂直滚动)，但页面1有固定的标题和一些水平滑动页面。按键4实现对预定义号码的呼叫功能，无内容。

我做了什么:在研究了一段时间后，我试着用最简单、最直接的方法来做这件事。我的主页(ContentPage)下面有一些按钮(网格和<ContentView x:Name="PageHolder">)。在单击按钮1-3时，我将PageHolder.Content设置为所需页面(PageHolder.Content = new B2Page().Content)，所有3个也都是ContentPages。在页面B1中，我用来将fixead header元素与CarouselView (Xamarin.Forms.CarouselView 2.3.0-pre2)组合在一起，这可以实现水平滑动。

我不喜欢的是:我使用<CarouselView.ItemTemplate><DataTemplate>在CarouselView中创建了滑动页面，但我希望在这里有5个不同布局的页面。我不知道如何做到这一点。我还注意到单击按钮时堆使用量过大(我为每个内容页面添加图片以进行测试)，导致OOM异常，可能是因为新的BxPage()被多次调用。我试着在主页下初始化所有3个页面，但得到了相同的结果，所以我不确定这是从哪里来的。

我知道这个问题很长，甚至可能有点乱，但是任何答案，或者只是指向正确的方向(在设计方面)都会非常感谢。

Answer 1

页面1有固定的标题和下面的一些水平滑动页面。我想在这里有5个不同的布局页面。

您可以尝试使用Xamarin.Forms TabbedPage，它由一个选项卡列表和一个更大的详细区域组成，每个选项卡都将内容加载到详细区域。

其中2和3很简单(可能有垂直滚动)，按钮4实现了对预定义号码的呼叫功能，没有内容。

您可以使用Button 2、Button3和Button 4作为ToolbarItem。当您单击ToolbarItem时，您可以打开页面或执行某个函数。Here是一个关于如何使用ToolbarItem的例子。