Xamarin Forms: AbsoluteLayout

Question

我需要对页面上未在此处列出的其他控件使用AbsoluteLayout。如何布局一个公共的 senerio，其中我在顶部有一个SearchBar，然后是一个填充屏幕其余部分的ListView。

我试过这个，但ListView在SearchBar下不正确

<AbsoluteLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
<SearchBar></SearchBar>
<ListView 
AbsoluteLayout.LayoutFlags="All"
AbsoluteLayout.LayoutBounds="0,0,1,1">
</ListView>
</AbsoluteLayout>    

Answer 1

问题的一部分是您在列表视图上设置的 AbsoluteLayoutFlags。

当您将其设置为 all 时，您告诉布局从 0,0 开始，一直到 1,1。这就是列表视图出现在搜索栏上的原因。

<AbsoluteLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
<SearchBar AbsoluteLayout.LayoutBounds="0,0,1,40"
AbsoluteLayout.LayoutFlags="WidthProportional,PositionProportional"/>
<ListView 
AbsoluteLayout.LayoutFlags="XProportional,SizeProportional"
AbsoluteLayout.LayoutBounds="0,40,1,1">
<ListView.ItemsSource>
<x:Array Type="{x:Type x:String}">
<x:String>mono</x:String>
<x:String>monodroid</x:String>
<x:String>monotouch</x:String>
<x:String>monorail</x:String>
<x:String>monodevelop</x:String>
<x:String>monotone</x:String>
<x:String>monopoly</x:String>
<x:String>monomodal</x:String>
<x:String>mononucleosis</x:String>
</x:Array>
</ListView.ItemsSource>
</ListView>
</AbsoluteLayout>

Xamarin 文档

我确定您引用了文档。我在这里链接了它并引用了其中的一部分。希望它有所帮助。

比例值定义布局和视图之间的关系。 此关系将子视图的位置或缩放值定义为 父布局的相应值的比例。这些 值表示为双精度值，值介于 0 和 1 之间。

比例值用于在 布局。因此，当视图的宽度设置为比例时，结果 宽度值是比例乘以绝对布局的 宽度。例如，宽度为 500 的 AbsoluteLayout 和视图集 比例宽度为 .5，则视图的呈现宽度 将为 250 (500 x .5(。