Search code examples
windows-phone-7windows-phone-8windows-phonesilverlight-toolkit

creating tiles with check selection in window phone 8


enter image description here

I want to create a series of tiles for a window phone 8 application some thing like this, is there any control or toolkit which provides such feature...


Solution

  • I don't know if this checked's tile exist on a library on Windows phone. I never found it!

    Why don't create your own Customize Tile with a tile component and a checkbox component?

    You create a tile and you associate a chekbox at this tile.

    Also, maybe you can help you with this sample of library for create customize Tiles or image with Checkbox: Telerik with WrapMode for DataBound ListBox.

    For create a Customize tile with the Telerik RADControl library, this is a sample:

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

    But, This library isn't free... I think other Open source library exist for create a tiles...

    Also, You can create a full Tile by Yoursel (with the checkBox), with a basic Windows Phone components:

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