2017-02-17 16 views
0

UWPのTelerik UIを初めて使用します。 そして私は、XAMLにリストビューを追加します。Telerik UI for UWPのコンテナの高さのサイズを変更する方法

<telerikDataControls:RadListView x:Name="rlvProducts" Grid.Row="1" IsCheckModeActive="True" FontSize="12"> 
<telerikDataControls:RadListView.ItemTemplate> 
    <DataTemplate > 
     <TextBlock Text="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Left"/> 
    </DataTemplate> 
</telerikDataControls:RadListView.ItemTemplate> 

私はこのようなリストビューを取得: enter image description here

は商品の高さが多すぎることがわかります。

フォントサイズ、テンプレートのテキストブロックの高さをリセットしようとしましたが、機能しませんでした。

誰でもリストビューアイテムの高さのサイズを変更する方法を教えてもらえますか? ありがとうございました。

答えて

0

あなたはそれを制御するための項目テンプレート内<fieldset>タグを使用することができ、例えば:

<telerikDataControls:RadListView x:Name="rlvProducts" Grid.Row="1" IsCheckModeActive="True" FontSize="12"> 
    <telerikDataControls:RadListView.ItemTemplate> 
    <fieldset style="float: left; width: 350px; height: 150px;/> 
    <DataTemplate >... </DataTemplate> 
    </telerikDataControls:RadListView.ItemTemplate> 
</telerikDataControls:RadListView> 

詳細はこちらをご覧ください:doc

+0

お返事ありがとうございます。私は仕事に戻ったときにそれを試してみる。 –

+0

コードと文書をチェックしましたが、それは私のためには機能しませんでした。また、このドキュメントは、UJP用ではないASP.NET AJAX用のRadListView用です。 –

1

あなたはこのように、カスタムRadListViewItemスタイルを適用することができます。

<data:RadListView> 
    <data:RadListView.ItemTemplate> 
     <DataTemplate> 
      <TextBlock ... /> 
     </DataTemplate> 
    </data:RadListView.ItemTemplate> 
    <data:RadListView.ItemStyle> 
     <Style TargetType="listView:RadListViewItem"> 
      <Setter Property="VerticalAlignment" Value="Center" /> 
      <Setter Property="VerticalContentAlignment" Value="Center" /> 
      <Setter Property="MinHeight" Value="0" /> 
      <Setter Property="Padding" Value="0" /> 
     </Style> 
    </data:RadListView.ItemStyle> 
</data:RadListView> 

あなたのニーズを満たすためにもちろんStyleを微調整することができます。

ItemSwipeスタイリングを含むItemStylingの詳細については、see this articleを参照してください。

関連する問題