0

谁能解释如何将 XAML 弹出窗口与 Caliburn Micro 一起使用。

谢谢

编辑：（使我的代码与我想要实现的目标更相关）当我像这样在 xaml 中定义一个弹出窗口时：

<Button x:Name="ShowPopup" Content="Popup"/>
<Popup x:Name="my_popup_xaml" Grid.Row="2">
    <Border  BorderThickness="2" Margin="10" BorderBrush="Green">
        <StackPanel Background="LightBlue">
            <TextBlock Text="Select Option" FontSize="21" Margin="10,0" />
            <StackPanel Orientation="Horizontal" Margin="0,10">
                <Button x:Name="SelectPhoto"  Content="Select photo From Library" Width="215"/>
                <Button x:Name="CapturePhoto"    Content="Use Camera"   Width="215"/>
            </StackPanel>
        </StackPanel>
    </Border>
</Popup>

如何使用 WindowManager 显示此弹出窗口？

我是否应该为此创建新的视图模型，因为我只需要在这里使用 PhotoChooser 任务和 Camera Capture 任务？

如何将弹出窗口绑定到我的视图模型。

编辑：

@Charleh，您对使用带有单独 ViewModel 的 windowmanager 的建议有效，并稍作调整。

我删除了<Popup>标签并使用窗口管理器来显示弹出窗口。

但是现在我无法关闭弹出窗口，并且弹出窗口显示在屏幕顶部时被裁剪。我该如何解决？

编辑：我能够使用屏幕TryClose()方法关闭对话框。

当我使用该ShowDialog方法而不是该ShowPopup方法时，窗口的对齐方式要好一些，但它仍然卡在顶部并且不会在中心对齐。

对话框图像

编辑：我创建了一个新的 PhoneApplicationPage（相当于 Windows Phone 8 的窗口）并将其显示为对话框。这种方法的问题是 PhoneApplicationPage 不会自动拉伸以填充屏幕空间（当不显示为对话框时它会这样做）。它只是拉伸以容纳其中的内容。设置 `VerticalAlignment="Stretch" 无效。

给Height属性一个特定的值是不合适的，因为它不能很好地适应不同的手机分辨率。

@Charleh 我尝试像这样指定高度和宽度：

Dictionary<string, object> properies = new Dictionary<string, object>();
properies.Add("Height", 768);
properies.Add("Width", 480);
windowManager.ShowDialog(new ImageSelectorPopupViewModel(),null,properies);

此代码无效（尽管在 Xaml 中指定高度有效，但我不能使用它，因为我必须适应手机上不同的屏幕分辨率）

4

1 回答 1

2

您确实需要在发布之前阅读 Caliburn Micro - 有大量文章展示了如何将视图上的命令绑定到 VM 上的方法

在这种情况下这样做：

  1. 通过为按钮提供与方法相同的名称来使用约定绑定

    <Button x:Name="ShowPopup" />

  2. 使用操作消息语法绑定：

    <Button cal:Message.Attach="[ShowPopup]" />

所有答案都在这里：http ://caliburnmicro.codeplex.com/documentation

（特别是：http ://caliburnmicro.codeplex.com/wikipage?title=All%20About%20Actions&referringTitle=Documentation ）

你用你的按钮做同样的事情，所以你可以用你的弹出窗口做同样的事情

（您是否也考虑过使用具有 ShowPopup 方法的 Caliburns WindowManager？）

编辑：

重新阅读时，您似乎想为当前的 View 和 Popup 使用相同的 ViewModel - 是这种情况还是您想要为您的 Popup 使用新的 ViewModel？我建议使用 WindowManager，并为弹出窗口创建一个 ViewModel - 这将更符合 CM 已经做的

于 2013-10-07T11:34:54.583 回答