2017-10-17 110 views
0

我對Xamarin Forms真的很陌生,我剛剛被賦予調整此應用程序的Android版本UI的任務。在Android手機上,用戶界面看起來很好,但在平板電腦上它有點小。所以我開發了一個新的頁面,當設備是平板電腦時,但我似乎無法調整StackLayout元素的高度。這裏是代碼:調整StackLayout元素的高度

<ListView.ItemTemplate> 
    <DataTemplate> 
    <ViewCell> 
     <StackLayout VerticalOptions="Fill" Spacing="0" Padding="0" Margin="0"> 
     <StackLayout VerticalOptions="Fill" HeightRequest="60" Padding="2" Orientation="Horizontal"> 
      <Label VerticalOptions="Center" FontSize="19" Margin="14,0,0,0" Text="{Binding Name}" TextColor="White" ></Label> 
      <Image VerticalOptions="Center" HorizontalOptions="EndAndExpand" HeightRequest="50" WidthRequest="30" Source="imgArrow.png"></Image> 
     </StackLayout> 
     <BoxView Margin="0,2,0,0" HeightRequest="0.5" BackgroundColor="White" /> 
     </StackLayout> 
    </ViewCell> 
    </DataTemplate> 
</ListView.ItemTemplate> 

知道我在HeightRequest字段中放置了什麼值,它看起來總是一樣的。我相信我在這裏錯過了一些完全基礎的東西。屏幕https://imgur.com/MAHgOgr的外觀如下。我只是希望它佔用更多的空間,這將涉及增加字體大小,但是當我這樣做時,它看起來很糟糕。 pic with font size 40。任何幫助,我可以得到非常感謝。謝謝!

回答

1

您是否嘗試將listview的「HasUnevenRows」屬性設置爲true?

我認爲這將解決您的問題與字體大小

+0

非常感謝。有用! – Ryan

0
  1. 檢測,如果是平板電腦/手機,設置正確的高度變量,你會用
  2. ,因爲你是在一個DataTemplate綁定HeightRequest的變量你已經設定好了。

對於數據模板之外的簡單情況,您可以將x:name賦予元素,然後在構造函數中爲這些名稱設置widthrequests。

相關問題