wpf フォルダから画像を選択して表示したい

Question

#wpf フォルダから画像を選択して表示したい

wpf を使ってwindowsアプリケーションを開発しているのですが、.txtファイルを選択して出力するみたいに画像も選択して出力したいのですが、よくわかりません。

分からない点は2点あります。

①textBoxはtext = ""で一応書いておいて、textBox1.text(textBox1はtextBoxの名前です。)で選択したファイルの中身を取り出していたのですが、imageはsourceで選択し、source = ""と空白の状態で置けないこと。
textBox1.textみたいにおきたいが、image1.imageなどといった具合に置けないこと。

②二つ目の作戦として、画像ファイルを選択してtextBoxに表示させたのですが、文字化けしてしまい表示できないことがあります。文字化けをうまく改善すれば、うまくいけないのでしょうか？

この2点について詳しくお聞かせいただけないでしょうか？
また、詳しく書かれているサイトもご教授していただきたいです。

現在の状況としては

<Window x:Class="OpenFileSaveFileDialogSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="36" />
            <RowDefinition Height="30" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0" Orientation="Horizontal" >
            <Button Content="Open" Height="23" Margin="5" Name="buttonOpen"
                    Width="80"  Click="buttonOpen_Click" />
            <Button Content="Save" Height="23" HorizontalAlignment="Right"
                    Margin="5" Name="buttonClose" Width="80" Click="buttonClose_Click" />
        </StackPanel>
        <TextBlock Grid.Row="1" Height="23" Margin="5" Name="textBlock1" Text="" />
        <ScrollViewer Grid.Row="2" VerticalAlignment="Stretch" Margin="5,0,5,5"
                      Padding="3" >
            <TextBox Name="textBox1" TextWrapping="Wrap" AcceptsReturn="True" />
        </ScrollViewer>
    </Grid>
</Window>

using System.IO;
using System.Windows;
using Microsoft.Win32;
 
namespace OpenFileSaveFileDialogSample {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
        }
 
        private void buttonOpen_Click(object sender, RoutedEventArgs e) {
            OpenFileDialog openFileDialog = new OpenFileDialog();
            openFileDialog.FilterIndex = 1;
            openFileDialog.Filter = "テキスト ファイル(.txt)|*.txt|HTML File(*.html, *.htm)|*.html;*.htm|All Files (*.*)|*.*";
            bool? result = openFileDialog.ShowDialog();
            if (result == true) {
                textBlock1.Text = openFileDialog.FileName;
                using (Stream fileStream = openFileDialog.OpenFile()) {
                    StreamReader sr = new StreamReader(fileStream,true);
                    textBox1.Text = sr.ReadToEnd();
                }
            }
        }
 
        private void buttonClose_Click(object sender, RoutedEventArgs e) {
            SaveFileDialog saveFileDialog = new SaveFileDialog();
            saveFileDialog.FilterIndex = 1;
            saveFileDialog.Filter = "テキスト ファイル(.txt)|*.txt|HTML File(*.html, *.htm)|*.html;*.htm|All Files (*.*)|*.*";
            bool? result = saveFileDialog.ShowDialog();
            if (result == true) {
                textBlock1.Text = saveFileDialog.SafeFileName;
                using (Stream fileStream = saveFileDialog.OpenFile())
                using (StreamWriter sr = new StreamWriter(fileStream)) {
                    sr.Write(textBox1.Text);
                }
            }
        }
    }
}

参考にさせていただいたサイト
(http://gushwell.ldblog.jp/archives/52334178.html)

この参考にさせていただいたサイトで、テキストファイルなら表示することができました。

この画像バージョンを作りたいと考えています。

どうか、ご教授お願いします。

Answer 1

何を聞きたいのかいまいち理解していませんが、
OpenFileDialogで指定されたパスの画像を画面に表示するには以下の記事を参考にするとよいでしょう。
http://ni4muraano.hatenablog.com/entry/2017/09/13/211134
※とりあえず画面に出したり消したりできると思います。

Comments

[退会済みユーザー]

解決しました。ありがとうございました。