Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

UWP Tips - Flyoutに配置したTextBoxを編集可能にする

More than 1 year has passed since last update.

概要

UWPのサンプルアプリを作成する中でつまづいたことを書き留めておく備忘録。
タイトルに書いている通り、Flyoutに配置したTextBoxに値が入力できなくて困った話。

解決策

今回作成したサンプルアプリは、Face APIを呼び出す仕様で、
そのAPI Keyを設定するUIをFlyoutで表示するTextBoxで実現しようと
考えてました。

フツーにTextBoxタグを書いただけでは、
なぜか編集できない・・・。

で、AppBarButton側にこれを入れたら編集できるようになります。
AllowFocusOnInteraction="True"

<AppBarButton Icon="Setting" Label="API Key Setting" AllowFocusOnInteraction="True">
    <AppBarButton.Flyout>
        <Flyout>
            <StackPanel Width="300">
                <TextBlock>API Key</TextBlock>
                <TextBox Name="SecretKey" Text="Test" />
            </StackPanel>
        </Flyout>
    </AppBarButton.Flyout>
</AppBarButton>

TextBoxだけじゃなくて、ComboBoxでも同様に操作できない現象が出るようですね。
なんか地味にはまる・・・。

yossihard
組込システムからクラウドまで、幅広くソフト開発に携わってきた雑食系システムエンジニア兼IoTコンサルタント。 Microsoft MVP(2010~から11期連続受賞)。 今は保育・介護・飲食業界のIT/IoTに取り組んでいます。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away