Microsoft-ui-xaml: TextBlockとTextBoxが整列していません

作成日 2019年05月12日  ·  3コメント  ·  ソース: microsoft/microsoft-ui-xaml

TextBlockとTextBoxを並べて配置したいのですが、テキストの内容が揃っていません。

image

なぜだめですか? TextBoxは、境界線のあるTextBlockのようなものではありませんか?

予想される行動

TextBoxとTextBlockのテキストコンテンツは、水平に積み重ねると整列します。

バージョン情報


| Windows10バージョン| 問題を見ましたか? |
| :--------------------------------- | :-------------------- |
| インサイダービルド(xxxxx)| |
| 2018年10月の更新(17763)| X |
| 2018年4月の更新(17134)| |
| 秋のクリエイターアップデート(16299)| |
| クリエイターアップデート(15063)| |
| アニバーサリーアップデート(14393)| |


| デバイスフォームファクター| 問題を見ましたか? |
| :-------------------- | :------------------- |
| デスクトップ| X |
| モバイル| |
| Xbox | |
| Surface Hub | |
| IoT | |

追加のコンテキスト

<UserControl
    x:Class="App.Controls.MyUserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400">

    <Grid Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <TextBlock Text="Position" VerticalAlignment="Center" Grid.Column="1" Grid.Row="1"/>
        <TextBox Text="Position" VerticalAlignment="Center" Grid.Column="2" Grid.Row="1"/>
    </Grid>
</UserControl>
area-Density area-UIDesign bug team-Controls

最も参考になるコメント

これは、1809年に適用された密度の変更からの回帰のようです。以前のリリースでは、コントロール間でテキストを揃えるための作業が何年も前に行われたことを知っています。 @mdtaukベースラインの配置(または他のテキストの配置オプション)は、優れた機能の提案になります。

WinUI2.xパッケージの更新でこのリグレッションに対処する前に、回避策を考え出すことができるかどうかを確認します。

全てのコメント3件

間隔の違いは、 TextBoxHeaderDescription 、およびBorder用のスペースがあるためです。
不思議なことに、これらが両方とも指定されていて、 TextBlockが垂直方向の中央に配置されている場合、上記の例のテキストは垂直方向に配置されます。

これらのコントロールのいずれかのテンプレート内のデフォルトのマージン(またはパディング)が変更されて、指定されたシナリオに一致するようになることを非常に心配しています。
それらが整列されていればいいのですが、デフォルトに変更を加えると、これらのコントロールを使用するアプリ(テキストを表示するアプリ)のレイアウトが変更されるリスクがあります。 変更を加えると、現在の動作を考慮してすでに調整されているアプリを元に戻すリスクもあります。
現在の動作は望ましくありませんが、解決策は、デフォルトを変更した結果のリスクを冒すのではなく、2つを簡単に整列させること(おそらくTextBlockに適用できる提供されたスタイルを使用)にすることです。

残念ながら、 BaselineAlignmentオプションがないため、これらの種類のコントロールのベースラインを将来的に調整することができます。

これは、1809年に適用された密度の変更からの回帰のようです。以前のリリースでは、コントロール間でテキストを揃えるための作業が何年も前に行われたことを知っています。 @mdtaukベースラインの配置(または他のテキストの配置オプション)は、優れた機能の提案になります。

WinUI2.xパッケージの更新でこのリグレッションに対処する前に、回避策を考え出すことができるかどうかを確認します。

このページは役に立ちましたか?
0 / 5 - 0 評価