初めてのWindows Store
アプリを開発していますが、問題に直面しています。コンピューターから画像を開いて、コントロールDataTemplate
内のFlipView
. 私FlipView
はこのように見えます:
<FlipView
x:Name="flipView"
AutomationProperties.AutomationId="ItemsFlipView"
AutomationProperties.Name="Item Details"
TabIndex="1"
Grid.RowSpan="2"
ItemsSource="{Binding Source={StaticResource itemsViewSource}}" SelectionChanged="flipView_SelectionChanged" Margin="10,-58,334,126" Grid.ColumnSpan="2">
<FlipView.ItemTemplate>
<DataTemplate>
<UserControl Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates">
<common:RichTextColumns x:Name="richTextColumns" Margin="80,0,60,30">
<RichTextBlock x:Name="richTextBlock" Width="560" Style="{StaticResource ItemRichTextStyle}" IsTextSelectionEnabled="False">
<Paragraph>
<Run FontSize="20" FontWeight="Light" Text="{Binding Title}"/>
<LineBreak/>
<LineBreak/>
<Run FontWeight="Normal" Text="{Binding Subtitle}"/>
</Paragraph>
<Paragraph LineStackingStrategy="MaxHeight">
<InlineUIContainer>
<Image x:Name="image" MaxHeight="480" Margin="0,20,0,-109" Stretch="Uniform" Source="{Binding Image}" AutomationProperties.Name="{Binding Title}"/>
</InlineUIContainer>
</Paragraph>
<Paragraph>
<Run FontWeight="SemiLight" Text="{Binding Content}"/>
</Paragraph>
</RichTextBlock>
<common:RichTextColumns.ColumnTemplate>
<DataTemplate>
<RichTextBlockOverflow Width="560" Margin="80,0,0,0">
<RichTextBlockOverflow.RenderTransform>
<TranslateTransform X="-1" Y="4"/>
</RichTextBlockOverflow.RenderTransform>
</RichTextBlockOverflow>
</DataTemplate>
</common:RichTextColumns.ColumnTemplate>
</common:RichTextColumns>
</UserControl>
</DataTemplate>
</FlipView.ItemTemplate>
</FlipView>
この問題の解決策を探しているときに、いくつかの投稿で方法を見つけ、それを画像を開く関数に統合しました。
private async void Open_Click(object sender, RoutedEventArgs e)
{
FileOpenPicker openPicker = new FileOpenPicker();
openPicker.ViewMode = PickerViewMode.Thumbnail;
openPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;
openPicker.FileTypeFilter.Add(".jpg");
openPicker.FileTypeFilter.Add(".jpeg");
openPicker.FileTypeFilter.Add(".png");
file = await openPicker.PickSingleFileAsync();
if (file != null)
{
var Stream = await file.OpenAsync(FileAccessMode.Read);
BitmapImage bi = new BitmapImage();
bi.SetSource(Stream);
if (flipView.SelectedItem == null)
{
return;
}
var _Container = flipView.ItemContainerGenerator.ContainerFromItem(flipView.SelectedItem);
var _Children = AllChildren(_Container);
var imageControl = _Children.OfType<Image>().First(c => c.Name.Equals("image"));
imageControl.Source = bi;
}
else
{
var messageDialog = new MessageDialog("Error!");
await messageDialog.ShowAsync();
}
AllChildren
機能:
public List<Control> AllChildren(DependencyObject parent)
{
var _List=new List<Control>{};
for(int i=0; i<VisualTreeHelper.GetChildrenCount(parent); i++)
{
var _Child=VisualTreeHelper.GetChild(parent, i);
if(_Child is Control)
{
_List.Add(_Child as Control);
}
_List.AddRange(AllChildren(_Child));
}
return _List;
}
開く画像を選択すると、次のようになりますException
。
An exception of type 'System.InvalidOperationException' occurred in System.Core.dll but was not handled in user code.
誰でも私を助けてもらえますか?