在 Windows Phone 8 中以编程方式将 TextBox 放置在网格中

Question

如何以编程方式将 TextBlock 放置在网格中。这是我的 XAML 代码： 我需要添加以编程方式注释掉的 TextBlock。 有一个 SetRow 方法，但它不存在于 ContentPanel 或 LayoutRoot 仅用于 Grid 控件（这是指哪个 Grid ？） 此外，似乎我无法访问 Items 网格，是因为它位于 stackpanel 内吗？ 如何解决？我需要做的是将文本块放在网格内的特定行内，并且网格位于堆栈面板和数据模板内。 任何想法如何做到这一点？

谢谢， 贾尼

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
       </Grid.RowDefinitions>
    <Grid x:Name="ContentPanel" Grid.Row="0" Margin="12,0,12,0">
        <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" ItemsSource="{Binding Items}" SelectionChanged="MainLongListSelector_SelectionChanged">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                  <StackPanel x:Name="stack" Margin="0,0,0,17">
                        <Grid x:Name="Items" Background="Transparent">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                            </Grid.RowDefinitions>
                            <TextBlock Text="{Binding LineOne}" Grid.Row="0" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                            <TextBlock Text="{Binding LineTwo}" Grid.Row="1" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                            <!--<TextBlock Text="Hello" Grid.Row="3" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/> -->
                        </Grid>
                    </StackPanel>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
    </Grid>
</Grid>

Answer 1

不确定它是否适合您的方案，但您可以将TextBlock 不加注释，但将Visibility 设置为Visibility.Collapsed，如下所示：

<TextBlock Text="Hello" Name="MyTextBlock" Visibility="Collapsed" Grid.Row="3" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>

然后在代码中输入 MyTextBlock.Visibility = Visibility.Visible;

当您使用 MVVM 模式时，您也可以将 Visibility 依赖属性绑定到您的视图模型的属性。

Answer 2

因此，您要添加的文本块位于堆栈面板中的网格中，该堆栈面板是 LongListSelector 的 DataTemplate 的一部分。所以我们在这里讨论的是动态修改 DataTemplate 的能力

一种解决方案可能是使用自定义 DataTempleSelector，然后根据您的模型/视图模型中的某些字段，您可以为相应的内容选择适当的 DataTemplate，类似于这些内容

public abstract class DataTemplateSelector : ContentControl
{
    public virtual DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        return null;
    }

    protected override void OnContentChanged(object oldContent, object newContent)
    {
        base.OnContentChanged(oldContent, newContent);

        ContentTemplate = SelectTemplate(newContent, this);
    }
}

public class CustomTemplateSelector : DataTemplateSelector
{
    public DataTemplate First
    {
        get;
        set;
    }

    public DataTemplate Second
    {
        get;
        set;
    }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        Data data = item as Data;
        if (data != null)
        {
            if (data.ShowLineThree)
            {
                return this.Second;
            }
            else
            {
                return this.First;
            }
        }

        return base.SelectTemplate(item, container);
    }
}

public class Data
{
    public string LineOne
    {
        get;
        set;
    }

    public string LineTwo
    {
        get;
        set;
    }

    public string LineThree
    {
        get;
        set;
    }

    public bool ShowLineThree
    {
        get;
        set;
    }
}

您的 xaml 将如下所示

<!--ContentPanel contains LongListSelector and LongListSelector ItemTemplate. Place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <phone:LongListSelector x:Name="MainLongListSelector" Margin="0,0,-12,0" >
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <local:CustomTemplateSelector Content="{Binding}">
                        <local:CustomTemplateSelector.First>
                            <DataTemplate>
                                <StackPanel Orientation="Vertical"  Width="400" Margin="10">
                                    <TextBlock Text="{Binding LineOne}" />
                                    <TextBlock Text="{Binding LineTwo}" />
                                </StackPanel>
                            </DataTemplate>
                        </local:CustomTemplateSelector.First>
                        <local:CustomTemplateSelector.Second>
                            <DataTemplate>
                                    <StackPanel Orientation="Vertical">
                                        <TextBlock Text="{Binding LineOne}"/>
                                        <TextBlock Text="{Binding LineTwo}" />
                                        <TextBlock Text="{Binding LineThree}" />
                                    </StackPanel>
                            </DataTemplate>
                        </local:CustomTemplateSelector.Second>
                    </local:CustomTemplateSelector>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
    </Grid>

下面是代码

this.MainLongListSelector.ItemsSource = new List<Data>
                              {
                                  new Data{ LineOne = "1", LineTwo = "2", LineThree = "3", ShowLineThree = true },
                                  new Data{ LineOne = "4", LineTwo = "5", LineThree = "6", ShowLineThree = false }
                              };

希望对你有帮助