WPF在ControlTemplate中改变TextBlock的文本属性

本文关键字:文本 属性 TextBlock 改变 ControlTemplate WPF | 更新日期: 2023-09-27 18:11:55

我有TabControl,我有一个计划来生成动态tabitem,并填充ControlTemplate。

往ControlTemplate中加故事板动画:

<Window.Resources>
     <ControlTemplate x:Key="Qtemp" TargetType="Control">
        <ControlTemplate.Resources>
            <ControlTemplate x:Key="yesButton" TargetType="{x:Type Button}">
                <Grid>
                    <Image Visibility="Visible" Name="Normal" Source="/TabItemTemplate;component/Images/yes.png" />
                    <Image Visibility="Hidden" Name="Pressed" Source="/TabItemTemplate;component/Images/yes_p.png" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="Button.IsPressed" Value="True">
                        <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
                        <Setter TargetName="Pressed" Property="Visibility" Value="Visible"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="noButton" TargetType="{x:Type Button}">
                <Grid>
                    <Image Visibility="Visible" Name="Normal" Source="/TabItemTemplate;component/Images/no.png" />
                    <Image Visibility="Hidden" Name="Pressed" Source="/TabItemTemplate;component/Images/no_p.png" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
                        <Setter TargetName="Pressed" Property="Visibility" Value="Visible"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="circleButton">
                <Grid>
                    <Ellipse>
                        <Ellipse.Fill>
                            <ImageBrush ImageSource="{Binding Path=Tag, RelativeSource={RelativeSource TemplatedParent}}" />
                        </Ellipse.Fill>
                    </Ellipse>
                </Grid>
            </ControlTemplate>
        </ControlTemplate.Resources>
            <Grid>
                     <Grid.RowDefinitions>
                        <RowDefinition Height="80"/>
                        <RowDefinition/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
            <Ellipse Grid.Row="1" Margin="-1024,-75,0,0" Name="progress_bar" Fill="#FF01325E" Width="424" Height="424" StrokeThickness="0" RenderTransformOrigin=".5,.5">
                <Ellipse.Clip>
                    <RectangleGeometry Rect="0,0,212,424"/>
                </Ellipse.Clip>
                <Ellipse.RenderTransform>
                    <RotateTransform Angle="45"/>
                </Ellipse.RenderTransform>
            </Ellipse>
            <Grid Grid.RowSpan="3" Grid.Row="0" Width="Auto" Height="Auto" >
                <Grid.Background>
                    <ImageBrush ImageSource="/TabItemTemplate;component/Images/Q_bg.png" />
                </Grid.Background>
            </Grid>
            <TextBlock Grid.Row="1" Name="QBody" Width="400" Margin="-120,-100,0,0" Foreground="#FF333333" TextWrapping="Wrap" FontFamily="Arial" FontSize="28" TextAlignment="Left" FontWeight="Bold" VerticalAlignment="Center" Text="{Binding}" />
            <StackPanel Grid.Row="1" Width="350" HorizontalAlignment="Right">
                <Button  Width="172" Height="172"  Name="BT_yes" Template="{StaticResource yesButton}" Click="BT_NextQ" />
                <Button  Width="172" Height="172"  Name="BT_no" Margin="0,20,0,0" Template="{StaticResource noButton}" Click="BT_NextQ" />
            </StackPanel>
            <Image Grid.Row="2" Source="/TabItemTemplate;component/Images/toolbar.png" />
            <Button Grid.Row="2" Width="56" Height="56" Tag="/TabItemTemplate;component/Images/home.png"  HorizontalAlignment="Left" Margin="90,0,0,15" Template="{StaticResource circleButton}" />
            <Button Grid.Row="2" Width="56" Height="56" Tag="/TabItemTemplate;component/Images/back.png"  HorizontalAlignment="Left" Margin="26,0,0,15" Template="{StaticResource circleButton}" />
        </Grid>
    </ControlTemplate>
</Window.Resources>
在XAML:

   <TabControl HorizontalAlignment="Stretch" Name="navTab" VerticalAlignment="Stretch" BorderThickness="0" Padding="0">
        <TabItem Name="tabItem1a" Header="static">
             <Control Template="{StaticResource Qtemp}" />
        </TabItem>
    </TabControl>

CS文件:

private void Window_Loaded(object sender, RoutedEventArgs e)

{
for (int i = 1; i < 6; i++)
{
        TabItem newTab = new TabItem();
        Control newControl = new Control();
        newControl.Template = (ControlTemplate)FindResource("Qtemp");
        //TextBlock tb = (TextBlock)newControl.Template.FindName("Qbody", newControl);
        //tb.Text = "TEST" + i.ToString();
        newTab.Header = "Dynamic"+i.ToString();
        newTab.Name = "Question" + i.ToString();
        newTab.Content = newControl;
        navTab.Items.Add(newTab);
}
}

在模板我有TextBlock "Qbody"和椭圆"progress_bar"。我试图将文本添加到"Qbody"answers"progress_bar"的RorateTransform角度,但我无法访问模板中的任何控件。

I tried:

TextBlock tb = (TextBlock)newControl.Template.FindName("Qbody", newControl);

但是它返回null

有谁能帮我吗?我不知道我做错了什么。是否有其他方法来设置这两个控件

WPF在ControlTemplate中改变TextBlock的文本属性

您将此标记为mvvm,但是您正在做的事情违反了mvvm原则。你的进度条和文本框应该绑定到你的视图模型,然后你可以访问他们的属性。

您的控件为空,因为它们尚未创建。

但是如果你想在后面使用代码,你需要访问框架元素的apply template事件中的控件(Tab Control)

框架ApplyTemplate事件

欢呼编辑1:

你必须实现iNotifyPropertyChanged,让UI"意识到"视图模型中属性的变化。您应该在每次属性计数器迭代时引发此事件。

同样,你需要的范围不能在一个答案中涵盖。我建议阅读更多关于MVVM和WPF的知识,也许可以使用现有的框架来帮助,如MVVM- light或Caliburn.Micro.