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



我对移动开发完全陌生,如果有任何指导意见,我将不胜感激。我正在为Android和iOS做一个简单的信息应用程序(文本、图像、网络链接(,看起来像是在这张图片上展示的:首选应用程序布局示例

说明:带有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页中,我使用固定标题元素与CarouselView(Xamarin.Forms.CarouselView2.3.0-pre2(相结合,以实现水平滑动。

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

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

第1页有固定的页眉和下面的几个水平滑动页。我想要5页不同布局的纸。

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

其中2和3很简单(可能有垂直滚动(,按钮4实现了对预定义数字的调用功能,没有内容。

您可以使用Button 2Button3Button 4作为ToolbarItem。当您点击ToolbarItem时,您可以打开页面或执行某些功能。下面是一个关于如何使用ToolbarItem的示例。

最新更新