在主页中使用自定义类项?地铁应用

时间:2012-10-03 07:27:33

标签: listview listbox windows-8 microsoft-metro winrt-xaml

我想定义一个包含图像和文本块的自定义类。

自定义类

<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。

请需要一些帮助。

感谢。

1 个答案:

答案 0 :(得分:0)

您尚未标记您的问题是否与XAML或WinJS相关,但让我指向Article,其中显示了如何在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 Article