如何在屏幕底部 position 我的 .NET 毛伊框架？

Question

<Frame BorderColor="#2f3136"
          CornerRadius="20"
          BackgroundColor="#2f212b"
          Grid.Row="0">
                
               <Editor x:Name="inputBox" 
                       Placeholder="Enter your message (2000 characters max)"
                       TextChanged="inputBox_Changed"
                       Completed="inputBox_Completed"
                       MaxLength="2000"
                       Keyboard="Chat"
                       AutoSize="TextChanges"/>
            
            </Frame>

框架位于屏幕顶部，我该如何让它做相反的事情，而是坐在屏幕底部？

Answer 1

正如 jason 所说，知道它包含在哪种容器中会很有帮助。

从您的代码中，我们知道您应该使用Grid out of the Frame 。 在这种情况下，我们可以将Frame设置为 Grid 的最后一行。

并设置Gird的另一部分占据屏幕剩余的所有position。

您可以参考以下代码：

<Grid Margin="20,35,20,20"> 
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="100" />
    </Grid.RowDefinitions>

    <StackLayout BackgroundColor="Green" 
                 VerticalOptions="FillAndExpand"  
                 Grid.Row="0">
                   
    </StackLayout>
           
    <Frame BorderColor="#2f3136" 
      CornerRadius="20"
      BackgroundColor="#2f212b" 
           
      HeightRequest="100"
      Grid.Row="1"
      VerticalOptions="End" >
        <Editor x:Name="inputBox" 
                   Placeholder="Enter your message (2000 characters max)"
                   MaxLength="2000"
                   Keyboard="Chat"
                   AutoSize="TextChanges"/>

    </Frame>
</Grid>

笔记：

1.假设有两行，我将Frame的Grid.Row设置为1并添加以下属性：

VerticalOptions="End"

2.我将第一行的高度设置为*

      <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="100" />
    </Grid.RowDefinitions>