2017-07-14 106 views
0

我有旋轉標籤的問題。我想要將它置於網格中,並使標籤中的單詞不會分裂。現在,就像第一個列表項一樣,它被分成兩行。 我試過LineBreakMode但這不是我要找的。 同時將它設置爲圖像的中心是一個挑戰,因爲涉及到像「新」這樣的短語。在這種情況下,由於保證金而導致單詞下降。有什麼方法可以使用它嗎?帶格柵圖像的旋轉標籤

<Grid 
    Margin="10,0,10,0" 
    ColumnSpacing="0"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="125"></RowDefinition> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="50"/> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <Image              
     Grid.Row="0" Grid.Column="0" 
     Margin="0,3,0,3" 
     Source="{Binding Status,Converter={StaticResource ImageConverter }}" 
     /> 
     <StackLayout Grid.Row="0" Grid.Column="0" 
      VerticalOptions="FillAndExpand" 
      HorizontalOptions="FillAndExpand"> 
      <Label Text="{Binding StatusDict}}" 
       Margin="0,50,0,0" 
       TextColor="White" 
       FontSize="Micro" 
       Rotation="270" 
       /> 
     </StackLayout> 
    . 
    . 
    . 
    . 
</Grid> 

enter image description here

回答

0

嘗試把你的標籤網格內stacklayout裏面,然後嘗試包裹標籤。

<Grid.RowDefinitions> 
<RowDefinition Height="Auto" /> 
<RowDefinition Height="Auto" /> 
</Grid.RowDefinitions> 

欲瞭解更多信息,請訪問該鏈路https://forums.xamarin.com/discussion/17488/xamarin-forms-label-wont-word-wrap-inside-a-grid 希望它能幫助。

+0

你也可以查看這個鏈接 - https://stackoverflow.com/questions/5344486/text-wrapping-in-grid-in-view-panel – LogicalDesk

0

過去有很多關於Xamarin中的標籤換行的問題,在他們的論壇上討論這類事情的線索很多,但僅僅出於興趣而已,您試圖簡單地設置換行符來不包裝單詞。 LineBreakMode="NoWrap"

<Grid Margin="10,0,10,0" ColumnSpacing="0"> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="125"></RowDefinition> 
    </Grid.RowDefinitions> 

    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="50"/> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 

    Image Grid.Row="0" Grid.Column="0" Margin="0,3,0,3" Source="{Binding Status,Converter={StaticResource ImageConverter }}"/> 

    <StackLayout Grid.Row="0" Grid.Column="0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"> 
     <Label Text="{Binding StatusDict}" Margin="0,50,0,0" TextColor="White" FontSize="Micro" Rotation="270" LineBreakMode="NoWrap" /> 
    </StackLayout> 

</Grid> 

鏈接到酒店信息HERE,並鏈接到該類型信息HERE

這是值得銘記您明確設置你的行的高度,所以你不能動態調整標籤的寬度並期望表格進行調整,但如果您希望始終將文本放在一行上,那麼您需要考慮動態調整標籤的寬度和表格行的高度。