画像の読み込み中に黒い背景を取得するにはどうすればよいですか?

カルマコン

これは、背景が黒のウィンドウをロードする非常に単純なアプリケーションです。

<Window x:Class="MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="1365" Height="768"
        WindowStartupLocation="CenterScreen"
        Background="Black">
</Window>

うまく機能しますが、画像コントロールを追加すると、画像が読み込まれるまで1秒間黒く表示されると思います。

<Image Source="pack://application:,,,/assets/images/bg.jpg" />

しかし、何らかの理由で、代わりに背景が白く表示されています。ロード後の画像は完全にきれいに表示されますが、ロードの1秒を白ではなく黒にします。

画像の読み込み中に黒い背景を表示するにはどうすればよいですか?

Kcvin

背景から画像を読み込もうとしましたが、うまくいきませんでした。画像を読み込んで、アニメーションを0から大きいアニメーションに使用しようとしましたが、実際には機能せず、固定幅を使用する必要がありました。最後に、Image.Loadedイベントが発生したときに発生するストーリーボードを使用して可視性を変更することを考えました。

作業ソリューションでは、Image.Loadedイベントが発生してから0.1秒後に画像を保持しているグリッドの可視性が折りたたみから可視に変わります。「MG」のデフォルトの可視性を「Grid非表示または可視変更することでこれが機能することを証明でき、ウィンドウが「折りたたまれた」に設定されているときよりも長い時間白であることがわかります。

動作中のXAML

<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test"
        mc:Ignorable="d"
        Title="MainWindow"
        Height="350"
        Width="525"
        Background="Black">
    <Grid x:Name="MG" Background="Black" Visibility="Collapsed">
        <Image Source="pack://application:,,,/assets/images/bg.jpg">
            <Image.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames Duration="0:0:0.1"
                                                               Storyboard.TargetName="MG"
                                                               Storyboard.TargetProperty="Visibility">
                                    <ObjectAnimationUsingKeyFrames.KeyFrames>
                                        <DiscreteObjectKeyFrame>
                                            <DiscreteObjectKeyFrame.Value>
                                                <Visibility>Visible</Visibility>
                                            </DiscreteObjectKeyFrame.Value>
                                        </DiscreteObjectKeyFrame>
                                    </ObjectAnimationUsingKeyFrames.KeyFrames>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Image.Triggers>
        </Image>
    </Grid>
</Window>

注:レンダリングする画像のファイルサイズの大きさによっては、タイミングを調整する必要がある場合があります。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

読み込み中の画像をUWPで表示するにはどうすればよいですか?

分類Dev

画像の読み込み中に画像の読み込みを停止するにはどうすればよいですか

分類Dev

何千もの画像の読み込みを高速化するにはどうすればよいですか?

分類Dev

読み込み時にフォームの背景画像を動的に設定するにはどうすればよいですか?

分類Dev

Androidの相対レイアウトの背景画像に遅延読み込みを適用するにはどうすればよいですか

分類Dev

SVG画像要素に遅延読み込みを実装するにはどうすればよいですか?

分類Dev

CustomBoxにカスタム読み込み画像を追加するにはどうすればよいですか?

分類Dev

読み込み時に画像を反射/反転するにはどうすればよいですか

分類Dev

フレームに読み込み画像を追加するにはどうすればよいですか?

分類Dev

jQueryで読み込み中のスピナーを表示するにはどうすればよいですか?

分類Dev

背景画像が読み込まれているかどうかを確認するにはどうすればよいですか?

分類Dev

ページの読み込み中に画像をすばやく表示するにはどうすればよいですか?

分類Dev

ページの読み込み中に選択する画像のオプションを追加するにはどうすればよいですか?

分類Dev

ページの読み込み中にIWebBrowser2の背景色を設定するにはどうすればよいですか?

分類Dev

スクリプトの動作中に読み込み中の画像を表示するにはどうすればよいですか?

分類Dev

特定の投稿のみの読み込みを表示するにはどうすればよいですか?

分類Dev

剣道グリッドの読み込み中に剣道読み込みアイコンを表示するにはどうすればよいですか?

分類Dev

HTTP経由で画像を読み込まずにHTMLに「再読み込み」記号を表示するにはどうすればよいですか?

分類Dev

背景imgの読み込みに失敗したかどうかを確認するにはどうすればよいですか?

分類Dev

HTMLページ全体が読み込まれるまで読み込み中のgifを表示するにはどうすればよいですか?

分類Dev

進行中の画像の読み込みの進行状況を表示するにはどうすればよいですか-バーc#

分類Dev

アプレットで画像を読み込んで使用するにはどうすればよいですか?

分類Dev

Android WebViewでヘッダーを削除するにはどうすればよいですか?(読み込み中)

分類Dev

ページの読み込み時に乱数を生成するにはどうすればよいですか?

分類Dev

Flutterアプリに偽の読み込みを追加するにはどうすればよいですか?

分類Dev

ページの読み込みに並列を使用するにはどうすればよいですか?

分類Dev

ページの読み込み時にJavascriptを実行するにはどうすればよいですか

分類Dev

メール送信中にgifの読み込みを表示するにはどうすればよいですか?

分類Dev

MATLABで複数の画像を配列に読み込むにはどうすればよいですか?

Related 関連記事

  1. 1

    読み込み中の画像をUWPで表示するにはどうすればよいですか?

  2. 2

    画像の読み込み中に画像の読み込みを停止するにはどうすればよいですか

  3. 3

    何千もの画像の読み込みを高速化するにはどうすればよいですか?

  4. 4

    読み込み時にフォームの背景画像を動的に設定するにはどうすればよいですか?

  5. 5

    Androidの相対レイアウトの背景画像に遅延読み込みを適用するにはどうすればよいですか

  6. 6

    SVG画像要素に遅延読み込みを実装するにはどうすればよいですか?

  7. 7

    CustomBoxにカスタム読み込み画像を追加するにはどうすればよいですか?

  8. 8

    読み込み時に画像を反射/反転するにはどうすればよいですか

  9. 9

    フレームに読み込み画像を追加するにはどうすればよいですか?

  10. 10

    jQueryで読み込み中のスピナーを表示するにはどうすればよいですか?

  11. 11

    背景画像が読み込まれているかどうかを確認するにはどうすればよいですか?

  12. 12

    ページの読み込み中に画像をすばやく表示するにはどうすればよいですか?

  13. 13

    ページの読み込み中に選択する画像のオプションを追加するにはどうすればよいですか?

  14. 14

    ページの読み込み中にIWebBrowser2の背景色を設定するにはどうすればよいですか?

  15. 15

    スクリプトの動作中に読み込み中の画像を表示するにはどうすればよいですか?

  16. 16

    特定の投稿のみの読み込みを表示するにはどうすればよいですか?

  17. 17

    剣道グリッドの読み込み中に剣道読み込みアイコンを表示するにはどうすればよいですか?

  18. 18

    HTTP経由で画像を読み込まずにHTMLに「再読み込み」記号を表示するにはどうすればよいですか?

  19. 19

    背景imgの読み込みに失敗したかどうかを確認するにはどうすればよいですか?

  20. 20

    HTMLページ全体が読み込まれるまで読み込み中のgifを表示するにはどうすればよいですか?

  21. 21

    進行中の画像の読み込みの進行状況を表示するにはどうすればよいですか-バーc#

  22. 22

    アプレットで画像を読み込んで使用するにはどうすればよいですか?

  23. 23

    Android WebViewでヘッダーを削除するにはどうすればよいですか?(読み込み中)

  24. 24

    ページの読み込み時に乱数を生成するにはどうすればよいですか?

  25. 25

    Flutterアプリに偽の読み込みを追加するにはどうすればよいですか?

  26. 26

    ページの読み込みに並列を使用するにはどうすればよいですか?

  27. 27

    ページの読み込み時にJavascriptを実行するにはどうすればよいですか

  28. 28

    メール送信中にgifの読み込みを表示するにはどうすればよいですか?

  29. 29

    MATLABで複数の画像を配列に読み込むにはどうすればよいですか?

ホットタグ

アーカイブ