UWP/XAML 单击编辑器

Question

下一步如何或使用哪个控件

Phone: 123456789

单击 Phone 或 123456789 打开编辑对话框。

Dialog 必须是可自定义的 TextBox、ComboBox 或许多控件

样本

Answer 1

我认为最好的是这里的通用 Flyout。示例：

<Border Background="Transparent" Tapped="Border_Tapped">
    <FlyoutBase.AttachedFlyout>
        <Flyout Placement="Bottom">
            <TextBox Header="Enter text" Text="{x:Bind myText.Text, Mode=TwoWay}"/>
        </Flyout>
    </FlyoutBase.AttachedFlyout>
    <TextBlock x:Name="myText" Margin="50" Text="Sample text"/>
</Border>

后面的代码：

private void Border_Tapped(object sender, TappedRoutedEventArgs e) =>
        FlyoutBase.GetAttachedFlyout(sender as FrameworkElement).ShowAt(sender as FrameworkElement);

UWP/XAML 单击编辑器

UWP/XAML editor on click

uwp

uwp-xaml