tag:blogger.com,1999:blog-50102465595444740482024-03-13T21:47:55.337-07:00Atavistic Software
Things only change when necessary to remain the same.
- Weinberg's LawAtavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-5010246559544474048.post-69254590020873045412014-07-19T11:25:00.000-07:002014-07-19T11:25:09.177-07:00ListView Using ActivityListItem Style with URLImageViewHelper to Retrieve Web Images<br />
<ul></ul>
This post will demonstrate a modified version of the previous ListView post that will download the images from a web URL for each item rather than using local images from the application's Asset folder.<br />
<br />
Be sure to enable "Internet" under the project application options. If you run a test on the emulator without checking this option it will work, but it will fail when deployed to an actual device.<br />
<br />
We'll also use the URLImageViewHelper extension which can be downloaded from GitHub and included in the project: <a href="https://github.com/Redth/MonoDroid.UrlImageViewHelper">https://github.com/Redth/MonoDroid.UrlImageViewHelper</a><br />
<br />
URLImageViewHelper will facilitate using asynchronous downloads of the images so that the UI is not blocked waiting for an image to be downloaded. When the image becomes available, it will be added to the existing row. URLImageViewHelper will also cache the images so they don't need to be downloaded again if they are re-used.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSg1AyahLhK3rSxX7CASeSmoFiRRDFz9CGffgVj7zkBOCWDeY8MY8nR-2TuthOm8j6-A7Hmc_XHKBLRYP_u-Ekw1l1DUNkH9SKZNxEtpBz9qKTLw4tqcDvBmBGBhqu1foZo4p2uS9Rd4YH/s1600/Screen+Shot+2014-02-26+at+8.11.33+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSg1AyahLhK3rSxX7CASeSmoFiRRDFz9CGffgVj7zkBOCWDeY8MY8nR-2TuthOm8j6-A7Hmc_XHKBLRYP_u-Ekw1l1DUNkH9SKZNxEtpBz9qKTLw4tqcDvBmBGBhqu1foZo4p2uS9Rd4YH/s1600/Screen+Shot+2014-02-26+at+8.11.33+PM.png" height="336" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The helper method in the data adapter will be changed in this example to return a web URL for the images rather than a path to the local assets.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana; font-size: x-small;">
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #3364a4;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">PopulatePeopleData</span><span style="color: #444444;">()</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">just</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">done</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">demo</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">simplicity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">People</span><span style="color: #999988; font-style: italic;"> objects</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Anita</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Drink</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Anita</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Amanda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Reconwith</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Amanda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Peace</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Corner</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Feeding</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Lee</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">King</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Payne</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Haste</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wind</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Ben</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dover</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Ben</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dan</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Druff</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Dan</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dick</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Tator</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Dick</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Graw</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Lauren</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Order</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Lauren</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Les</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">More</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Les</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Molly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Keull</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Molly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhoda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Booke</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rhoda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rich</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Feller</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rich</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Holly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Day</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Holly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Polly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Ester</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Polly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Paige</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Turner</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Paige</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Neil</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Down</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Neil</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Jack</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Pott</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Jack</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Miles</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Long</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Miles</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Joy</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Kil</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Joy</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
</div>
<br />
<br />
<div class="" style="clear: both; text-align: left;">
We'll modify the <b>GetView</b> method in the data adapter class PeopleAdapter from the previous post example to use the extension method from <b>URLImageViewHelper</b> to load the ImageView asynchronously using the <b>SetUrlDrawable</b> method. For each row, the <span style="background-color: cyan;">Resource.Drawable.photo </span>placeholder will be displayed until the <span style="background-color: lime;">people.ImgURL</span> is available from the web. The UI won't be blocked waiting for each download to complete.<br />
<br /></div>
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> <span style="font-size: x-small;"> </span></span><span style="font-size: x-small;"><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">.</span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">Icon</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">In</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">example</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">we</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">won</span><span style="color: #999988; font-style: italic;">'</span><span style="color: #999988; font-style: italic;">t</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">use</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">SetImageDrawable</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">method</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">but</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">instead</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">switch</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">extension</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">method</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> URLImageViewHelper</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">The</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Resource</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">Drawable</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">photo</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">be</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">displayed</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">temporarily</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">until</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">actual</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">image</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">finished</span><span style="color: #999988; font-style: italic;"> downloading</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">img</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">SetImageDrawable</span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">GetImage</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">GetImageFromURL</span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">people</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">ImgURL</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">context</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">;</span><br />
<span style="color: #444444;"> </span><span style="background-color: yellow;"><span style="color: #444444;">img</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span></span><span style="color: #444444;">(</span><span style="background-color: lime;"><span style="color: #444444;">people</span><span style="color: #444444;">.</span><span style="color: #444444;">ImgURL</span></span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="background-color: cyan;"><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;">.</span><span style="color: #444444;">photo</span></span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">return</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">formated</span><span style="color: #999988; font-style: italic;"> view</span></span></span>
<br />
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The placeholder image is in the Resources | drawable folder.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFVZcPDkjaCd5knFkYYXiRa7bz5PVGCCLPWwlDAENHBhzPEtIbAH32RbJfvVF4PwmjXoATkZNn8ClMDkmiDBgO3ZK7DBXv5TMWgRSHCIeJLSlxlTVfo8zwanL7g5zqpLfeTGRWKh_Mqgu/s1600/Screen+Shot+2014-02-26+at+9.42.23+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFVZcPDkjaCd5knFkYYXiRa7bz5PVGCCLPWwlDAENHBhzPEtIbAH32RbJfvVF4PwmjXoATkZNn8ClMDkmiDBgO3ZK7DBXv5TMWgRSHCIeJLSlxlTVfo8zwanL7g5zqpLfeTGRWKh_Mqgu/s1600/Screen+Shot+2014-02-26+at+9.42.23+PM.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9FSd5Ut0O1oLnO2PZP64eIHZATyUuXtanEZ9ZNiWGQlOQJ08tLLoY9QD5m_rRDxOjzBiPWhB3xSeBOi3XXgdkumPIYLpFSqp1Ly6NitzwLq1iKnqrCVwYZ6GcLAtz1fpEPzy8H6Y3Fvtg/s1600/photo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9FSd5Ut0O1oLnO2PZP64eIHZATyUuXtanEZ9ZNiWGQlOQJ08tLLoY9QD5m_rRDxOjzBiPWhB3xSeBOi3XXgdkumPIYLpFSqp1Ly6NitzwLq1iKnqrCVwYZ6GcLAtz1fpEPzy8H6Y3Fvtg/s1600/photo.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The placeholder image will appear briefly until the actual images are available. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ69k_lkQiUrYV_AqIwlV7XwAcQnSZWxIxn45t3hVmytxQkPjrUcxfllVFor9KtnHPV5GYd0NsUTIlEJI5_fbYs2gGIKWq7bOyGkUljxrKb0f9lfBrq69c38HXsTAdD5W1uGYJMSWYWe_P/s1600/Screen+Shot+2014-02-26+at+8.58.56+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ69k_lkQiUrYV_AqIwlV7XwAcQnSZWxIxn45t3hVmytxQkPjrUcxfllVFor9KtnHPV5GYd0NsUTIlEJI5_fbYs2gGIKWq7bOyGkUljxrKb0f9lfBrq69c38HXsTAdD5W1uGYJMSWYWe_P/s1600/Screen+Shot+2014-02-26+at+8.58.56+PM.png" height="640" width="385" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
The real images will "pop in" once they are downloaded in a background process.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrez5Ffz2qQ6KX49bsPUE2Wu9A10Kmr9gy693oswoimwX-ec0vbPkSBW73d4SBufqoReSlTrpPU1NfjZe56Mvk1lUCiyDeVYzlAh48VGongTIFJe1FUt-s4cYnux_YLevPNiQywE2QMt44/s1600/Screen+Shot+2014-02-26+at+7.15.11+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrez5Ffz2qQ6KX49bsPUE2Wu9A10Kmr9gy693oswoimwX-ec0vbPkSBW73d4SBufqoReSlTrpPU1NfjZe56Mvk1lUCiyDeVYzlAh48VGongTIFJe1FUt-s4cYnux_YLevPNiQywE2QMt44/s1600/Screen+Shot+2014-02-26+at+7.15.11+PM.png" height="640" width="385" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
URLImageViewHelper adds extension methods to the ImageView class. There are several variations that can be used to handle image processing. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
In general, an extension method can be added to existing methods by creating a <span style="background-color: yellow;">static</span> class and method and then using the <b style="background-color: lime;">this</b> keyword before the type that is being extended. Additional parameters can be added at the end. To use the extension methods, make sure to include them with the appropriate <b>using </b>statement, in this case <span style="color: #009695; font-family: Verdana;">using</span><span style="color: #444444; font-family: Verdana;"> UrlImageViewHelper</span><span style="color: #444444; font-family: Verdana;">; </span>The extended methods will then appear in the intellisense options for the extended type (in this case, ImageView). For more information on creating an extension method see <a href="http://www.dotnetperls.com/extension">http://www.dotnetperls.com/extension</a>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="border-style: groove;">
<div class="separator" style="clear: both; text-align: center;">
<br class="Apple-interchange-newline" /></div>
<span style="font-family: Verdana; font-size: x-small;"><span style="color: #009695;">namespace</span><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><br /><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ExtensionMethods</span><span style="color: #444444;"> </span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">)</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">)</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">)</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">)</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">)</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">IUrlImageViewCallback</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">IUrlImageViewCallback</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">IUrlImageViewCallback</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultResource</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><br /><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime; color: #009695;">this</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">IUrlImageViewCallback</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br /><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br /><span style="color: #444444;"> </span><span style="color: #3364a4;">UrlImageViewHelper</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">imageView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">defaultDrawable</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">cacheDurationMs</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">callback</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br /><span style="color: #444444;">}</span></span><br />
<div>
<span style="font-family: Verdana; font-size: x-small;"><span style="color: #444444;"><br /></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
As before, when an individual row is clicked, a new activity will be launched to display the larger image and name. In this version, the code has been changed to also use the <b>SetUrlDrawable</b><br />
method for the asynchronous download as well. <br />
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="font-size: x-small;"><span style="color: #444444;">[</span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Label </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">NewActivity</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;">Theme </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">@android</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">style</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Theme</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">NoTitleBar</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)]</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">NewActivity</span><span style="color: #444444;"> </span><span style="color: #444444;">:</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Activity</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Bundle</span><span style="color: #444444;"> </span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">base</span><span style="color: #444444;">.</span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">SetContentView</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Layout</span><span style="color: #444444;">.</span><span style="color: #444444;">People</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">Intent</span><span style="color: #444444;">.</span><span style="color: #444444;">Extras</span><span style="color: #444444;">.</span><span style="color: #444444;">GetStringArrayList</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">People</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><span style="color: #444444;">??</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;">[</span><span style="color: #f57d00;">0</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">TextView</span><span style="color: #444444;"> </span><span style="color: #444444;">fn</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">FirstName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">TextView</span><span style="color: #444444;"> </span><span style="color: #444444;">ln</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">LastName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">fn</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">0</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">ln</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">1</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">pic</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">2</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">Picture</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">img</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">SetImageDrawable</span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">GetImage</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">GetImageFromURL</span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">pic</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">;</span><br />
<span style="color: #444444;"> </span><span style="background-color: lime;"><span style="color: #444444;">img</span><span style="color: #444444;">.</span><span style="color: #444444;">SetUrlDrawable</span><span style="color: #444444;">(</span><span style="color: #444444;">pic</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;">.</span><span style="color: #444444;">photo</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span></span><br />
<br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span></span>
</div>
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBn-HMqXhT_xg4y6n4zqJzFfB2O8nHjTWYirEH-PtxqSpw67LLRTW4VK93Zu7tBpIN7aGmvp0ZaJjFnzZ5Rb08zUvUR3KeAU-U_Oq52ommzfRlm8YD5y61KTog9UFmQsLGgNNsRKSPBm9d/s1600/Screen+Shot+2014-02-26+at+7.16.14+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBn-HMqXhT_xg4y6n4zqJzFfB2O8nHjTWYirEH-PtxqSpw67LLRTW4VK93Zu7tBpIN7aGmvp0ZaJjFnzZ5Rb08zUvUR3KeAU-U_Oq52ommzfRlm8YD5y61KTog9UFmQsLGgNNsRKSPBm9d/s1600/Screen+Shot+2014-02-26+at+7.16.14+PM.png" height="640" width="386" /></a><br />
<div style="text-align: center;">
<a href="http://www.atavisticsoftware.com/demo/BlogPostListActivityCustomAdapterWebImage.zip">Download Code</a></div>
<br />Atavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.com0tag:blogger.com,1999:blog-5010246559544474048.post-4180098662693800632014-02-18T15:08:00.003-08:002014-08-03T06:38:57.509-07:00Using RestSharp to Deserialize JSON Simple Examples<br />
RestSharp is a .NET REST client that can be downloaded and used to easily serialize and deserialize both XML and JSON. If necessary, it will used fuzzy element name matching to map from the original JSON object to C# so that if an exact property name match isn't found it will use the following precedence to deserialize the data. <br />
<br />
<br />
<ol>
<li>Exact property name match (e.g. LastName -> LastName)</li>
<li>Camel-cased version of the property name (e.g. LastName -> lastName)</li>
<li>Lower-cased version of the property name (e.g. LastName -> lastname)</li>
<li>Lower-cased version of "underscored" name (e.g. Last_Name -> last_name)</li>
</ol>
<br />
<br />
Using Xamarin Studio, I've included RestSharp from the component store in my C# project. Here are a few simple examples of how to deserialize JSON into C#.<br />
<br />
<b>A Simple Dictionary Key Value such as </b><span style="white-space: pre-wrap;"><b>{"Count":234}</b></span><br />
<div style="border-style: groove;">
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #999988; font-family: Verdana; font-style: italic;">// Create a new RestClient and RestRequest</span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">client</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">RestClient</span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">http</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">www</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">atavisticsoftware</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">com</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span>
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">request</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">RestRequest</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">demo</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">jsondbcount</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">php</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #3364a4;">Method</span><span style="color: #444444;">.</span><span style="color: #444444;">GET</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span>
</span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #999988; font-family: Verdana; font-style: italic;">// ask for the response to be in JSON syntax</span></pre>
<span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #444444;">request</span><span style="color: #444444;">.</span><span style="color: #444444;">RequestFormat</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #3364a4;">DataFormat</span><span style="color: #444444;">.</span><span style="color: #444444;">Json</span><span style="color: #444444;">; </span></span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #444444;">
</span></span><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #999988; font-family: Verdana; font-style: italic;">//send the request to the web service and store the response when it comes back</span></pre>
<span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">response</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">client</span><span style="color: #444444;">.</span><span style="color: #444444;">Execute</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">request</span><span style="color: #444444;">)</span><span style="color: #444444;">; </span></span><span style="font-family: Verdana;"><span style="color: #444444;">
</span></span><span style="font-family: Verdana;">
</span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #999988; font-family: Verdana; font-style: italic;">// The next line of code will only run after the response has been received</span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="color: #999988; font-family: Verdana; font-style: italic;">// Create a new Deserializer to be able to parse the JSON object</span></pre>
<span style="font-family: Verdana;"><span style="color: #444444;"> RestSharp</span><span style="color: #444444;">.</span><span style="color: #444444;">Deserializers</span><span style="color: #444444;">.</span><span style="color: #3364a4;">JsonDeserializer</span><span style="color: #444444;"> </span><span style="color: #444444;">deserial</span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">JsonDeserializer</span><span style="color: #444444;">()</span><span style="color: #444444;">;</span></span><span style="font-family: Verdana;"><span style="color: #444444;">
</span></span><pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="background-color: white; color: #999988; font-style: italic;">//To deserialize into a simple variable, use the <Dictionary<string, string>> type</span></span></pre>
<span style="background-color: white;">
<span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">JSONObj</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">deserial</span><span style="color: #444444;">.</span><span style="color: #444444;">Deserialize</span><span style="color: #444444;"><</span><span style="color: #3364a4;">Dictionary</span><span style="color: #444444;"><</span><span style="color: #009695;">string</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;">>>(</span><span style="color: #444444;">response</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span>
<span style="color: #444444;"> </span></span><span style="color: #009695; font-family: Verdana;">int </span><span style="color: #444444; font-family: Verdana;">rowCount</span><span style="color: #444444; font-family: Verdana;"> </span><span style="color: #444444; font-family: Verdana;">=</span><span style="color: #444444; font-family: Verdana;"> </span><span style="color: #444444; font-family: Verdana;">JSONObj</span><span style="color: #444444; font-family: Verdana;">[</span><span style="color: #f57d00; font-family: Verdana;">"</span><span style="color: #f57d00; font-family: Verdana;">Count</span><span style="color: #f57d00; font-family: Verdana;">"</span><span style="color: #444444; font-family: Verdana;">]</span><span style="color: #444444; font-family: Verdana;">; </span><span style="color: #999988; font-family: Verdana; font-style: italic;">//rowCount will be 234 based on the example {"Count":234} </span></span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"></pre>
</div>
<br />
<br />
<b>To deserialize an object such as <span style="white-space: pre-wrap;">{"FirstName":"Eileen","LastName":"Dover"}</span></b><br />
<div style="border-style: groove;">
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span>
<span style="color: #444444;"> </span><span style="color: #444444;">{</span>
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">FirstName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span>
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">LastName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;">}</span></span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #444444;"> }</span></span></pre>
<pre style="word-wrap: break-word;"><div style="text-align: center;">
<span style="white-space: pre-wrap;"><b>. . . </b></span><span style="color: #999988; font-family: Verdana; font-style: italic; text-align: start; white-space: pre-wrap;">// (same as first example) </span></div>
<div style="text-align: center;">
<pre style="text-align: start; white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//To deserialize into an object, change the deserialize code to use the <Class> type</span></span></pre>
<pre style="text-align: start; white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//Fuzzy matching is used to map the properties from the JSON object to the C# object properties</span></span></pre>
</div>
<div style="text-align: center;">
<span style="color: #3364a4; font-family: Verdana; text-align: start; white-space: normal;">People</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"> </span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">people</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"> </span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">=</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"> </span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">deserial</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">.</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">Deserialize</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"><</span><span style="color: #3364a4; font-family: Verdana; text-align: start; white-space: normal;">People</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">></span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"> </span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">(</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">response</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">)</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;">;</span><span style="color: #444444; font-family: Verdana; text-align: start; white-space: normal;"> </span><span style="font-family: Times; text-align: start; white-space: normal;"> </span></div>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//people.FirstName will now be "Eileen" </span></span><span style="color: #999988; font-family: Verdana; font-style: italic;">people.LastName will now be "Dover"</span></pre>
</pre>
</div>
<br />
<b>A collection of objects will come in array format such as:</b><br />
<b><br /></b>
<br />
<pre style="white-space: pre-wrap; word-wrap: break-word;"><b>[{"FirstName":"Eileen","LastName":"Dover"},{"FirstName":"Dan","LastName":"Druff"},{"FirstName":"Anita","LastName":"Drink"}]</b></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><b>
</b></pre>
<div style="border-style: groove;">
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span>
<span style="color: #444444;"> </span><span style="color: #444444;">{</span>
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">FirstName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span>
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">LastName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;">}</span></span></pre>
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #444444;"> }</span></span></pre>
<br />
<span style="font-family: Verdana;"><span style="color: #444444;"></span><span style="color: #009695;"> public</span><span style="color: #444444;"> </span><span style="color: #3364a4;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">peopleList</span><span style="color: #444444;">;</span></span><br />
<b style="font-family: monospace; text-align: center; white-space: pre-wrap;"> . . . </b><span style="color: #999988; font-family: Verdana; font-style: italic; white-space: pre-wrap;">// (same as first example) </span><br />
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//Change the deserialize code to type <List<Class>></span></span></pre>
<span style="font-family: Verdana;"><span style="color: #444444;"></span><span style="color: #444444;"> peopleList</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">deserial</span><span style="color: #444444;">.</span><span style="color: #444444;">Deserialize</span><span style="color: #444444;"><</span><span style="color: #3364a4;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">>>(</span><span style="color: #444444;">response</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span></span>
<br />
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//The list of People objects will be populated and the property names matched</span></span></pre>
</div>
<br />
In the above examples, the deserialization happens synchronously, so that the application will wait until a response is received before continuing. RestSharp can also create asynchronous processing so that the application will continue execution without having received a response, but will handle the response from the web service when it arrives without holding up execution of other program logic. This is especially useful to avoid blocking the UI thread in a mobile app while waiting for the web service and run the risk that the OS will terminate your application.<br />
<br />
To make the above example run asynchronously, change the original <b><span style="font-family: Verdana, sans-serif;">client.Execute</span></b> to the following:<span style="color: #444444; font-family: Verdana;"> </span><br />
<div style="border-style: groove;">
<span style="font-family: Verdana;"><span style="color: #444444;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #444444;"><b> . . . </b></span></span><span style="color: #999988; font-family: Verdana; font-style: italic; white-space: pre-wrap;">// (same as first example) </span><br />
<span style="font-family: Verdana;"><span style="color: #444444;"><br /></span></span>
<span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #444444;">client</span><span style="color: #444444;">.</span><span style="color: #444444;">ExecuteAsync</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">request</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">response</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> RestSharp</span><span style="color: #444444;">.</span><span style="color: #444444;">Deserializers</span><span style="color: #444444;">.</span><span style="color: #3364a4;">JsonDeserializer</span><span style="color: #444444;"> </span><span style="color: #444444;">deserial</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">JsonDeserializer</span><span style="color: #444444;">()</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">peopleList</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">deserial</span><span style="color: #444444;">.</span><span style="color: #444444;">Deserialize</span><span style="color: #444444;"><</span><span style="color: #3364a4;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">>>(</span><span style="color: #444444;">response</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">})</span><span style="color: #444444;">;</span></span>
<br />
<span style="font-family: Verdana;"><span style="color: #444444;"><br /></span></span>
<br />
<pre style="white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;">//The list of People objects will be populated when the response is finally received from the web service, but code immediately following this will run right away and not be held up waiting for the response</span></span></pre>
<span style="font-family: Verdana;"><span style="color: #444444;"><br /></span></span></div>
Atavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.com11tag:blogger.com,1999:blog-5010246559544474048.post-48475416382503902142014-02-09T19:53:00.002-08:002014-02-23T17:18:33.893-08:00ListView Using ActivityListItem Style & Image w/ onListItemClick Event<br />
<div>
In this post we'll modify the ListView to use the <b>ActivityListItem</b> style. <b>ActivityListItem</b> is another built-in view which will display an image and a single line of text for each row.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvyihUanwMYnKlKC_JtRS-YiGv36se-jY4JjnxDpRPXUbzl0OPZIOa2q1eqE7q1JMkfMFVhUm7SHlFaFk8J7gwuGBu2xkgK_64qXBMaoIzK77xNdUdbZYl7PwxC0lToEpk_mADx7CGzwx/s1600/Screen+Shot+2014-02-09+at+7.06.00+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvyihUanwMYnKlKC_JtRS-YiGv36se-jY4JjnxDpRPXUbzl0OPZIOa2q1eqE7q1JMkfMFVhUm7SHlFaFk8J7gwuGBu2xkgK_64qXBMaoIzK77xNdUdbZYl7PwxC0lToEpk_mADx7CGzwx/s1600/Screen+Shot+2014-02-09+at+7.06.00+PM.png" height="640" width="386" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
The <b>People</b> class will now have a property added that provides the image name to be displayed.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">FirstName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">LastName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">ImgURL</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
<br />
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The helper method which provides the data will populate a List of <b>People</b> objects with the values we want to display. (In a later post, we'll modify this to pull the data from a web service rather than hard-coding it).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">PopulatePeopleData</span><span style="color: #444444;">()</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">just</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">done</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">demo</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">simplicity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">People</span><span style="color: #999988; font-style: italic;"> objects</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Anita</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Drink</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">anita</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Amanda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Reconwith</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">amanda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Peace</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Corner</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Feeding</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Lee</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">King</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Payne</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Haste</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wind</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Ben</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dover</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Ben</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dan</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Druff</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Dan</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dick</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Tator</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Dick</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Graw</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Lauren</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Order</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Lauren</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Les</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">More</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Les</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Molly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Keull</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Molly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhoda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Booke</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rhoda</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rich</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Feller</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Rich</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Holly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Day</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Holly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Polly</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Ester</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Polly</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Paige</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Turner</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Paige</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Neil</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Down</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Neil</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Jack</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Pott</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Jack</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Miles</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Long</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Miles</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Joy</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Kil</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> ImgURL </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Joy</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">jpg</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
<br />
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The images are stored in the images folder under the Assets folder in the project. Make sure to use a lower case "i"on the images folder or Android may not be able to locate it. Also make sure that any images in the folder are set to <b>build action: AndroidAsset </b>by right-clicking on the image or the compiler will throw an error. AndroidAssets will be included in the package when it is compiled.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirRpGi0__-0MJsYorv05kH8nLFO5pDXxNKQwsrYx16m4Vmee5TBDKoJVvDR5rf68zFqGE1u9XFZoueR_6vGwOsHO4MaC003MIkY5zHCsVsoTKi8AhaOkDn9T7Uhpv0VPO6gMKHO27ZWwr1/s1600/buildasset.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirRpGi0__-0MJsYorv05kH8nLFO5pDXxNKQwsrYx16m4Vmee5TBDKoJVvDR5rf68zFqGE1u9XFZoueR_6vGwOsHO4MaC003MIkY5zHCsVsoTKi8AhaOkDn9T7Uhpv0VPO6gMKHO27ZWwr1/s1600/buildasset.png" height="400" width="327" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
In the data adapter <b>PeopleAdapter.cs, </b>layout style is set to <b>ActivityListItem</b>. In this style, only Text1 will have data, so we won't need the Text2 used in the previous examples. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #3364a4;">View</span><span style="color: #444444;"> </span><span style="color: #444444;">GetView</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">position</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">View</span><span style="color: #444444;"> </span><span style="color: #444444;">rowView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ViewGroup</span><span style="color: #444444;"> </span><span style="color: #444444;">parent</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">rowView</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">being</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">filled</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">may</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">or</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">may</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">not</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">exist</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">If</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">not</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">inflate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">one</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">otherwiser</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reuse</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">one</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">passed</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;">.</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">rowView</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">if</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">==</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListActivities</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">have</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">listviews</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">fill</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">whole</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">screen</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">There</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">no</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">need</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">an</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">AXML</span><span style="color: #999988; font-style: italic;"> Layout</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">SimpleListItem2</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">predefined</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">style</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">with</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">2</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">text</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">views</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">first</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">being</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">bolder</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">than</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> second</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">no</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">special</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">AXML</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">required</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">if</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">style</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> adequate</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">context</span><span style="color: #444444;">.</span><span style="color: #444444;">LayoutInflater</span><span style="color: #444444;">.</span><span style="color: #444444;">Inflate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="background-color: yellow;"><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Layout</span><span style="color: #444444;">.</span><span style="color: #444444;">ActivityListItem</span></span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #c44c57;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">get</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">people</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">object</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">corresponds</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> position</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Only</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">first</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Text1</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">TextView</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">can</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">be</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">used</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">on</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">an</span><span style="color: #999988; font-style: italic;"> ActivityListItem</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">.</span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">Text1</span><span style="color: #444444;">)</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;">.</span><span style="color: #c44c57;">LastName</span><span style="color: #444444;">;</span><br />
<span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">view</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">FindViewById</span><span style="color: #999988; font-style: italic;"><</span><span style="color: #999988; font-style: italic;">TextView</span><span style="color: #999988; font-style: italic;">></span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">Android</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">Resource</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">Id</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">Text2</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">Text</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">=</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">people</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;">FirstName</span><span style="color: #999988; font-style: italic;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Get</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reference</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built</span><span style="color: #999988; font-style: italic;">-</span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Icon</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ImageView</span><span style="color: #999988; font-style: italic;"> </span><br />
<span style="color: #444444;"> <span style="background-color: cyan;"> </span></span><span style="background-color: cyan;"><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">.</span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">Icon</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span></span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">set</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">image</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">using</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">SetImageDrawable</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">method</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">We</span><span style="color: #999988; font-style: italic;">'</span><span style="color: #999988; font-style: italic;">ll</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">use</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">helper</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">function</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">static</span><span style="color: #999988; font-style: italic;"> class</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">return</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">image</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">based</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">on</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ImgURL</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">people</span><span style="color: #999988; font-style: italic;"> object</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;">.</span><span style="background-color: cyan; color: #444444;">SetImageDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime;"><span style="color: #3364a4;">GetImage</span><span style="color: #444444;">.</span><span style="color: #444444;">GetImageFromURL</span><span style="color: #444444;">(</span><span style="color: #444444;">people</span><span style="color: #444444;">.</span><span style="color: #c44c57;">ImgURL</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">context</span></span><span style="color: #444444;"><span style="background-color: lime;">)</span>)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">return</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">formatted</span><span style="color: #999988; font-style: italic;"> view</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
</div>
<br />
<br />
<span style="background-color: lime;"><span style="color: #3364a4; font-family: Verdana;">GetImage</span><span style="color: #444444; font-family: Verdana;">.</span></span><span style="color: #444444; font-family: Verdana;"><span style="background-color: lime;">GetImageFromURL</span> </span>will be called from a static class to retrieve the drawable image from the assets and return it to be inserted in the row view. This method will also be used later to display the image in a full screen view so the calling Activity is passed in as the context.<br />
<span style="color: #444444; font-family: Verdana;"><br /></span>
<span style="color: #444444; font-family: Verdana;"><br /></span>
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="background-color: lime; color: #3364a4;">GetImage</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">static</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="background-color: lime; color: #444444;">GetImageFromURL</span><span style="color: #444444;">(</span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">url</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="color: #444444;">context</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;"> </span><span style="color: #444444;">headshotDrawable</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">try</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">headshotDrawable</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;">.</span><span style="color: #444444;">CreateFromStream</span><span style="color: #444444;">(</span><span style="color: #444444;">context</span><span style="color: #444444;">.</span><span style="color: #444444;">Assets</span><span style="color: #444444;">.</span><span style="color: #444444;">Open</span><span style="color: #444444;">(</span><span style="color: #444444;">url</span><span style="color: #444444;">)</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">catch</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #c44c57;">Exception</span><span style="color: #444444;"> ex</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">headshotDrawable</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Drawable</span><span style="color: #444444;">.</span><span style="color: #444444;">CreateFromStream</span><span style="color: #444444;">(</span><span style="color: #444444;">context</span><span style="color: #444444;">.</span><span style="color: #444444;">Assets</span><span style="color: #444444;">.</span><span style="color: #444444;">Open</span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">images</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">photo</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">png</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">headshotDrawable</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
<br />
<div>
<br /></div>
</div>
<span style="color: #444444; font-family: Verdana;"><br /></span>
To activate the onClick event when the user clicks on one of the rows, we'll override <b>OnListItemClick</b><br />
in MainActivity.cs. A list of strings from the <b>people</b> object that corresponds to the position that was clicked will be added to the list to be passed in the intent to a new activity will will display a full screen of information. The data adapter <b>PeopleAdapter </b>instance <b>people</b> used by the MainActivity will return the corresponding people object when passed the position on the screen<br />
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;"><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">MainActivity</span><span style="color: #444444;"> </span><span style="color: #444444;">:</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ListActivity</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span></span><span style="color: #444444; font-family: Verdana;"> </span><span style="color: #3364a4; font-family: Verdana;">PeopleAdapter</span><span style="color: #444444; font-family: Verdana;"> </span><span style="background-color: magenta; color: #444444; font-family: Verdana;">people</span><span style="color: #444444; font-family: Verdana;">;</span><span style="font-family: Verdana;"><span style="color: #444444;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #444444;"><br /></span></span>
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Bundle</span><span style="color: #444444;"> </span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">base</span><span style="color: #444444;">.</span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">instance</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">PeopleAdapter</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">pass</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reference</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">activity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">so</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> adapter</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">can</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">inflate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">rows</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built</span><span style="color: #999988; font-style: italic;">-</span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListView</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">comes</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">with</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListActivity</span><span style="color: #999988; font-style: italic;"> class</span><br />
<span style="color: #444444;"> </span><span style="background-color: magenta; color: #444444;">people</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">PeopleAdapter</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">this</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">ListView</span><span style="color: #444444;">.</span><span style="color: #444444;">Adapter</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
</span><br />
<span style="font-family: Verdana;"><span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnListItemClick</span><span style="color: #444444;">(</span><span style="color: #3364a4;">ListView</span><span style="color: #444444;"> </span><span style="color: #444444;">l</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">View</span><span style="color: #444444;"> </span><span style="color: #444444;">u</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="background-color: orange; color: #444444;">position</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">id</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #009695;">string</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #009695;">string</span><span style="color: #444444;">>()</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;">.</span><span style="color: #444444;">Add</span><span style="color: #444444;">(</span><span style="background-color: magenta; color: #444444;">people</span><span style="color: #444444;">[</span><span style="background-color: orange; color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">.</span><span style="color: #444444;">FirstName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;">.</span><span style="color: #444444;">Add</span><span style="color: #444444;">(</span><span style="background-color: magenta; color: #444444;">people</span><span style="color: #444444;">[</span><span style="background-color: orange; color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">.</span><span style="color: #444444;">LastName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;">.</span><span style="color: #444444;">Add</span><span style="color: #444444;">(</span><span style="background-color: magenta; color: #444444;">people</span><span style="color: #444444;">[</span><span style="background-color: orange; color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">.</span><span style="color: #444444;">ImgURL</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">intent</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Intent</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">this</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">typeof</span><span style="color: #444444;">(</span><span style="color: #3364a4;">NewActivity</span><span style="color: #444444;">))</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">intent</span><span style="color: #444444;">.</span><span style="color: #444444;">PutStringArrayListExtra</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">People</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">StartActivity</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">intent</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
<br />
<div>
<br /></div>
</div>
<span style="color: #444444; font-family: Verdana;"><br /></span>
The new activity will retrieve the list of strings passed in the intent and populate a new AXML layout. It will also use the <span style="background-color: lime; color: #3364a4; font-family: Verdana;">GetImage</span><span style="background-color: lime; color: #444444; font-family: Verdana;">.</span><span style="color: #444444; font-family: Verdana;"><span style="background-color: lime;">GetImageFromURL</span><span style="background-color: white;"> </span></span>created above to retrieve the image from the Assets/images folder.<br />
<span style="color: #444444; font-family: Verdana;"><br /></span>
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Label </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">NewActivity</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;">Theme </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">@android</span><span style="color: #f57d00;">:</span><span style="color: #f57d00;">style</span><span style="color: #f57d00;">/</span><span style="color: #f57d00;">Theme</span><span style="color: #f57d00;">.</span><span style="color: #f57d00;">NoTitleBar</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)]</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">NewActivity</span><span style="color: #444444;"> </span><span style="color: #444444;">:</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Activity</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Bundle</span><span style="color: #444444;"> </span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">base</span><span style="color: #444444;">.</span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">SetContentView</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Layout</span><span style="color: #444444;">.</span><span style="color: #444444;">People</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #c44c57;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">Intent</span><span style="color: #444444;">.</span><span style="color: #444444;">Extras</span><span style="color: #444444;">.</span><span style="color: #444444;">GetStringArrayList</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">People</span><span style="color: #f57d00;">"</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><span style="color: #444444;">??</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;">[</span><span style="color: #f57d00;">0</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">TextView</span><span style="color: #444444;"> </span><span style="color: #444444;">fn</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">FirstName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">TextView</span><span style="color: #444444;"> </span><span style="color: #444444;">ln</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">LastName</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">fn</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">0</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">ln</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">1</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">pic</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">pList</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #f57d00;">2</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">ImageView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="color: #444444;">Picture</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">img</span><span style="color: #444444;">.</span><span style="color: #444444;">SetImageDrawable</span><span style="color: #444444;">(</span><span style="background-color: lime;"><span style="color: #3364a4;">GetImage</span><span style="color: #444444;">.</span><span style="color: #444444;">GetImageFromURL</span></span><span style="color: #444444;">(</span><span style="color: #444444;">pic</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">this</span><span style="color: #444444;">))</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span></span>
<br />
<div>
<br /></div>
</div>
<span style="color: #444444; font-family: Verdana;"><br /></span>
<span style="text-align: center;">The following screen is displayed by the NewActivity when the corresponding row is clicked by the user.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6r8sryTg27VfjDKblWmTW1pWSdyrBe_W3JX-bUHsLdtJYEoHC2qWcmmJLJzKBg_AUcK19xqeMUIui6MYPjLdokxh3ptsCFJoKe0glWHzUaL6xafTcmxy1vsnsFVSQtbxcnOZV6BeOcaxa/s1600/Screen+Shot+2014-02-09+at+7.07.02+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6r8sryTg27VfjDKblWmTW1pWSdyrBe_W3JX-bUHsLdtJYEoHC2qWcmmJLJzKBg_AUcK19xqeMUIui6MYPjLdokxh3ptsCFJoKe0glWHzUaL6xafTcmxy1vsnsFVSQtbxcnOZV6BeOcaxa/s1600/Screen+Shot+2014-02-09+at+7.07.02+PM.png" height="640" width="386" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.atavisticsoftware.com/demo/BlogPostListActivityCustomAdapterLocalImage.zip">Download Project Code</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
Atavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.com0tag:blogger.com,1999:blog-5010246559544474048.post-38370665276668911062014-01-31T19:28:00.003-08:002014-02-09T20:17:41.174-08:00ListView Basics for Android (using a CustomAdapter)If an application requires more than just simple strings in a ListView, the next easiest configuration to use is a <b>Custom Adapter</b>. Usually, the data to display will come from list of objects which are part of model, representing the data structure.<br />
<br />
Here is a very simple data class called <b>People.cs</b><br />
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Collections</span><span style="color: #444444;">.</span><span style="color: #444444;">Generic</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Linq</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">App</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Content</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">OS</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Runtime</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Views</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Widget</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #009695;">namespace</span><span style="color: #444444;"> BlogPostListActivity</span><br />
<span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">FirstName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;"> </span><span style="color: #444444;">LastName</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #009695;">set</span><span style="color: #444444;">;</span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;">}</span></span>
</div>
<br />
<br />
When the app runs, the People class will be used to create an object for each of the rows that will be displayed.<br />
<br />
Android will manage the scrolling as it did with the Array Adapter, but this time we'll need to create an adapter that will hand off the information from the data objects when requested. Android will take care of getting them to the right place at the right time as the user scrolls up and down. <br />
<br />
Our adapter class will inherit from the <b>BaseAdapter</b> and use a generic type <People> since that is the type of objects that will be displayed. <br />
<br />
To function correctly, our adapter will have to override 3 key methods so that Android will have the information it needs at the proper time.<br />
<br />
<br />
<ul>
<li><b>Count</b> - Return the total number of objects in the list.</li>
<li><b>GetView</b> - Android will pass the adapter a sequence number that it needs and this method will return a view that is populated with the particular object data that coincides with that sequence in the list of objects.</li>
<li><b>GetItemId</b> - Android will again pass the adapter a sequence number and this method can return an identifier which corresponds to that particular object. Usually this is just the same number as the sequence in the list of objects.</li>
</ul>
<div>
<br /></div>
<br />
When the <b>GetView</b> method is called by Android, it will pass the location in memory of the View it needs your method to populate. As the user scrolls down the screen, new rows will appear and your method will be called to populate them with the corresponding data. In reality, Android is actually reusing the same memory locations over and over to save memory as the list scrolls. This makes little difference to your <b>GetView</b> method since it will be building its view wherever Android requests it to, but occasionally it will be passed a null location if this is the first time that that particular row is being populated. The method will have to test for this condition using an "if", and if it is null, "inflate" a new view in memory before populating it.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgag867wVaGSNTa8aeheNDl6lc_f0UE-GYIIYMz1UddV0PZuc8dKWVJb0TOV8DIXWgssXwTXVrNAWf_ZXpn1g2SCcdEo3oMLtz0uEDMieEPX9SazLYHVk1CcmSPY6nHc4P6xyZQFyr0BwCF/s1600/ListActivityCustomAdapter+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgag867wVaGSNTa8aeheNDl6lc_f0UE-GYIIYMz1UddV0PZuc8dKWVJb0TOV8DIXWgssXwTXVrNAWf_ZXpn1g2SCcdEo3oMLtz0uEDMieEPX9SazLYHVk1CcmSPY6nHc4P6xyZQFyr0BwCF/s1600/ListActivityCustomAdapter+(1).png" height="392" width="640" /></a></div>
<br />
<b>PeopleAdapter.cs
</b><br />
<br />
<div style="border-style: groove;">
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana;">
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Collections</span><span style="color: #444444;">.</span><span style="color: #444444;">Generic</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Linq</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Text</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">App</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Content</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">OS</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Runtime</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Views</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Widget</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #009695;">namespace</span><span style="color: #444444;"> BlogPostListActivity</span><br />
<span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Inherit</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="background-color: yellow; color: #999988; font-style: italic;">BaseAdapter</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">class</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">use</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">generic</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">type</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">which</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">matches</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> objects</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">PeopleAdapter</span><span style="color: #444444;">:</span><span style="background-color: yellow; color: #3364a4;">BaseAdapter</span><span style="background-color: orange;"><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span></span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="background-color: orange;"><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span></span><span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">list</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">objects</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">fill</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> rows</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="background-color: cyan; color: #444444;">context</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">variable</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">be</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">passed</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ties</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">back</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">activity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">which</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">using</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> adapter</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #3364a4;">PeopleAdapter</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="background-color: cyan; color: #444444;">activity</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="background-color: cyan; color: #444444;">context</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="background-color: cyan; color: #444444;">activity</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">calling</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">activity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">using</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> adapter</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">simplicity</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">example</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">just</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">populate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">list</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">People</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">objects</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">hard</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">coded</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">method</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">when</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">it</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">first</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">created</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">In</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">most</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">cases</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">objects</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">be</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">filled</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">some</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">more</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">involved</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> source</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">PopulatePeopleData</span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;"> </span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #009695;">this</span><span style="color: #444444;">[</span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">position</span><span style="color: #444444;">]</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">return</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">particular</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">object</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">based</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">on</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">position</span><span style="color: #999988; font-style: italic;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">long</span><span style="color: #444444;"> </span><span style="color: #444444;">GetItemId</span><span style="color: #444444;">(</span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">position</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">position</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">can</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">be</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">unique</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">id</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">each</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">row</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">but</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">returning</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">position</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> easiest</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">Count</span><span style="color: #444444;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">get</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;">.</span><span style="color: #444444;">Count</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">tells</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Android</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">how</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">many</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">potential</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">rows</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">there</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">will</span><span style="color: #999988; font-style: italic;"> be</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #3364a4;">View</span><span style="color: #444444;"> </span><span style="color: #444444;">GetView</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">int</span><span style="color: #444444;"> </span><span style="color: #444444;">position</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">View</span><span style="color: #444444;"> </span><span style="color: #444444;">rowView</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ViewGroup</span><span style="color: #444444;"> </span><span style="color: #444444;">parent</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">rowView</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">being</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">filled</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">may</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">or</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">may</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">not</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">exist</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">If</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">not</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">inflate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">one</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">otherwiser</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reuse</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">one</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">passed</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;">.</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">rowView</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">if</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">==</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListActivities</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">have</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">listviews</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">fill</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">whole</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">screen</span><span style="color: #999988; font-style: italic;">.</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;"> // There</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">no</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">need</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">an</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">AXML</span><span style="color: #999988; font-style: italic;"> Layout</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">SimpleListItem2</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">predefined</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">style</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">with</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">2</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">text</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">views</span><span style="color: #999988; font-style: italic;">,</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">first</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">being</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">bolder</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">than</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> second</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">no</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">special</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">AXML</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">required</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">if</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">style</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> adequate</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="background-color: cyan; color: #444444;">context</span><span style="color: #444444;">.</span><span style="color: #444444;">LayoutInflater</span><span style="color: #444444;">.</span><span style="color: #444444;">Inflate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Layout</span><span style="color: #444444;">.</span><span style="background-color: magenta; color: #444444;">SimpleListItem2</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="color: #009695;">null</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #c44c57;">var</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #444444;">position</span><span style="color: #444444;">]</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">get</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">people</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">object</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">corresponds</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> position</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">locate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">2</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">predefined</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">text</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">views</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">load</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">object</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">into</span><span style="color: #999988; font-style: italic;"> them</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">.</span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="background-color: lime; color: #444444;">Text1</span><span style="color: #444444;">)</span><span style="color: #444444;">.</span><span style="background-color: white; color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;">.</span><span style="color: #c44c57;">LastName</span><span style="color: #444444;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">.</span><span style="color: #444444;">FindViewById</span><span style="color: #444444;"><</span><span style="color: #3364a4;">TextView</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Id</span><span style="color: #444444;">.</span><span style="background-color: lime; color: #444444;">Text2</span><span style="color: #444444;">)</span><span style="color: #444444;">.</span><span style="background-color: white; color: #444444;">Text</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">people</span><span style="color: #444444;">.</span><span style="color: #c44c57;">FirstName</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #444444;">view</span><span style="color: #444444;">;</span><span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">return</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">formated</span><span style="color: #999988; font-style: italic;"> view</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">PopulatePeopleData</span><span style="color: #444444;">()</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">is</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">just</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">done</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">demo</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">simlicity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">People</span><span style="color: #999988; font-style: italic;"> objects</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">return</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #c44c57;">List</span><span style="color: #444444;"><</span><span style="color: #3364a4;">People</span><span style="color: #444444;">></span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Anita</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Drink</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Amanda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Reconwith</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Peace</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Corner</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Feeding</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Lee</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">King</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Payne</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Haste</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wind</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Eileen</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Dover</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wendy</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Lottery</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Betty</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wont</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">People</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><span style="color: #444444;"> FirstName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> LastName </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Graw</span><span style="color: #f57d00;">"</span><span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<br />
<span style="color: #444444;">}</span>
<br />
</span></div>
<br /></div>
<br />
The ListActivity is as follows.<br />
<br />
<b>MainActivity.cs</b><br />
<br />
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> System</span><span style="color: #444444;">.</span><span style="color: #444444;">Collections</span><span style="color: #444444;">.</span><span style="color: #444444;">Generic</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">App</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Content</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Runtime</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Views</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Widget</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">OS</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #009695;">namespace</span><span style="color: #444444;"> BlogPostListActivity</span><br />
<span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Label </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">BlogPostListActivity</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> MainLauncher </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">true</span><span style="color: #444444;">)]</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">Inherit</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ready</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">made</span><span style="color: #999988; font-style: italic;"> </span><span style="background-color: yellow; color: #999988; font-style: italic;">ListActivity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Class</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> simplicity</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">MainActivity</span><span style="color: #444444;"> </span><span style="color: #444444;">:</span><span style="color: #444444;"> </span><span style="background-color: yellow; color: #3364a4;">ListActivity</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Bundle</span><span style="color: #444444;"> </span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">base</span><span style="color: #444444;">.</span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">instance</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">PeopleAdapter</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">pass</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reference</span><span style="color: #999988; font-style: italic;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;"> // to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">activity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">so</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> adapter</span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">can</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">inflate</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">rows</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built-</span><span style="color: #999988; font-style: italic;">in</span><span style="color: #999988; font-style: italic;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;"> // ListView</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">that</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">comes</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">with</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListActivity</span><span style="color: #999988; font-style: italic;"> class</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">ListView</span><span style="color: #444444;">.</span><span style="color: #444444;">Adapter</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #3364a4;">PeopleAdapter</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">this</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;">}</span></span>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpwRppAvYLoipZwlEaG1vLubBVV5q_3c5yx07D9U3MP7RsvNbqtjWaXwon-JfZAlTgj4-hUf9a58mgtkwVDejoXlkoa8HoXifw3sjDWcWILb7OG_0nDMPNL0ahuvV3MP_HxkLCGIoBorV/s1600/Screen+Shot+2014-01-31+at+8.09.54+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpwRppAvYLoipZwlEaG1vLubBVV5q_3c5yx07D9U3MP7RsvNbqtjWaXwon-JfZAlTgj4-hUf9a58mgtkwVDejoXlkoa8HoXifw3sjDWcWILb7OG_0nDMPNL0ahuvV3MP_HxkLCGIoBorV/s1600/Screen+Shot+2014-01-31+at+8.09.54+PM.png" height="640" width="385" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: Verdana;">SimpleListItem2 Style</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: Verdana; font-size: x-small;"><br /></span></div>
<br />
Changing the adapter to use the TwoLineListItem style produces the following.<br />
<br />
<span style="font-family: Verdana;"><span style="color: #444444;">view</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span></span><br />
<span style="color: #444444; font-family: Verdana;"> context</span><span style="color: #444444; font-family: Verdana;">.</span><span style="color: #444444; font-family: Verdana;">LayoutInflater</span><span style="color: #444444; font-family: Verdana;">.</span><span style="color: #444444; font-family: Verdana;">Inflate</span><span style="color: #444444; font-family: Verdana;"> </span><span style="color: #444444; font-family: Verdana;">(</span><span style="color: #444444; font-family: Verdana;">Android</span><span style="color: #444444; font-family: Verdana;">.</span><span style="color: #3364a4; font-family: Verdana;">Resource</span><span style="color: #444444; font-family: Verdana;">.</span><span style="color: #3364a4; font-family: Verdana;">Layout</span><span style="font-family: Verdana;">.</span><span style="font-family: Verdana;"><span style="background-color: magenta;">TwoLineListItem</span></span><span style="color: #444444; font-family: Verdana;">,</span><span style="color: #444444; font-family: Verdana;"> </span><span style="color: #009695; font-family: Verdana;">null</span><span style="color: #444444; font-family: Verdana;">)</span><span style="color: #444444; font-family: Verdana;">;</span><br />
<span style="color: #444444; font-family: Verdana; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmIV6FMmMnYGwq06DX7pLE93u97MQ_omEzo99aKszUsb7nlUoddyYGBwez4afMu1hAycVknFlw_MhMgCxsVEapjf2nJCI6_KasIhJBoi0qdKExV2bmMW7b-UWC8RZbOgltPbeHeuVjGMX/s1600/Screen+Shot+2014-01-31+at+9.06.54+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmIV6FMmMnYGwq06DX7pLE93u97MQ_omEzo99aKszUsb7nlUoddyYGBwez4afMu1hAycVknFlw_MhMgCxsVEapjf2nJCI6_KasIhJBoi0qdKExV2bmMW7b-UWC8RZbOgltPbeHeuVjGMX/s1600/Screen+Shot+2014-01-31+at+9.06.54+PM.png" height="640" width="386" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: Verdana;">TwoLineListItem Style</span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #444444; font-family: Verdana; font-size: x-small;"><br /></span><span style="font-family: Times, Times New Roman, serif;"><span style="color: #444444;">The </span><span style="color: #444444; text-align: center;">SimpleListItem1 Style shown in the blog post on the ArrayAdapter can also be used, but it will only support the first text item. There is also an ActivityListItem style which includes an image that will be covered in a later post.</span></span><br />
<div style="text-align: center;">
<span style="color: #444444; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Times, Times New Roman, serif;">Filtering and sorting can be performed by a CustomAdapter before it is displayed. For example, modifying the PeopleAdapter to use a linq expression to sort on last name will re-order the data.</span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Verdana;"><br /></span></div>
<div style="border-style: groove;">
<span style="font-family: Verdana;">
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">data</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">=</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">PopulatePeopleData</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">(</span><span style="color: #999988; font-style: italic;">)</span><span style="color: #999988; font-style: italic;">;</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">data</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #009695;">from</span><span style="color: #444444;"> p </span><span style="color: #009695;">in</span><span style="color: #444444;"> </span><span style="color: #444444;">PopulatePeopleData</span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">orderby</span><span style="color: #444444;"> </span><span style="color: #444444;">p</span><span style="color: #444444;">.</span><span style="color: #c44c57;">LastName</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">select</span><span style="color: #444444;"> </span><span style="color: #444444;">p</span><span style="color: #444444;">)</span><span style="color: #444444;">.</span><span style="color: #444444;">ToList</span><span style="color: #444444;"> </span><span style="color: #444444;">()</span><span style="color: #444444;">;</span></span>
</div>
<div style="text-align: center;">
<span style="color: #444444; font-family: Verdana; font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOIDAVf0kpmCwIhEtx1EQ0D883MzlPSLb8aHXopLDHBSIWxsULAEt039eWjUOPingMviQ2Eig2k-DZPxn1y8N0JYL0tDJHxr_fHs7OQGyOpJ3YQTjVwa83CIjbY92tsF3qtPXelSJ_kr-h/s1600/Screen+Shot+2014-01-31+at+9.19.42+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOIDAVf0kpmCwIhEtx1EQ0D883MzlPSLb8aHXopLDHBSIWxsULAEt039eWjUOPingMviQ2Eig2k-DZPxn1y8N0JYL0tDJHxr_fHs7OQGyOpJ3YQTjVwa83CIjbY92tsF3qtPXelSJ_kr-h/s1600/Screen+Shot+2014-01-31+at+9.19.42+PM.png" height="640" width="386" /></a></div>
<span style="color: #444444; font-family: Verdana; font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<span style="color: #444444; font-family: Verdana; font-size: x-small;"><br /></span></div>
<div>
</div>
Atavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.com0tag:blogger.com,1999:blog-5010246559544474048.post-45717705548109934472014-01-30T16:10:00.001-08:002014-08-17T14:56:48.986-07:00ListView Basics for Android (using an ArrayAdapter)Lists of repeating items are fundamental to almost any computer application and date back to the earliest days of programming. It's difficult to think of an application that won't require them at some point, so it's usually one of the first things to tackle when learning to develop for any new operating system.<br />
<br />
In Android, a list of scrollable rows is called a <b>ListView</b>. To function, the ListView needs a <b>ListAdapter</b> which is a class that will format a view for each row from the desired data when called for by the <b>activity</b> which is controlling the ListView.<br />
<br />
The ListAdapter can be one of the following types:<br />
<ul>
<li><b>ArrayAdapter</b> - Binds to an array of strings</li>
<li><b>CustomAdapter</b> - Binds to a list of objects</li>
<li><b>CursorAdapter</b> - Binds to an SQLite query</li>
</ul>
The simplest approach to display a list of items is to use the built-in <b>ListActivity</b> class. It will already contain a ListView which fills the entire screen, and a ListAdapter to bind the data. No AXML layout is required to define the screen layout. Using an <b>ArrayAdapter</b> is all that is necessary to get simple data onto the screen. <br />
<br />
<div style="border-style: groove;">
<span style="color: #009695; font-family: Verdana;">using</span><span style="color: #444444; font-family: Verdana;"> System</span><span style="color: #444444; font-family: Verdana;">;</span><span style="font-family: Verdana;"> </span><br />
<span style="font-family: Verdana;"><span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">App</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Content</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Runtime</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Views</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">Widget</span><span style="color: #444444;">;</span><br />
<span style="color: #009695;">using</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #444444;">OS</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #009695;">namespace</span><span style="color: #444444;"> BlogPostListActivity</span><br />
<span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">[</span><span style="color: #3364a4;">Activity</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">Label </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">BlogPostListActivity</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><span style="color: #444444;"> MainLauncher </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">true</span><span style="color: #444444;">)]</span><br />
<span style="color: #444444;"> </span></span><br />
<span style="font-family: Verdana;"><span style="background-color: yellow;"><span style="color: #999988; font-style: italic;"> //</span><span style="color: #999988; font-style: italic;">Inherit</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">from</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ready</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">made</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">ListActivity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Class</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">for</span><span style="color: #999988; font-style: italic;"> simplicity</span></span></span><br />
<span style="font-family: Verdana;"><span style="color: #999988;"><i><br /></i></span>
<span style="color: #444444;"> </span><span style="color: #009695;">public</span><span style="color: #444444;"> </span><span style="color: #009695;">class</span><span style="color: #444444;"> </span><span style="color: #3364a4;">MainActivity</span><span style="color: #444444;"> </span><span style="background-color: yellow;"><span style="color: #444444;">:</span><span style="color: #444444;"> </span><span style="color: #3364a4;">ListActivity</span></span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">private</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;">[]</span><span style="color: #444444;"> </span><span style="color: #444444;">items</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #009695;">protected</span><span style="color: #444444;"> </span><span style="color: #009695;">override</span><span style="color: #444444;"> </span><span style="color: #009695;">void</span><span style="color: #444444;"> </span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #3364a4;">Bundle</span><span style="color: #444444;"> </span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #009695;">base</span><span style="color: #444444;">.</span><span style="color: #444444;">OnCreate</span><span style="color: #444444;"> </span><span style="color: #444444;">(</span><span style="color: #444444;">bundle</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;">create</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">list</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">names</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> display</span><br />
<span style="color: #444444;"> </span><span style="background-color: lime; color: #444444;">items</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span><span style="color: #009695;">new</span><span style="color: #444444;"> </span><span style="color: #009695;">string</span><span style="color: #444444;">[]</span><span style="color: #444444;"> </span><span style="color: #444444;">{</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Anita</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Drink</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Amanda</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Reconwith</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Warren</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Peace</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rhonda</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Corner</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Karen</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Feeding</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Rufus</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Lee</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">King</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Winston</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Payne</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marian</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Haste</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Augusta</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Wind</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Eileen</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Dover</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Wendy</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Lottery</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Betty</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Wont</span><span style="color: #f57d00;">"</span><span style="color: #444444;">,</span><br />
<span style="color: #444444;"> </span><span style="color: #f57d00;">"</span><span style="color: #f57d00;">Marty</span><span style="color: #f57d00;"> </span><span style="color: #f57d00;">Graw</span><span style="color: #f57d00;">"</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><span style="color: #444444;">;</span><br />
<br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> S</span><span style="color: #999988; font-style: italic;">et</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">built</span><span style="color: #999988; font-style: italic;">-i</span><span style="color: #999988; font-style: italic;">n</span><span style="color: #999988; font-style: italic;"> </span><span style="background-color: yellow; color: #999988; font-style: italic;">ListAdapter</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">new</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">instance</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">of</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">an</span><span style="color: #999988; font-style: italic;"> <span style="background-color: orange;">A</span></span><span style="background-color: orange;"><span style="color: #999988; font-style: italic;">rrayA</span><span style="color: #999988; font-style: italic;">dapter</span></span><br />
<span style="color: #444444;"> </span><span style="color: #999988; font-style: italic;">//</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">Set</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">layout</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">pre</span><span style="color: #999988; font-style: italic;">-</span><span style="color: #999988; font-style: italic;">defined</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">SimpleListItem1</span><span style="color: #999988; font-style: italic;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #999988; font-style: italic;"> // and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">pass</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">it</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">a</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">reference</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">to</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">this</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">activity</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">and</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">the</span><span style="color: #999988; font-style: italic;"> </span><span style="color: #999988; font-style: italic;">items</span><span style="color: #999988; font-style: italic;"> array</span><br />
<span style="color: #444444;"> </span><span style="background-color: yellow; color: #444444;">ListAdapter</span><span style="color: #444444;"> </span><span style="color: #444444;">=</span><span style="color: #444444;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #009695;"> new</span><span style="color: #444444;"> </span><span style="background-color: orange; color: #3364a4;">ArrayAdapter</span><span style="color: #444444;"><</span><span style="color: #c44c57;">String</span><span style="color: #444444;">></span><span style="color: #444444;"> </span></span><br />
<span style="font-family: Verdana;"><span style="color: #444444;"> (</span><span style="color: #009695;">this</span><span style="color: #444444;">,</span><span style="color: #444444;"> Android</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Resource</span><span style="color: #444444;">.</span><span style="color: #3364a4;">Layout</span><span style="color: #444444;">.</span><span style="color: #444444;">SimpleListItem1</span><span style="color: #444444;">,</span><span style="color: #444444;"> </span><span style="background-color: lime; color: #444444;">items</span><span style="color: #444444;">)</span><span style="color: #444444;">;</span><br /><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;"> </span><span style="color: #444444;">}</span><br />
<span style="color: #444444;">}</span><br />
<br />
</span></div>
<br />
Nothing further is need to display the array data.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7av7BZgRNejQ1uYb0aYq4A7yJZuTlnGd19HBbPWufuBi9pzGnPy4lBiSUzQWTqTZ7v1C2vQwJKyoF_DLLK28tv9JMT5O725IEju1UgTN0td0RLLcz28csX-VOsdLesPsAqa9TGYU61eiQ/s1600/Screen+Shot+2014-01-30+at+6.00.37+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7av7BZgRNejQ1uYb0aYq4A7yJZuTlnGd19HBbPWufuBi9pzGnPy4lBiSUzQWTqTZ7v1C2vQwJKyoF_DLLK28tv9JMT5O725IEju1UgTN0td0RLLcz28csX-VOsdLesPsAqa9TGYU61eiQ/s1600/Screen+Shot+2014-01-30+at+6.00.37+PM.png" height="640" width="385" /></a></div>
<div style="text-align: center;">
<a href="http://www.atavisticsoftware.com/demo/BlogPostListActivityArrayAdapter.zip">Download Code</a></div>
<br />
<br />
<br />Atavistic Softwarehttp://www.blogger.com/profile/09145139274983633497noreply@blogger.com0