2017-10-17 48 views
0

努力获得正确的布局按图片 正如你的情况下看到你卡尼似乎与columnspan和行跨度奋斗布局问题,电网无法得到它的权利

enter image description here

下面是我做了什么

<Grid 
      ColumnSpacing="10" 
      RowSpacing="10" 
      HorizontalOptions="FillAndExpand" 
      VerticalOptions="FillAndExpand"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="50"/> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="Auto"/> 
      </Grid.ColumnDefinitions> 


      <Label Grid.Row="0" Grid.ColumnSpan="4" Text="Title" BackgroundColor="Beige" HorizontalOptions="FillAndExpand"/> 
      <Label Grid.Row="1" Grid.Column="3" Text="Label1" HorizontalOptions="Start"/>   
      <Label Grid.Row="1" Grid.Column="4" Text="Label2"/> 
      <Label Grid.Row="2" Grid.Column="1" Text="Label3" HorizontalOptions="Start"/> 
      <Label Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="4" Text="Label4" BackgroundColor="Gainsboro"/> 
     </Grid> 

任何想法,更正

回答

0

你已经在过去的两个标签出错了。列应为0,像

Grid.Column = “0”

试试这个:

<Grid 
    ColumnSpacing="10" 
    RowSpacing="10" 
    HorizontalOptions="FillAndExpand" 
    VerticalOptions="FillAndExpand"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="50"/> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="Auto"/> 
    </Grid.ColumnDefinitions> 

    <Label Grid.Row="0" Grid.ColumnSpan="5" Text="Title" BackgroundColor="Gray" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="1" Grid.Column="3" Text="Label1" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>   
    <Label Grid.Row="1" Grid.Column="4" Text="Label2" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="2" Grid.Column="0" Text="Label3" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/> 
    <Label Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="4" Text="Label4" BackgroundColor="Silver" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" LineBreakMode="WordWrap"/> 
</Grid> 
+0

感谢您reply.Nearly有可能使标签2文本适合例如“长长标签”。标签上的HeightRequest4。请问fillandexpand无法填充所有内容? – developer9969

+0

我已经更新了我的答案,最后一列的定义就像并更新了label4 –

+0

谢谢! – developer9969