使用 KeyBinding 實現(xiàn)文本框回車提交

文本框的回車提交是一個很常見的需求：在一個復(fù)雜的篩選頁面上，用戶希望在輸入框輸入文字后直接回車即可觸發(fā)查詢，而不是非得點擊一下搜索按鈕。假設(shè)需要在用戶輸入回車時觸發(fā) TestCommand 命令，則對應(yīng)的實現(xiàn)代碼如下：

<TextBox><TextBox.InputBindings><KeyBinding Command="{Binding TestCommand}" Key="Return"></KeyBinding></TextBox.InputBindings> </TextBox>

屬性優(yōu)先級問題導(dǎo)致的 DataTrigger 不生效

這是一個新手特別容易犯的一個錯誤。

在下面的代碼中我希望實現(xiàn)的效果是：一個文本框，如果用戶未輸入任何內(nèi)容則展示邊框，一旦用戶有輸入，則將邊框隱藏。

<TextBox BorderThickness="0" x:Name="TestTextBox"><TextBox.Style><Style TargetType="TextBox"><Style.Triggers><DataTrigger Binding="{Binding Text.Length,ElementName=TestTextBox}" Value="0"><Setter Property="BorderThickness" Value="1" /></DataTrigger></Style.Triggers> </Style></TextBox.Style> </TextBox>

但程序運行后結(jié)果并不符合預(yù)期：邊框一直沒有出現(xiàn)。

這個問題的出現(xiàn)是因為 BorderThickness 被直接定義在了有更高優(yōu)先級的 TextBox 標(biāo)簽上，該操作覆蓋了 DataTrigger 的行為。

問題的解決方式也很簡單：將 BorderThickness 的設(shè)置移入 Style 標(biāo)簽即可。

<TextBox x:Name="TestTextBox"><TextBox.Style><Style TargetType="TextBox"><Setter Property="BorderThickness" Value="0" /><Style.Triggers><DataTrigger Binding="{Binding Text.Length,ElementName=TestTextBox}" Value="0"><Setter Property="BorderThickness" Value="1" /></DataTrigger></Style.Triggers> </Style></TextBox.Style> </TextBox>

圖片源為空時展示默認(rèn)圖片

列表中展示縮略圖也是很常見的需求。在信息管理系統(tǒng)中，不能保證所有信息都包含縮略圖。在沒有包含特定縮略圖時，需要展示默認(rèn)縮略圖。

<Image><Image.Source><Binding Path="ImageUri" ><Binding.TargetNullValue><ImageSource>/Assets/PlaceHolder.png</ImageSource></Binding.TargetNullValue></Binding></Image.Source> </Image>

總結(jié)

以上是生活随笔為你收集整理的WPF学习笔记（二）：初学者避坑实录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。