Question

我有一个使用ContentPage中的网格制作的表单，例如：

<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" 
      />

Answer 1

如果您希望自定义指标位于中心并在网格的其余内容上绘制，只需执行以下操作：

<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代码中定义的。

要使其正常工作，请记住进行必要的绑定以隐藏/显示您的自定义活动指示器。

Xamarin-使出现在网格表单上的元素

1 个答案: