如何爲WPF中的搜索框實現默認文本？

Question

我想爲WPF搜索TextBox實現類似「Changing the Default Text in the Search Box」的內容。當文本框爲空時，該文本框應該顯示一些灰色的「Search ...」文本，然後當輸入文本時它應該正常工作。鏈接的文章顯示瞭如何在javascript中執行此操作。如何在WPF中開始這條路？到目前爲止，我所擁有的最好主意是在主文件夾頂部的另一個文本框，當搜索文本框獲得焦點或文本時，該文本框就不可見。

Answer 1

試試Kevin Moore的Bag-o-Tricks中的InfoTextBox示例。你可以從 http://work.j832.com/2008/01/real-update-to-bag-o-tricks.html

Answer 2

你可以改變文本框有灰色的文字，只要其空和一個變量，它會告訴你，是空的，所以，當你點擊搜索就不會去搜索「搜索...」

或者你可以使用類似於你所說的東西，但不是上面的文本框，你可以在下面有文字。如果頂部有一個帶有透明背景的文本框，並且底部有一個標籤，當頂部文本框爲空時應該可以解決問題。

Answer 3

和WPF一樣，有很多方法可以實現你的目標。

也許最簡潔的方法是將子類TextBox並添加一個名爲HintText的新屬性。只要Text爲空（""），您的控件的模板將顯示HintText（可能以斜體和灰色顯示）。否則，它會像常規的TextBox一樣顯示Text。

不涉及編寫自己的控件的替代方法是重新模板TextBox並使用Tag屬性來存儲提示文本。

另一種替代方法是編寫一個UserControl，結合了，比方說一個TextBox，一個TextBlock相同Grid內部。 TextBlock將包含提示文本，並且只有在TextBox的Text爲空時纔會顯示。這可能是最容易實現的，但也是最不靈活的。

Answer 4

下載它對於這些類型的東西我認爲最好的方式是使用視覺畫筆設置背景。 可視化畫筆可讓您使用Visual Elements繪製背景，並將其與基於文本爲空的觸發器結合起來並完成。

空列表框消息的例子在這裏，基本上是一樣的東西。 http://adammills.wordpress.com/2010/08/04/simple-empty-template-for-itemscontrols/

Answer 5

此樣式將使用背景屬性和一個可視化刷子顯示文本。一旦控件獲得焦點，文本將被刪除。

<TextBox.Style> 
      <Style TargetType="TextBox"> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Text}" Value=""> 
         <Setter Property="Background"> 
          <Setter.Value> 
           <VisualBrush Stretch="None"> 
            <VisualBrush.Visual> 
             <TextBlock Text="Enter value" Foreground="Gray"/> 
            </VisualBrush.Visual> 
           </VisualBrush> 
          </Setter.Value> 
         </Setter> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Text}" Value="{x:Null}"> 
         <Setter Property="Background"> 
          <Setter.Value> 
           <VisualBrush Stretch="None"> 
            <VisualBrush.Visual> 
             <TextBlock Text="Enter value" Foreground="Gray"/> 
            </VisualBrush.Visual> 
           </VisualBrush> 
          </Setter.Value> 
         </Setter> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsFocused}" Value="True"> 
         <Setter Property="Background"> 
          <Setter.Value> 
           <VisualBrush Stretch="None"> 
           </VisualBrush> 
          </Setter.Value> 
         </Setter> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </TextBox.Style> 

Answer 6

我認爲WPF擴展工具包中包含的WatermarkTextBox完全符合你的要求。

http://wpftoolkit.codeplex.com/wikipage?title=WatermarkTextBox&referringTitle=Documentation