UWP Flyout浮动控件

UWP Flyout浮动控件

看见没,点击“Options”按钮,浮动出来一个界面,这个界面可以用xaml自定义。

如果要点击的控件又Flyout属性那么,可以直接按照下面用

<Button Content="Click me">
<Button.Flyout>
<Flyout>
<TextBlock Text="This is a flyout!"/>
</Flyout>
</Button.Flyout>
</Button>

如果没有的话,也不要慌

<Image Source="Assets/cliff.jpg" Width="" Height=""
Margin="" Tapped="Image_Tapped">
<FlyoutBase.AttachedFlyout>
<Flyout>
<TextBlock Text="This is some text in a flyout." />
</Flyout>
</FlyoutBase.AttachedFlyout>
</Image> private void Image_Tapped(object sender, TappedRoutedEventArgs e)
{
FlyoutBase.ShowAttachedFlyout((FrameworkElement)sender);
}

很简单吧,其实我今天遇到的问题是,在Flyout中有一个Textbox,在浮动出来后,不能获取焦点,来输入文字。。。。。。

            <AppBarButton Icon="AllApps" Label="Flyout" Click="Btn_SignInSettings_Click">
<FlyoutBase.AttachedFlyout>
<Flyout x:Name="flyoutSignInSettings">
<Grid Canvas.ZIndex="">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<TextBlock Text="SignInItemName" x:Uid="textblockSignInItemName" VerticalAlignment="Center"/>
<TextBox Grid.Column="" BorderThickness="" Margin="6,0,0,6" x:Name="textboxSignInItemName" x:Uid="textboxSignInItemName"/>
<TextBlock Grid.Row="" Text="SignInItemTimes" x:Uid="textblockSignInItemTimes" VerticalAlignment="Center"/>
<TextBox Grid.Row="" Grid.Column="" BorderThickness="" Margin="6,0,0,6" x:Name="textboxSignInItemTimes" x:Uid="textboxSignInItemTimes"/>
<Button Grid.Row="" Grid.ColumnSpan="" x:Uid="Button_OK" Content="OK" HorizontalAlignment="Stretch" Click="Btn_SignInSettingsSubmit_Click"/>
</Grid>
</Flyout>
</FlyoutBase.AttachedFlyout>
</AppBarButton>

那怎么办,没法输入文字。。。。。这时候只需要加上 AllowFocusOnInteraction="True"  即可。

主要AllowFocusOnInteraction是14393(1607)以后引入的新特性。

这是在*上搜到的方案

上一篇:一、restful规范 二、CBV(View)源代码执行流程 三、drf框架安装和简单使用


下一篇:drf框架安装配置及其功能概述