1

検索ヒントのテキストボックスがあります

       <TextBox 
                TextChanged="textboxsearch_TextChanged"
               Grid.Column="4"  Margin="0,0,10,10" Height="22" >
                <TextBox.Style>
                    <Style TargetType="TextBox">
                        <Style.Triggers>
                            <Trigger Property="Text" Value="">
                                <Setter Property="Background" Value="{StaticResource SearchHint}" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="True">
                                <Setter Property="Background" Value="White" />
                            </Trigger>
                        </Style.Triggers>
                        <Setter Property="VerticalAlignment" Value="Bottom"/>
                    </Style>
                </TextBox.Style>
            </TextBox>

ここにSea​​rchHintスタイルがあります

   <VisualBrush x:Key="SearchHint" Stretch="None">
        <VisualBrush.Visual>
            <TextBox FontStyle="Italic" Background="White" Foreground="Gray" Text="Enter search text…"  />
        </VisualBrush.Visual>
    </VisualBrush>

検索ボックスの背景は、searchhint スタイルで埋められます。私が今抱えている問題は、ビジュアル ブラシの幅をテキスト ボックスのサイズに合わせる方法です。現在、テキストボックスの一部のみを埋めています。Text="Enter search text…" の背景は白ですが、残りのテキスト ボックスは灰色です。白い背景に灰色のヒント テキストが必要でした。

4

2 に答える 2

1

あなたがしようとしているのは、コントロールの幅をVisualBrush実際のターゲットにバインドすることですActualWidth

何かのようなもの：

<VisualBrush x:Key="SearchHint"
              Stretch="None">
  <VisualBrush.Visual>
    <TextBox Background="White"
              FontStyle="Italic"
              Foreground="Gray"
              Width="{Binding ElementName=tb, Path=ActualWidth}"
              Height="{Binding ElementName=tb, Path=ActualHeight}"
              Text="Enter search text…" />
  </VisualBrush.Visual>
</VisualBrush>

...

<TextBox Grid.Column="4"
          Height="22"
         TextChanged="textboxsearch_TextChanged"
          x:Name="tb"
          Margin="0,0,10,10">
  <TextBox.Style>
    <Style TargetType="TextBox">
      <Style.Triggers>
        <Trigger Property="Text"
                  Value="">
          <Setter Property="Background"
                  Value="{StaticResource SearchHint}" />
        </Trigger>
        <Trigger Property="IsKeyboardFocused"
                  Value="True">
          <Setter Property="Background"
                  Value="White" />
        </Trigger>
      </Style.Triggers>
      <Setter Property="VerticalAlignment"
              Value="Bottom" />
    </Style>
  </TextBox.Style>
</TextBox>

でも

あなたが「機能的に」やろうとしていることは、一般に「透かし」/「プレースホルダーテキスト」と呼ばれVisualBrush、実際のコントロールをブラシに変換して複雑にするよりも、そのアプローチを使用する方がはるかに簡単です。私の意見です。

透かしアプローチを試してみたい場合は、この回答が参考になります。

于 2013-07-22T16:06:05.730 に答える