gridview in metro style app

Question

hi,

I am trying to develop an grid view same as the windows8 preview start view. where using all properties of the grid view.Can anyone have idea about this...I trying to develop same as win8 with image as items..Please help me sir..

Regards ,

sarath s

Answer 1

Hello Sarath,

I'm not sure that I understand what you are asking. Do you have a specific question about how to use the GridView API? You can set the content of each GridViewItem that you specify. The GridViewItem's content can be a custom or inbox control derived from ContentControl.

GridViewItem class
http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.gridview.aspx

ContentControl.Content property
http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.contentcontrol.content.aspx

I hope this helps,

James

---

Windows Media SDK Technologies - Microsoft Developer Services - http://blogs.msdn.com/mediasdkstuff/

Answer 2

hi,

I am developed a gridview .But the problem is when I am trying to dragging one item to the adjescent item  there is no movement of item to the dragging item . We can see this effect on the Win8 start Gridview of application . I am trying to implement this effect on my app . Please help me if anyone have any idea about this problem.

Regards,

Sarath s

Answer 3

Hello,

There is a property, you should set it as true.
 
gridView1->CanDragItems=true;

OR

<listViewBase CanDragItems="bool" />

http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.listviewbase.candragitems.aspx

Best regards,
Jesse

---

Jesse Jiang [MSFT]
MSDN Community Support | Feedback to us

Answer 4

Hello,

AllowDrop

="True" CanDragItems="True" CanReorderItems="True". I am setted these properties of the grid view .But actual problem is there is no movement of the images to the position of the holding item while the item is in dragging. We can see this effect on the Win8 start window with all applications which is in a grid view. Please help me.

Answer 5

Hello Sarath,

You said: "But actual problem is there is no movement of the images to the position of the holding item while the item is in dragging." I apologize but it is still not clear what you are asking. Is the problem that you are not able to drop the item in a new position? Can you provide screen shots of a working and non working scenario?

-James

---

Windows Media SDK Technologies - Microsoft Developer Services - http://blogs.msdn.com/mediasdkstuff/

Answer 6

hi james,

In grid view there is an effect of moving the items to the portion of adjescent item when we are select the adjescent image from the grid view for Dragging.We can see it in the WIN8 main window with gridview . Actually this is the problem.I am trying to implement that..please help me.my code as follows.

<GridView x:Name="gridview" Grid.Row="1" AllowDrop="True" CanDragItems="True" ScrollViewer.VerticalScrollMode="Enabled" ScrollViewer.HorizontalScrollMode="Disabled" Grid.ColumnSpan="2" CanReorderItems="True">

<GridView.Background>

<SolidColorBrush Color="Black" Opacity="0.2"/>

</GridView.Background>

<GridView.ItemsPanel>

<ItemsPanelTemplate>

<WrapGrid Orientation="Horizontal"/>

</ItemsPanelTemplate>

</GridView.ItemsPanel><Image Source="Assets/Logo.png"/><Image Source="Assets/SmallLogo.png"/>  </GridView>              

Answer 7

Hello Sarath,

Thank you very much for sending your XAML. After adding your markup to a simple app I see the expected behavior. I do not see any problems with dragging or dropping the items. I must not understand your exact steps to reproduce the problem. Can you please give me the exact steps to reproduce the problem. Screen shots or a video would be extremely helpful. You can upload these items to your SkyDrive account.

Thanks,

James

---

Windows Media SDK Technologies - Microsoft Developer Services - http://blogs.msdn.com/mediasdkstuff/

Answer 8

Hi James,

I have the same issue as Sarath.  Using the XAML above, you can select/drag GridView items using the mouse.  But you cannot select/drag GridView items using Touch.  Is this a bug in the OS?  Is there a workaround to make GridView item select/drag work using Touch?

I'm using Win8 build 9200.

Thanks, Russell