2015-11-18 41 views
9

特定の高さ(画面の高さより低い)の画像のリストを表示しようとしていますが、その幅を画面の幅と一致させたいとします。リストビューの余白

私はグリッドでこれらを置くとき、私は望ましい効果を達成することができるよ:

<Grid> 
    <Image HorizontalAlignment="Stretch" Source="Assets/someimage.jpg" ></Image> 
</Grid> 

をしかし、私はListViewコントロールに入れたときに、私はの左右の縁に余白があります見ます画像。言い換えれば、画像は端から端までではない。私は無駄にListviewItemsのたHorizo​​ntalAlignmentプロパティを設定するスタイルを使用してみました他の類似のスレッドを読んだ後

<Grid> 
    <ListView> 
     <Image HorizontalAlignment="Stretch" Source="Assets/someimage.jpg" ></Image> 
    </ListView> 
</Grid> 

: はここに私のコードの(以上)簡易版です。私は何が欠けていますか?

+0

バインディング(Itemsource)を使用していますか? –

+0

最終的にはバインディングを使用したいが、今はそうではない。私は最初に望みの姿を見せてから、もっと大きくて複雑なものに移行できるかどうかを見たいと思っていました。 –

+0

それが役立つかどうかはわかりませんが、バインドを使用して作業し、ItemTemplateをGrid/Imageに設定して問題が解決するかどうか確認してください。コードサンプルが必要な場合はお知らせください。答えとして投稿します。 –

答えて

15

まず、listViewにImageを追加すると、このイメージはListViewItemのコンテンツになり、このアイテムが自動的に適用される余白を削除できます。

でもこれをやって
<ListView.ItemContainerStyle> 
     <Style TargetType="ListViewItem"> 
      <Setter Property="Padding" Value="0"/> 
      <Setter Property="BorderThickness" Value="0"/> 
     </Style> 
</ListView.ItemContainerStyle> 

、あなたはまだ、リストビューによって適用される少し余裕、持つことができる:

ListView BorderThickness="0" 
     Padding="-1"> 

をBorderThickness我々がのパディングを設定する理由です、すべてのマージンを除去するのに十分ではありませんlistView of -1を使用すると、この値をウィンドウに合わせて調整することができます。

+0

優秀!ブラノに感謝します。これはまさに私が探していたものです! –

+0

問題ないです。喜んで助けてください。 –

関連する問題