2

我正在为具有管理屏幕以连接到 wifi 网络的信息亭应用程序构建一个窗口。实际上,我正在移植一个现有的 WinForms 应用程序,它已经这样做了,但没有给我们想要创建更有趣的 UI 的灵活性。所以,我们正在转向 WPF。

该窗口非常简单,它有一个列表视图来显示它找到的网络,如果您单击一个,它将连接到它。为了连接,如果需要,我们需要提示该网络的安全代码。为此,我们打开一个包含三个部分的弹出窗口 - 顶部的“dialog-y”提示部分、间隔行和位于屏幕键盘后面的空白边框,但有漂亮的圆角。

该顶部有一个标题、一个文本框和两个按钮,连接和取消。同样,没有什么复杂的。

这一切都有效。您单击一个网络,我们会显示弹出窗口和键盘,除了:密码的文本框永远不会获得焦点。即使你点击它。没有重点。我发现让它成为焦点的唯一技巧是点击弹出窗口(就像返回列表视图,如果弹出窗口打开,它已经忽略点击,所以它是安全的),然后点击文本框,瞧!重点。我真的不认为我想把它放在用户手册中。

这是 xaml 的弹出部分:

<Popup x:Name="popPasscode" Placement="Top" HorizontalOffset="50" VerticalOffset="1000" AllowsTransparency="True" >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="50" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Border Grid.Row="0"  Background="White" CornerRadius="20" Width="600" Height="400">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Border Grid.Row="0" Background="#464646" Height="50" Margin="8,10,8,0" CornerRadius="25" >
                    <Label x:Name="lblTitleSecurityCode" Content="Enter the security code" Foreground="White" FontFamily="Arial" FontSize="30" FontWeight="Bold" HorizontalAlignment="Center"/>
                </Border>
                <TextBox Grid.Row="1" x:Name="tbPasscode" Height="50" FontFamily="Arial" FontSize="30" Margin="40,0,40,0"/>
                <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="10,0,10,10" HorizontalAlignment="Center">
                    <Controls:ImageButton x:Name="btnCodeConnect" Content="Connect" Height="70" Width="275" Foreground="Black" Style="{DynamicResource PlainButton}" FontFamily="Arial" FontSize="30" FontWeight="Bold" Click="btnCodeConnect_Click"  HorizontalAlignment="Center" VerticalAlignment="Center"  />
                    <Controls:ImageButton  x:Name="btnCodeCancel" Content="Cancel" Height="70"  Width="275" Foreground="Black" Style="{DynamicResource PlainButton}" FontFamily="Arial" FontSize="30" FontWeight="Bold" Click="btnCodeCancel_Click"  HorizontalAlignment="Center" VerticalAlignment="Center"  />
                </StackPanel>
            </Grid>
        </Border>
        <Border Grid.Row="2" x:Name="brdrKbd" Background="White" CornerRadius="20" Width="1200" Height="420"/>
    </Grid>
</Popup>

这是我当前在 listview 单击事件期间尝试执行的操作,以将焦点移到控件上。请注意,我试图伪造“将焦点设置为列表视图,然后将其设置为文本框,但这不起作用。

// set the popup location and width and keyboard border width based on the current screen width
popPasscode.IsOpen = true;
// open the on-screen keyboard - synchronous call, doesn't return until it's open and idle
FocusManager.SetFocusedElement(this, lvAvailNetworks);
tbPasscode.Focusable = true;
FocusManager.SetFocusedElement(popPasscode, tbPasscode);

我已经为 tbPasscode 的 DependencyElement 尝试了几种不同的方法,但我真的不知道我在做什么,或者我正在做的事情有什么不同。哦,我有没有提到我刚刚完成了第一周的 WPF 编码?是的,WPF 新手警报。

我看到了这篇文章,但它并没有太大帮助,因为我认为我已经在做所有这些了。

4

1 回答 1

0

而不是MouseDown,注册到MouseUp事件 on ListView/ListViewItem。在处理程序中你可以做

     popPasscode.IsOpen = true;
     Keyboard.Focus(tbPasscode);

The MouseUpon yourListView将焦点从 上移开Popup,因此在 MouseUp 而不是 MouseDown 中打开 Popup

于 2013-10-22T11:13:10.680 回答