listview - 在主页中使用自定义类项目？地铁应用

Question

我想定义一个自定义类，它有一个图像和一个文本块。

自定义类

<Page Height="100" Width="500"
    x:Class="SQLite.Custom"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SQLite"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"> 

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Image Name="img" HorizontalAlignment="Left" Height="67" Margin="10,10,0,0" VerticalAlignment="Top" Width="91"/>
        <TextBlock Name="txtBlk" HorizontalAlignment="Left" Margin="177,22,0,0" TextWrapping="Wrap" FontSize="35" VerticalAlignment="Top" Height="45" Width="264"/>

    </Grid>
</Page>

现在我想将它们添加回我的主页中的列表视图。

Custom clb = new Custom();
listviews.Items.Add(clb);

我试过这样做，但在很多情况下都失败了。无法访问 clb.img 或 clb.txtBlk 。

请需要一些帮助。

谢谢。

Answer 1

您尚未标记您的问题是与 XAML 还是 WinJS 相关，但让我指出一篇文章，该文章显示了如何在 WinJS 中创建列表视图项模板的示例：

<div id="regularListIconTextTemplate" data-win-control="WinJS.Binding.Template" style="display: none"> 
    <div class="regularListIconTextItem"> 
            <img src="#" class="regularListIconTextItem-Image" data-win-bind="src: picture" /> 
        <div class="regularListIconTextItem-Detail"> 
            <h4 data-win-bind="innerText: title"></h4> 
            <h6 data-win-bind="innerText: text"></h6> 
        </div> 
    </div>
</div>

这是 XAML ListView 项模板的 MSDN文章。