2015-09-17 104 views
2

我遇到了Xamarin.Forms和Label的問題。 我試圖在網格列上設置標籤。Xamarin Forms XAML標籤旋轉

這裏的第一張圖片顯示了預期的結果,這是用Android上的AXML編寫的。

Right

這裏的第二圖像被寫在XAML中Xamarin.Forms。

Wrong

在XAML文件中的代碼如下:

<Grid 
    VerticalOptions="FillAndExpand" 
    HorizontalOptions="FillAndExpand"> 
    <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="400*"/> 
      <ColumnDefinition Width="75*"/> 
     </Grid.ColumnDefinitions> 
     <WebView Source="{Binding ContentSource}" /> 
     <!--<ProgressBar IsVisible="{Binding IsLoading}" 
        Progress="{Binding Progress}"/>--> 

     <Grid Grid.Column="1" 
      BackgroundColor="#EE7F00" 
      VerticalOptions="FillAndExpand" 
      HorizontalOptions="FillAndExpand"> 
      <Label 
       Text="{Binding DocumentIndex}" 
       LineBreakMode="NoWrap" 
       HorizontalOptions="Center" 
       Rotation="-90" 
       VerticalOptions="Center" /> 
      </Grid> 
     </Grid> 

如何展開標籤的高度或寬度等於所述文本長度?

謝謝到目前爲止

+0

使用CenterAndExpand而不是您的標籤上的中心進行嘗試。 – Cheesebaron

+0

不適用於我。 – MBZ

+0

我面對同樣的問題,即使在旋轉後,標籤也會呈現父級寬度。增加標籤字體/文本會增加父寬度,因此需要將此文件作爲Xamarin Bugzilla(https://bugzilla.xamarin.com/)中的錯誤進行存檔。 –

回答

0

的標籤取下網格容器放置盒顯示的模式,並設置網格行和列同爲箱視圖和標籤兩者。像這樣

<Grid 
VerticalOptions="FillAndExpand" 
HorizontalOptions="FillAndExpand"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="80*"/> 
     <ColumnDefinition Width="20*"/> 
    </Grid.ColumnDefinitions> 

    <WebView Grid.Row="0" Grid.Column="0" Source="{Binding ContentSource}" /> 
    <!--<ProgressBar IsVisible="{Binding IsLoading}" 
       Progress="{Binding Progress}"/>--> 
    <BoxView Grid.Row="0" Grid.Column="1" BackgroundColor="#EE7F00" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"/> 
    <Label Grid.Row="0" Grid.Column="1" Text="{Binding DocumentIndex}" 
      LineBreakMode="NoWrap" 
      HorizontalOptions="Center" 
      Rotation="-90" 
      VerticalOptions="Center" /> 

</Grid> 

我希望這將解決你的標籤長度​​問題後旋轉。

+1

我有類似的問題。網格中的標籤旋轉+或-90度(默認z軸),並限制在網格佈局內的窄列內。標籤文本被截斷爲列的寬度。我已經嘗試了上述建議的解決方法,它沒有任何區別。我已經在Android和iOS平臺上嘗試過了。這是一個已知的問題。在上面的1月5日評論中提到了Xamarin bugzilla。 – retail3r