c# - What is the best approach to creating a "list of contacts" in Silverlight? -


I'm trying to create a Silverlight application that pulls me into my Flickr contact and photo, I "well" I want to display that I intend to make a control that shows users and their images next to their name. I want each user to be listed one after another. Something like this: 

  ---------------------------- Username: & lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; ---------------------------- Username: & lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; ---------------------------- Username: & lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; ---------------------------- Username: & lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; ---------------------------- Username: & lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; & Lt; Photo & gt; ----------------------------

I was able to dynamically create and get it I want to be there if a scrollbar is visible when necessary (hence the user can scroll up and down).

What is the best way to make something like this? Is there any control or technique that I should follow?

In fact, many nested listboxes you want a list box.

First of all, get your data in a structure that will work well with Silverlight (and I'm assuming Silverlight2 here). For this I have a 

  Observeable Collection & lt; Contacts & gt;

Where contact is your class that represents a contact. That class should be one 

  OverviewCollection & lt; Flickr Photo & gt;

As a property.

Here is the structure of XAML you can potentially transfer templates to resources, or you can create a user control to capture each list item. 

  & lt ;! - Required - SilverlightToolkit for WrapPanel - & gt; & Lt ;! - xmlns: tk = "clr-namespace: system. Windowscontrols; assembly = system. Windows control .tollkit" - & gt; & Lt; List Box Itemsource = "{Binding}" & gt; & Lt; ListBox.ItemTemplate & gt; & Lt; DataTemplate & gt; & Lt; Grid width = "400" & gt; & Lt; Grid.ColumnDefinitions & gt; & Lt; Column width = "*" /> & Lt; Column width = "*" /> & Lt; /Grid.ColumnDefinitions> & Lt; Text block grid Column = "0" text = "{binding user name}" /> & Lt; ListBox Grid.Column = "1" ItemSource = "{Binding Flickr Photo}" ScrollViewer.HorizontalScrollBarVisibility = "Disabled" & gt; & Lt; ListBox.ItemsPanel & gt; & Lt; ItemsPanelTemplate & gt; & Lt; T: WrapPanel / & gt; & Lt; / ItemsPanelTemplate & gt; & Lt; /ListBox.ItemsPanel> & Lt; ListBox.ItemTemplate & gt; & Lt; DataTemplate & gt; & Lt; Image source = "{binding photo}" width = "80" /> & Lt; / DataTemplate & gt; & Lt; /ListBox.ItemTemplate> & Lt; / ListBox & gt; & Lt; / Grid & gt; & Lt; / DataTemplate & gt; & Lt; /ListBox.ItemTemplate> & Lt; / ListBox & gt;

Notes:

  • This code is a very difficult example
  • You need to force the horizontal scrollbar to be disabled on the listbox. Wrap for
  • You have to set the datacentext of the external listbox (or ancestors control) in the collection of your contacts.

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more