質問編集履歴
2
目的を明確に追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,76 +18,14 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
### 追記
|
22
|
-
|
23
|
-
|
21
|
+
### 追記 ※過去の追記は一度削除させていただきました。
|
24
|
-
|
25
|
-
画像化させたいCanvasをXamlで表示する場合、以下のXamlで考えていました。
|
26
|
-
|
27
|
-
(Itemsが上記のデータにあたるものです)
|
28
22
|
|
29
23
|
|
30
24
|
|
31
|
-
|
25
|
+
目的:スライド一覧(画像一覧)と編集スライド(エディタ)を表示させたい
|
32
|
-
|
33
|
-
[https://qiita.com/tricogimmick/items/894914f6bbe224a45d49](https://qiita.com/tricogimmick/items/894914f6bbe224a45d49)
|
34
26
|
|
35
27
|
|
36
28
|
|
37
|
-
|
29
|
+
編集スライドはItemsControl(Canvas)でModelのデータとバインドして表示することができました。
|
38
30
|
|
39
|
-
|
31
|
+
データが既に存在していて、まだ編集スライドとして開いていないものを画像化させるための方法が分からず、当初の質問に至りました。
|
40
|
-
|
41
|
-
Grid.Column="1"
|
42
|
-
|
43
|
-
ItemsSource="{Binding Items}"
|
44
|
-
|
45
|
-
>
|
46
|
-
|
47
|
-
<ItemsControl.ItemsPanel>
|
48
|
-
|
49
|
-
<ItemsPanelTemplate>
|
50
|
-
|
51
|
-
<Canvas x:Name="editer" Width="500" Height="500" Background="Black" />
|
52
|
-
|
53
|
-
</ItemsPanelTemplate>
|
54
|
-
|
55
|
-
</ItemsControl.ItemsPanel>
|
56
|
-
|
57
|
-
<ItemsControl.ItemTemplate>
|
58
|
-
|
59
|
-
<DataTemplate>
|
60
|
-
|
61
|
-
<Thumb
|
62
|
-
|
63
|
-
IsHitTestVisible="False"
|
64
|
-
|
65
|
-
Width="{Binding Width}"
|
66
|
-
|
67
|
-
Height="{Binding Height}"
|
68
|
-
|
69
|
-
Background="AliceBlue"
|
70
|
-
|
71
|
-
>
|
72
|
-
|
73
|
-
</Thumb>
|
74
|
-
|
75
|
-
</DataTemplate>
|
76
|
-
|
77
|
-
</ItemsControl.ItemTemplate>
|
78
|
-
|
79
|
-
<ItemsControl.ItemContainerStyle>
|
80
|
-
|
81
|
-
<Style>
|
82
|
-
|
83
|
-
<Setter Property="Canvas.Top" Value="{Binding Y}" />
|
84
|
-
|
85
|
-
<Setter Property="Canvas.Left" Value="{Binding X}" />
|
86
|
-
|
87
|
-
</Style>
|
88
|
-
|
89
|
-
</ItemsControl.ItemContainerStyle>
|
90
|
-
|
91
|
-
</ItemsControl>
|
92
|
-
|
93
|
-
```
|
1
Canvasで表示する場合の画像を生成する方法とCanvasの表示方法(Xaml)を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -11,3 +11,83 @@
|
|
11
11
|
Canvasで表示したときと同じ画像を生成する方法はありますでしょうか。
|
12
12
|
|
13
13
|
ご教示お願いいたします。
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
### 追記
|
22
|
+
|
23
|
+
すみません。まだ画像化させるところまでは実装できておりませんが、
|
24
|
+
|
25
|
+
画像化させたいCanvasをXamlで表示する場合、以下のXamlで考えていました。
|
26
|
+
|
27
|
+
(Itemsが上記のデータにあたるものです)
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
Canvasの画像化は、以下の記事を参考にしようと考えていました。(未実証)
|
32
|
+
|
33
|
+
[https://qiita.com/tricogimmick/items/894914f6bbe224a45d49](https://qiita.com/tricogimmick/items/894914f6bbe224a45d49)
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
```Xaml
|
38
|
+
|
39
|
+
<ItemsControl Grid.Row="1" Name="items"
|
40
|
+
|
41
|
+
Grid.Column="1"
|
42
|
+
|
43
|
+
ItemsSource="{Binding Items}"
|
44
|
+
|
45
|
+
>
|
46
|
+
|
47
|
+
<ItemsControl.ItemsPanel>
|
48
|
+
|
49
|
+
<ItemsPanelTemplate>
|
50
|
+
|
51
|
+
<Canvas x:Name="editer" Width="500" Height="500" Background="Black" />
|
52
|
+
|
53
|
+
</ItemsPanelTemplate>
|
54
|
+
|
55
|
+
</ItemsControl.ItemsPanel>
|
56
|
+
|
57
|
+
<ItemsControl.ItemTemplate>
|
58
|
+
|
59
|
+
<DataTemplate>
|
60
|
+
|
61
|
+
<Thumb
|
62
|
+
|
63
|
+
IsHitTestVisible="False"
|
64
|
+
|
65
|
+
Width="{Binding Width}"
|
66
|
+
|
67
|
+
Height="{Binding Height}"
|
68
|
+
|
69
|
+
Background="AliceBlue"
|
70
|
+
|
71
|
+
>
|
72
|
+
|
73
|
+
</Thumb>
|
74
|
+
|
75
|
+
</DataTemplate>
|
76
|
+
|
77
|
+
</ItemsControl.ItemTemplate>
|
78
|
+
|
79
|
+
<ItemsControl.ItemContainerStyle>
|
80
|
+
|
81
|
+
<Style>
|
82
|
+
|
83
|
+
<Setter Property="Canvas.Top" Value="{Binding Y}" />
|
84
|
+
|
85
|
+
<Setter Property="Canvas.Left" Value="{Binding X}" />
|
86
|
+
|
87
|
+
</Style>
|
88
|
+
|
89
|
+
</ItemsControl.ItemContainerStyle>
|
90
|
+
|
91
|
+
</ItemsControl>
|
92
|
+
|
93
|
+
```
|