【问题标题】:creating tiles with check selection in window phone 8在 Windows Phone 8 中创建带有检查选择的图块
【发布时间】:2013-08-20 07:25:46
【问题描述】:

我想为 windows phone 8 应用程序创建一系列磁贴,如下所示, 有没有提供这种功能的控件或工具包...

【问题讨论】:

    标签: windows-phone-7 windows-phone-8 windows-phone silverlight-toolkit


    【解决方案1】:

    我不知道这个选中的磁贴是否存在于 Windows 手机的库中。没找到!

    为什么不使用磁贴组件和复选框组件创建自己的自定义磁贴?

    您创建一个磁贴并在此磁贴上关联一个chekbox

    另外,也许您可​​以使用此库示例来帮助您使用 Checkbox 创建自定义 Tiles 或图像:Telerik with WrapMode for DataBound ListBox

    要使用Telerik RADControl library 创建自定义磁贴,这是一个示例:

    <ScrollViewer Background="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <Grid x:Name="LayoutMenuRoot">
            <telerikPrimitives:RadHubTile 
                ImageSource="/Assets/TilesImage.png"
                Tap="MyFunction"
                Title="My Tile Title"
                IsFrozen="True"        // move with a tile background or not.
                VerticalAlignment="Top"
                x:Name="MyTileName" 
                Height="168" 
                Margin="12,10,0,0" 
                Width="162">
            </telerikPrimitives:RadHubTile>
        </Grid>
    </ScrollViewer>
    

    但是,这个库不是免费的... 我认为存在其他用于创建图块的开源库...

    此外,您可以通过 Yoursel(使用复选框)创建一个完整的 Tile,其中包含基本的 Windows Phone 组件:

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Rectangle Fill="#FF77B608" HorizontalAlignment="Left" Height="128" Margin="10,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="209"/>
            <TextBox HorizontalAlignment="Left" Height="69" Margin="10,69,0,0" TextWrapping="Wrap" Text="My Label" VerticalAlignment="Top" Width="201" SelectionForeground="{x:Null}" Background="{x:Null}" BorderBrush="{x:Null}"/>
            <CheckBox Content="" HorizontalAlignment="Left" Margin="166,0,0,0" VerticalAlignment="Top"/>
        </Grid>
    

    【讨论】:

    • 谢谢医生,但你能告诉我如何用上面的选择创建自己的图块吗?如果你有的话,请分享任何资源......
    • 嗨!我添加了使用 RadControl 创建自定义 Tile 并使用基本控件在您的应用程序中创建 Tiles 的示例 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-12
    • 1970-01-01
    相关资源
    最近更新 更多