teratail
回答率
85.37%
teratail 10th-anniversary
teratail 10th-anniversary
質問するログイン新規登録
トップに関する質問WPF MVVM ボタンを押してImageに画像を表示したい

編集履歴

質問編集履歴

2

意図的に内容を抹消する行為にあたるため

2021/09/13 11:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,5 +1,153 @@
1
- まことにすみませんが事情により削除することとなりました
1
+ ### 前提・実現したいこと
2
2
 
3
+ 環境:　Win10 、VS2019、C#
3
4
 
5
+ フレームワーク:Prism、ReactiveProperty
4
6
 
7
+ 起動時に画像表示していた処理を
8
+
9
+ ボタンを押して画像表示させたいが
10
+
11
+ 表示できない。
12
+
13
+ MainWindowViewModel()内にある画像表示処理を
14
+
15
+ (画像表示は確認済)
16
+
17
+ ImageDispLayButtonExe()に移動すると、メッセージボックスは
18
+
19
+ 表示されますが画像が表示されません。
20
+
21
+ 任意のタイミングで画像を表示させたい場合は
22
+
23
+ どうすればよろしいでしょうか？
24
+
25
+ 参考になるページ等、有りましたらアドバイスをお願いします。
26
+
27
+ 関連質問
28
+
29
+ https://teratail.com/questions/349170?nli=60ecfdf1-a4fc-4e75-94a8-4d000a040507
30
+
31
+ ### 該当のソースコード
32
+
33
+ ### MainWindow.xaml
34
+
35
+ ```
36
+
37
+ <Window x:Class="DrawCircle.Views.MainWindow"
38
+
39
+ xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
40
+
41
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
42
+
43
+ xmlns:prism="http://prismlibrary.com/"
44
+
45
+ prism:ViewModelLocator.AutoWireViewModel="True"
46
+
47
+ Title="{Binding Title}" Height="400" Width="500"
48
+
49
+ WindowStartupLocation="CenterScreen">
50
+
51
+ <Grid>
52
+
53
+ <StackPanel>
54
+
55
+ <Button Content="画像表示" Command="{Binding ImageDispLayButton}" />
56
+
57
+ <Image Stretch="None" Source="{Binding Bitmap.Value}" Height="381" Width="496" />
58
+
59
+ <ContentControl prism:RegionManager.RegionName="ContentRegion" />
60
+
61
+ </StackPanel>
62
+
63
+ </Grid>
64
+
65
+ </Window>
66
+
67
+ ```
68
+
69
+ ### MainWindowViewModel.cs
70
+
71
+ ```
72
+
73
+ using Prism.Mvvm;
74
+
75
+ using System.Windows;
76
+
77
+ using Reactive.Bindings;
78
+
79
+ using System.Windows.Media.Imaging;
80
+
81
+ using System;
82
+
83
+ using Prism.Commands;
84
+
85
+ namespace DrawCircle.ViewModels
86
+
5
- 。
87
+ {
88
+
89
+ public class MainWindowViewModel : BindableBase
90
+
91
+ {
92
+
93
+ public ReactiveProperty<BitmapImage> Bitmap { set; get; }
94
+
95
+ public ReactiveProperty<BitmapImage> rp_image1 { set; get; }
96
+
97
+ public ReactiveCommand<string> changecommand { set; get; } = new ReactiveCommand<string>();
98
+
99
+ public MainWindowViewModel()
100
+
101
+ {
102
+
103
+ ImageDispLayButton = new DelegateCommand(
104
+
105
+ ImageDispLayButtonExe);
106
+
107
+ //画像表示
108
+
109
+ //BitmapImage image1 = new BitmapImage(new Uri(@"C:\Test\hoge.jpg"));
110
+
111
+ //rp_image1 = new ReactiveProperty<BitmapImage>(image1);
112
+
113
+ //Bitmap = rp_image1;
114
+
115
+ }
116
+
117
+ //コマンドのデリゲード定義
118
+
119
+ public DelegateCommand ImageDispLayButton { get; }
120
+
121
+ private void ImageDispLayButtonExe()
122
+
123
+ {
124
+
125
+ BitmapImage image1 = new BitmapImage(new Uri(@"C:\Test\hoge.jpg"));
126
+
127
+ rp_image1 = new ReactiveProperty<BitmapImage>(image1);
128
+
129
+ Bitmap = rp_image1;
130
+
131
+ MessageBox.Show("画像表示");
132
+
133
+ }
134
+
135
+ }
136
+
137
+ }
138
+
139
+ ```
140
+
141
+ ### 試したこと
142
+
143
+ ボタンを実行したときのimage1、rp_image1 、Bitmapの値を確認して画像への
144
+
145
+ パスが入ってるとこまでは確認しました。
146
+
147
+ ![イメージ説明](417a0c53366dce513cfe7a6aa3ee3eb1.jpeg)
148
+
149
+ ### 補足情報（FW/ツールのバージョンなど）
150
+
151
+ 環境:　Win10 、VS2019、C#
152
+
153
+ フレームワーク:Prism、ReactiveProperty

1

都合により削除することとなりました。

2021/09/13 11:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,181 +1,5 @@
1
- ### 前提・実現したいこと
2
-
3
- 環境:　Win10 、VS2019、C#
4
-
5
- フレームワーク:Prism、ReactiveProperty
1
+ まことにすみませんが事情により削除することとなりました
6
2
 
7
3
 
8
4
 
9
- 起動時に画像表示していた処理を
10
-
11
- ボタンを押して画像表示させたいが
12
-
13
- 表示できない。
14
-
15
-
16
-
17
- MainWindowViewModel()内にある画像表示処理を
18
-
19
- (画像表示は確認済)
20
-
21
- ImageDispLayButtonExe()に移動すると、メッセージボックスは
22
-
23
- 表示されますが画像が表示されません。
24
-
25
- 任意のタイミングで画像を表示させたい場合は
26
-
27
- どうすればよろしいでしょうか？
28
-
29
- 参考になるページ等、有りましたらアドバイスをお願いします。
30
-
31
-
32
-
33
- 関連質問
34
-
35
- https://teratail.com/questions/349170?nli=60ecfdf1-a4fc-4e75-94a8-4d000a040507
36
-
37
-
38
-
39
- ### 該当のソースコード
40
-
41
- ### MainWindow.xaml
42
-
43
- ```
44
-
45
- <Window x:Class="DrawCircle.Views.MainWindow"
46
-
47
- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
48
-
49
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
50
-
51
- xmlns:prism="http://prismlibrary.com/"
52
-
53
- prism:ViewModelLocator.AutoWireViewModel="True"
54
-
55
- Title="{Binding Title}" Height="400" Width="500"
56
-
57
- WindowStartupLocation="CenterScreen">
58
-
59
- <Grid>
60
-
61
- <StackPanel>
62
-
63
- <Button Content="画像表示" Command="{Binding ImageDispLayButton}" />
64
-
65
-
66
-
67
- <Image Stretch="None" Source="{Binding Bitmap.Value}" Height="381" Width="496" />
68
-
69
-
70
-
71
- <ContentControl prism:RegionManager.RegionName="ContentRegion" />
72
-
73
- </StackPanel>
74
-
75
- </Grid>
76
-
77
- </Window>
78
-
79
- ```
80
-
81
- ### MainWindowViewModel.cs
82
-
83
- ```
84
-
85
- using Prism.Mvvm;
86
-
87
- using System.Windows;
88
-
89
- using Reactive.Bindings;
90
-
91
- using System.Windows.Media.Imaging;
92
-
93
- using System;
94
-
95
- using Prism.Commands;
96
-
97
-
98
-
99
- namespace DrawCircle.ViewModels
100
-
101
- {
5
+ 。
102
-
103
- public class MainWindowViewModel : BindableBase
104
-
105
- {
106
-
107
- public ReactiveProperty<BitmapImage> Bitmap { set; get; }
108
-
109
- public ReactiveProperty<BitmapImage> rp_image1 { set; get; }
110
-
111
- public ReactiveCommand<string> changecommand { set; get; } = new ReactiveCommand<string>();
112
-
113
-
114
-
115
- public MainWindowViewModel()
116
-
117
- {
118
-
119
- ImageDispLayButton = new DelegateCommand(
120
-
121
- ImageDispLayButtonExe);
122
-
123
-
124
-
125
- //画像表示
126
-
127
- //BitmapImage image1 = new BitmapImage(new Uri(@"C:\Test\hoge.jpg"));
128
-
129
- //rp_image1 = new ReactiveProperty<BitmapImage>(image1);
130
-
131
- //Bitmap = rp_image1;
132
-
133
- }
134
-
135
-
136
-
137
- //コマンドのデリゲード定義
138
-
139
- public DelegateCommand ImageDispLayButton { get; }
140
-
141
-
142
-
143
- private void ImageDispLayButtonExe()
144
-
145
- {
146
-
147
- BitmapImage image1 = new BitmapImage(new Uri(@"C:\Test\hoge.jpg"));
148
-
149
- rp_image1 = new ReactiveProperty<BitmapImage>(image1);
150
-
151
- Bitmap = rp_image1;
152
-
153
-
154
-
155
- MessageBox.Show("画像表示");
156
-
157
- }
158
-
159
- }
160
-
161
- }
162
-
163
- ```
164
-
165
-
166
-
167
- ### 試したこと
168
-
169
- ボタンを実行したときのimage1、rp_image1 、Bitmapの値を確認して画像への
170
-
171
- パスが入ってるとこまでは確認しました。
172
-
173
- ![イメージ説明](417a0c53366dce513cfe7a6aa3ee3eb1.jpeg)
174
-
175
-
176
-
177
- ### 補足情報（FW/ツールのバージョンなど）
178
-
179
- 環境:　Win10 、VS2019、C#
180
-
181
- フレームワーク:Prism、ReactiveProperty