xamarin - Xamarin - 在网格表单上显示元素
问题描述
我有一个使用 ContentPage 内的 Grid 制作的表单,例如:
<ContentPage>
<Grid RowSpacing="0"
>
<Grid.RowDefinitions>
<RowDefinition Height="90" />
<RowDefinition Height="1" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid BackgroundColor="{StaticResource TopBackground}" Padding="16" RowSpacing="4" ColumnSpacing="0"
>
<Grid.RowDefinitions>
<RowDefinition Height="4*" />
<RowDefinition Height="6*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Text="BUTTON"
FontSize="20" Grid.Row="1" Grid.Column="1"
/>
</Grid>
<BoxView Grid.Row="1" HeightRequest="1" BackgroundColor="{StaticResource ColorSeparador}" HorizontalOptions="FillAndExpand" />
<ScrollView Grid.Row="2">
<StackLayout Orientation="Vertical" Margin="16" Spacing="4"
>
<local:ContactEntry HeightRequest="35" Keyboard="Email" x:Name="emailEntry" "/>
<Button Margin="0,30,0,50" Grid.Row="9" Text="Send"
x:Name="BtnEntrar" Clicked= "onEnviarClicked" B/>
</StackLayout>
</ScrollView>
</Grid>
</ContentPage>
我的问题是我的自定义忙碌指示元素(避免覆盖整个页面)在用户发送表单时会出现在表单的中心和上方的位置和位置?
<custom:MyAct
WidthRequest="150" HeightRequest="150"
/>
解决方案
如果您希望自定义指标位于中心并绘制在网格的其余内容上,只需执行以下操作:
<ContentPage>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="90" />
<RowDefinition Height="1" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<!-- Your content here -->
<custom:MyAct
Grid.Row="0"
Grid.RowSpan="3"
WidthRequest="150"
HeightRequest="150"
VerticalOptions="Center"
HorizontalOptions="Center" />
</Grid>
</ContentPage>
这样,由于您已经为网格定义了 3 行,因此您的自定义活动指示器将占用与整个网格一样多的空间,这要归功于属性Grid.RowSpan="3"
. 此外,指示器将出现在网格中的所有其他内容之上,因为它是在 XAML 代码中定义的。
要使其正常工作,请记住进行必要的绑定以隐藏/显示您的自定义活动指示器。
推荐阅读
- ios - Can't connect to BLE Peripheral in some iOS devices
- c# - Android design time annotations (@Size, @IntRange etc.) equivalent in .NET
- powershell - Powershell Reg.GetValue 为实际值“ffffffff(十六进制)/ 4294967295(十进制)”提供输出为“-1”
- url - Share a shape using Google Maps URL's
- python - 在 python 中调整图像大小,以便可以避免被拉伸
- android - 任务':tipsi-stripe:generateDebugRFile'执行失败找不到com.google.firebase:firebase-core:17.3.4
- python - AutoLGB 调整“列表索引超出范围”
- reactjs - Next.js commerce / React - 功能组件中的 useRouter - 动态标头语言环境
- ffmpeg - 如何使用 FFMpeg 去拜耳 bmp 图像?(.exe 文件)
- excel - 使用带有逗号分隔值的 excel MID 函数