我有一個TextBox,我ResourceDictionary為它制作了一個用于設計目的。如何在MVVM架構Text中將其屬性系結到其 ViewModel ?當前代碼不起作用。
文本框主題.xaml:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Style TargetType="{x:Type TextBox}" x:Key="ModernTextbox">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBox}">
<Border CornerRadius="10" Background="#353340" Width="200" Height="30">
<Grid>
<Rectangle StrokeThickness="1"/>
<TextBox Margin="1" BorderThickness="0" Background="Transparent" VerticalContentAlignment="Center" Padding="5" Foreground="#CFCFCF" x:Name="SearchBox"/>
<TextBlock IsHitTestVisible="False" Text="{TemplateBinding ToolTip}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0,0,0" FontSize="11" Foreground="DarkGray" Grid.Column="1">
<TextBlock.Style>
<Style TargetType="{x:Type TextBlock}">
<Style.Triggers>
<DataTrigger Binding="{Binding Text, ElementName=SearchBox}" Value="">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
<Setter Property="Visibility" Value="Hidden"/>
</Style>
</TextBlock.Style>
</TextBlock>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
相應視圖 ( SettingsView.xaml )中的 TextBox 示例:
<TextBox Text="{Binding DailyCalories}" ToolTip="Napi kalóriamennyiség" Width="250" Height="30" VerticalContentAlignment="Center" HorizontalAlignment="Center" Margin="2" Style="{StaticResource ModernTextbox}"/>
viewmodel中的屬性:
private String _dailyCalories;
public String DailyCalories
{
get { return _dailyCalories; }
set
{
if (_dailyCalories != value)
{
_dailyCalories = value;
OnPropertyChanged();
}
}
}
應用程式.xaml:
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Theme/TextboxTheme.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
uj5u.com熱心網友回復:
您錯過了Text在模板內系結屬性。
這很簡單
<TextBox
x:Name="SearchBox"
Margin="1"
Padding="5"
VerticalContentAlignment="Center"
Background="Transparent"
BorderThickness="0"
Foreground="#CFCFCF"
Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Text, UpdateSourceTrigger=PropertyChanged}" />
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/424223.html
