グリッド内の画像付き回転ラベル

Question

回転ラベルに問題があります。私はグリッドに中心を置き、分割されていないラベルに単語を作っていきたいと思います。今のところ、最初のリスト項目のように2行に分割されています。 私はLineBreakMode試してみたが、これは私が探していますものではありません。 「New」のような短い言葉になると、イメージの中心に設定することも挑戦です。この場合、マージンのために単語が下がります。それを使用する方法はありますか？

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

Answer 1

グリッド内の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 はそれがお役に立てば幸いです。

Answer 2

これまでの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

へのリンクそれはあなたが明示的に行の高さを設定しているので、あなたがいない動的ことを念頭にベアリング価値がありますラベルの幅を調整してテーブルを調整することを期待しますが、テキストを常に1行に表示するには、ラベルの幅とテーブル行の高さを動的に調整する必要があります。