Advice on creating a visual friends list. RRS feed

  • Question

  • Hello, all. I'm trying to create an app where the user can input a name, an email address and an avatar image. Then, at the click of a button, send the details to a wrappanel in the form of an icon image. Let's call these friend-icons. These friend-icons can then be clicked on at any time to retrieve the details and display them.

    Here is a very basic example of what I mean: 


    And here is what it will look like once some friends have been added:



    So far, I have been able to load an image and save the url/dir ,along with the name string, in a text file. I then use streamReader to read the text file and display the image and name upon loading.

    But I'm having trouble taking this next step. And the next step is displaying these friend-icons in the wrappanel. But I need these icons to contain the data that I've saved in the textfile. Can someone please give me an idea as to what the best way to go about doing this is? I'd really appreciate any help.


    Sunday, April 17, 2011 12:19 AM

All replies

  • Maybe my question was a little too broad. Anyway, after some serious trial and error, I've almost managed to do this. I have managed to store my data in a xml file and I can bind it to a listbox. But...I'm having real trouble getting the list box to display anything other than a wall of text.

    I was following a tutorial, but it was horribly out of date, and just confused me the moment he started to define his data template. There's no such thing in Blend 4, as far as I can tell, and very little information telling you what the alternative is. In fact, a new wave of up-to-date blend 4 tutorials would really benefit people like me.

    Can anyone point me in the direction of some decent up-to-date Blend 4 tutorials about designing data templates? I feel like I'm banging my head against a brick wall with this, as there is very little information to go on.

    Thanks for any help or advice.


    Monday, April 18, 2011 9:53 AM
  • To edit the datatemplate of a listbox, right click your listbox, edit additional templates, generated items template.


    Have you seen http://www.microsoft.com/design/toolbox/ ?



    Monday, April 18, 2011 3:57 PM