Xamarin.Forms-信息丰富的应用布局建议/说明

时间:2018-11-14 23:05:46

标签: xamarin.forms xamarin.ios xamarin.android

我对移动开发完全陌生,并且希望在此获得任何指导。我正在为Android和iOS做一个简单的信息化应用程序(文本,图像,Web链接),看起来像在此图像上显示的那样: 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标头元素与CarouselView(Xamarin.Forms.CarouselView 2.3.0-pre2)结合使用的功能,从而实现了水平滑动。

我不喜欢的东西:我使用<CarouselView.ItemTemplate><DataTemplate>在CarouselView中创建了滑动页面,但是我想在这里有5个页面,它们具有不同的布局。我不知道该怎么实现。我还注意到单击按钮时堆使用过多(我在每个内容页面上添加了图片进行测试),导致OOM异常,可能是因为多次调用了新的BxPage()。我尝试一次在主页下初始化所有3个页面,但结果相同,所以我不确定它来自哪里。

我知道这是一个很长的时间,甚至可能是一个有点混乱的问题,但是任何答案或只是指向正确的方向(在设计方面)都将不胜感激。

1 个答案:

答案 0 :(得分:0)

  

第1页具有固定的页眉和下面的一些水平滑动页。我想在这里有5个页面,它们具有不同的布局。

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

  

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

您可以将Button 2Button3Button 4用作ToolbarItem。单击ToolbarItem时,可以打开页面或执行某些功能。 Here是有关如何使用ToolbarItem的示例。