WPFデータグリッド行の画像のセクションのみを表示しますか?

Sakuya

サイズが200x275の画像(ローカルドライブ上)があり、次のコードを使用してデータグリッドの1行に画像を入力しています。

XAML:DataGrid.Columns

<DataGridTemplateColumn Header="IMG" Width="SizeToCells">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Image Width="200" Height="275" Margin="0,0,0,-100" Source="{Binding Path=IMG}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

私のxaml.csファイルにはIMG、タイプのプロパティとしてBitmapImage(uriをBitmapImageとして格納します)、CollectionViewSourceを使用して、それらの画像の列を含むリストへの変更で更新します。

それらを表示することは問題ありませんが、プレビューのようなものとして各画像のセクションを表示したいだけです(同じ幅200ピクセル、上から10ピクセル、高さ50ピクセルのみ-後で小さいときに完全な画像を表示しますプレビューをクリックします)。

上記のコードから、マージン値(-100から下)を変更しようとしたことがわかります。これはちょっと機能しますが、リストの最後の画像が完全に表示され、リストの下部を超えて拡張されます。

上から10pxをトリミングしてから、画像を縮小せずに高さを50pxに設定するより良い方法はありますか?

私がそれを行うことを考えることができる唯一の方法は、ビットマップ画像から新しいビットマップを作成することですが、それは何百もの画像では本当に非効率的であると確信しています。

大型ハンマー、大槌

ClipToBounds = trueを使用して画像コントロールをグリッドでラップしてみます。それはそれを修正する必要があります。グリッドがアイテム(高さ50px)に合わせてサイズ設定され、画像から自動サイズ変更されていないことを確認してください。そうしないと、クリッピングが期待どおりに機能しません。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

パケットのデータセクションのみを表示します

分類Dev

パケットのデータセクションのみを表示します

分類Dev

Woocommerceバリエーションドロップダウンオプションタグは、いくつかのデータセットを追加します

分類Dev

データセットをフィルタリングして、特定のクラスから画像のみを取得します

分類Dev

(未定義のインデックス: ドライバー) Laravel アプリケーションでデータベース クエリを実行しようとすると、なぜこのエラー メッセージが表示されるのですか?

分類Dev

ログインしているユーザー(セッション)に基づいて、グリッドビューに特定の行のみを表示する方法

分類Dev

UICollectionViewは、最後のセクションのフッターのみを表示します

分類Dev

asp.net ボタンをクリックしたらデータグリッドの並べ替えアクションを無効にできますか?

分類Dev

ボタンのグリッドをアニメーションで表示しますか?

分類Dev

LogCatをフィルタリングして、Androidのマイアプリケーションからのメッセージのみを取得しますか?

分類Dev

データグリッドへのAddNew行をキャンセルします

分類Dev

Twitter Bootstrap:行がスタックするときにのみ表示されるグリッド行の間にパディングを追加します

分類Dev

R networkD3:アクションをクリックして、ノードデータフレームからの情報を表示します

分類Dev

CSS背景画像を使用して、オフセット付きのグラデーションを使用してグリッドを出力します

分類Dev

Inno SetupPascalスクリプトで実行時にプリプロセッサからのデータのコレクションを評価します

分類Dev

クリックすると、画像ボタンにアニメーションの読み込みを表示する

分類Dev

Base64からの画像はWPFデータグリッド行に表示されません

分類Dev

WPFはオブジェクトをデータグリッドのコンバーターに渡し、1つのセルの色を変更します

分類Dev

レスポンシブグリッドに「同じ高さ」の行セクションを設定するCSSのみのソリューション

分類Dev

所属のようなLaravelリレーションシップメソッドは常にデータベースにクエリを実行しますか?

分類Dev

JWTのみを使用してセッションデータをバックエンドに保持する

分類Dev

セマンティックセグメンテーションタスクのインデックスカラー値を使用してテンソルフローで画像を読み取ります

分類Dev

WPF:「ショーはもっと」どこのクリックでコレクションをバインディングに既にあるitemControlで残りの項目を読み込むと同じようにボタンを追加します

分類Dev

アップロードボタンのクリック時にカメラ、ギャラリーを選択してオプションを選択し、キャンセルしてダイアログまたはアクションセットを表示するにはどうすればよいですか?

分類Dev

CodeIgniterのセッションログインからデータ名を取得して表示できません

分類Dev

データグリッドのコレクションにアイテムを追加します

分類Dev

食料品データセット:n個のアイテムのみを含むトランザクションを一覧表示します

分類Dev

1 つのサブスクリプションからの 2 つのデータセットは、1 つのセットを読み取り専用にするか、1 つのセットに変更を適用します (Angular)

分類Dev

Githubのアクションとバッジはパーセンテージデータを表示します

Related 関連記事

  1. 1

    パケットのデータセクションのみを表示します

  2. 2

    パケットのデータセクションのみを表示します

  3. 3

    Woocommerceバリエーションドロップダウンオプションタグは、いくつかのデータセットを追加します

  4. 4

    データセットをフィルタリングして、特定のクラスから画像のみを取得します

  5. 5

    (未定義のインデックス: ドライバー) Laravel アプリケーションでデータベース クエリを実行しようとすると、なぜこのエラー メッセージが表示されるのですか?

  6. 6

    ログインしているユーザー(セッション)に基づいて、グリッドビューに特定の行のみを表示する方法

  7. 7

    UICollectionViewは、最後のセクションのフッターのみを表示します

  8. 8

    asp.net ボタンをクリックしたらデータグリッドの並べ替えアクションを無効にできますか?

  9. 9

    ボタンのグリッドをアニメーションで表示しますか?

  10. 10

    LogCatをフィルタリングして、Androidのマイアプリケーションからのメッセージのみを取得しますか?

  11. 11

    データグリッドへのAddNew行をキャンセルします

  12. 12

    Twitter Bootstrap:行がスタックするときにのみ表示されるグリッド行の間にパディングを追加します

  13. 13

    R networkD3:アクションをクリックして、ノードデータフレームからの情報を表示します

  14. 14

    CSS背景画像を使用して、オフセット付きのグラデーションを使用してグリッドを出力します

  15. 15

    Inno SetupPascalスクリプトで実行時にプリプロセッサからのデータのコレクションを評価します

  16. 16

    クリックすると、画像ボタンにアニメーションの読み込みを表示する

  17. 17

    Base64からの画像はWPFデータグリッド行に表示されません

  18. 18

    WPFはオブジェクトをデータグリッドのコンバーターに渡し、1つのセルの色を変更します

  19. 19

    レスポンシブグリッドに「同じ高さ」の行セクションを設定するCSSのみのソリューション

  20. 20

    所属のようなLaravelリレーションシップメソッドは常にデータベースにクエリを実行しますか?

  21. 21

    JWTのみを使用してセッションデータをバックエンドに保持する

  22. 22

    セマンティックセグメンテーションタスクのインデックスカラー値を使用してテンソルフローで画像を読み取ります

  23. 23

    WPF:「ショーはもっと」どこのクリックでコレクションをバインディングに既にあるitemControlで残りの項目を読み込むと同じようにボタンを追加します

  24. 24

    アップロードボタンのクリック時にカメラ、ギャラリーを選択してオプションを選択し、キャンセルしてダイアログまたはアクションセットを表示するにはどうすればよいですか?

  25. 25

    CodeIgniterのセッションログインからデータ名を取得して表示できません

  26. 26

    データグリッドのコレクションにアイテムを追加します

  27. 27

    食料品データセット:n個のアイテムのみを含むトランザクションを一覧表示します

  28. 28

    1 つのサブスクリプションからの 2 つのデータセットは、1 つのセットを読み取り専用にするか、1 つのセットに変更を適用します (Angular)

  29. 29

    Githubのアクションとバッジはパーセンテージデータを表示します

ホットタグ

アーカイブ