0

ラップパネル内に複数の画像をロードしたいのですが、各画像について、このコードでサムネイルといくつかの画像の詳細を表示します

<Border BorderThickness="1" BorderBrush="#FFD0D1D7" Padding="5" Margin="10,10,0,0">
    <StackPanel Orientation="Horizontal">
        <!--image and dimensions-->
        <Grid Width="88" Height="55">
            <Image Source="C:\img1.jpg" Width="88" Height="55"/>
            <TextBlock Background="#B2000000" Foreground="White" Height="16" TextAlignment="Center" VerticalAlignment="Bottom">1280x1024</TextBlock>
        </Grid>
        <!--name, type and size-->
        <StackPanel Orientation="Vertical" Margin="5,0,0,0" VerticalAlignment="Center">
            <TextBlock Margin="1" Foreground="#FF787878">img13.jpg</TextBlock>
            <TextBlock Margin="1" Foreground="#FF787878">Type: JPEG</TextBlock>
            <TextBlock Margin="1" Foreground="#FF787878">Size: 321 KB</TextBlock>
        </StackPanel>
    </StackPanel>
</Border>

ただし、画像は実行時に読み込まれるため、画像、サイズ、名前、タイプ、サイズを表示する上記のコードのインスタンスを作成する方法が必要です。

私はこのソリューションを試しましたhttps://stackoverflow.com/a/4991028/962284

StringBuilder sb = new StringBuilder();
// use xaml to declare a button as string containing xaml
sb.Append(@"<Border BorderThickness='1' BorderBrush='#FFD0D1D7' Padding='5' Margin='10,10,0,0'>
            <StackPanel Orientation='Horizontal'>
                <!--image and dimensions-->
                <Grid Width='88' Height='55'>
                    <Image Source='C:\img1.jpg' Width='88' Height='55'/>
                    <TextBlock Background='#B2000000' Foreground='White' Height='16' TextAlignment='Center' VerticalAlignment='Bottom'>1280x1024</TextBlock>
                </Grid>
                <!--name, type and size-->
                <StackPanel Orientation='Vertical' Margin='5,0,0,0' VerticalAlignment='Center'>
                    <TextBlock Margin='1' Foreground='#FF787878'>img13.jpg</TextBlock>
                    <TextBlock Margin='1' Foreground='#FF787878'>Type: JPEG</TextBlock>
                    <TextBlock Margin='1' Foreground='#FF787878'>Size: 321 KB</TextBlock>
                </StackPanel>
            </StackPanel>
        </Border>");

FrameworkElement thumb = (FrameworkElement)System.Windows.Markup.XamlReader.Parse(sb.ToString());
ThumbnailContainer.Children.Add(thumb);

しかし、次のエラーが発生します System.Windows.Markup.XamlParseException

スタイルも試してみましたが、スタイルは複数のパラメーターをサポートしていません（テキストブロックを指定するために：寸法、サイズ、名前、タイプ、サイズ）1つの値の「TemplateBindingタグ」のみ

実行時に複数の画像を表示する最初のコードのインスタンスを作成するにはどうすればよいですか？

4

2 に答える 2

1

わお。それは物事を行うのが難しい方法のように見えます。WPFとXAMLを採用する時が来ました。

まだ完成していない、まったく同じことについての投稿がありました。私はあなたのためにそれを終えるのに時間がかかりました。例では、XAMLスニペット（その修正バージョン）を使用しました。

http://www.wpfsharp.com/2012/10/23/displaying-images-from-a-folder-with-details-in-wpf/

クレメンスは、ItemsControlを使用するという彼のコメントで正しいです。

于 2012-10-23T19:05:32.800 に答える
1

はい、あなたのアプローチは間違っています。これは別の方法で行う必要がありますが、コードスニペットを機能させるには、作成している文字列の要素に追加xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"してみてください。Borderそれがエラーだと思います。

于 2012-10-23T19:13:28.357 に答える