Windows Phone - ListBox 数据与 Android ListView 数据绑定
openkk
13年前
<p>Windows Phone 7 可以把它看成是Android 的 ListView ，WP7 只是预先在XAML里面为它的数据模板规定了格式，而Android 可以通过后期引入数据的方式为其添加数据模板。</p> <p>Android 我们可以通过以下几种方式为LISTVIEW 添加数据，用法极其简单：</p> <ul> <li>继承ListActivity，使用SetListAdapter，参考下面的代码。<br /> <span style="color:#000000;"><pre class="brush:c#; toolbar: true; auto-links: false;">setListAdapter(new ArrayAdapter <string> (this,android.R.layout.simple_list_item_1, mStrings)); </string></pre></span></li> <li>可自定义数据源，继承BaseAdapter ，参考下面代码。<br /> <br /> <div class="cnblogs_code"> <span>自定义数据源</span> <br /> <span style="color:#000000;"><pre class="brush:c#; toolbar: true; auto-links: false;">private class SlowAdapter extends BaseAdapter { private LayoutInflater mInflater; public SlowAdapter(Context context) { mContext = context; mInflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } /** * The number of items in the list is determined by the number of speeches * in our array. * * <a class="referer" href="/misc/goto?guid=4959500060530904878" target="_blank">@see</a> android.widget.ListAdapter#getCount() */ public int getCount() { return mStrings.length; } /** * Since the data comes from an array, just returning the index is * sufficent to get at the data. If we were using a more complex data * structure, we would return whatever object represents one row in the * list. * * <a class="referer" href="/misc/goto?guid=4959500060530904878" target="_blank">@see</a> android.widget.ListAdapter#getItem(int) */ public Object getItem(int position) { return position; } /** * Use the array index as a unique id. * * <a class="referer" href="/misc/goto?guid=4959500060530904878" target="_blank">@see</a> android.widget.ListAdapter#getItemId(int) */ public long getItemId(int position) { return position; } /** * Make a view to hold each row. * * <a class="referer" href="/misc/goto?guid=4959500060530904878" target="_blank">@see</a> android.widget.ListAdapter#getView(int, android.view.View, * android.view.ViewGroup) */ public View getView(int position, View convertView, ViewGroup parent) { TextView text; if (convertView == null) { text = (TextView)mInflater.inflate(android.R.layout.simple_list_item_1, parent, false); } else { text = (TextView)convertView; } if (!mBusy) { text.setText(mStrings[position]); // Null tag means the view has the correct data text.setTag(null); } else { text.setText("Loading..."); // Non-null tag means the view still needs to load it's data text.setTag(this); } return text; } /** * Remember our context so we can use it when constructing views. */ private Context mContext; }</pre> <p></p> </span> <span style="color:#000000;"><br /> </span> </div> </li> <li>由于Android 默认提供了多种自定义数据源的格式模板给我们，所以用起来非常方便有多种可供选择：<br /> SimpleAdapter,SimpleCursorAdapter,ArrayAdapter <!--?-->等，具体可在具体的项目上实施使用。</li> </ul> <p>本篇将着重介绍WP7 的ListBox 一个我自认为非常简单方便的数据绑定方法。并且通过Silverlight 特有的数据绑定方法在XAML绑定数据。本篇学习笔记将以一个呈现天气列表的LISTBOX的例，效果如下：</p> <p><img alt="Windows Phone - ListBox 数据与 Android ListView 数据绑定" src="https://simg.open-open.com/show/bf2f152356b2fd2456bfa95a9fd31bf8.png" width="371" height="608" /></p> <p>实现这个功能我们需要编写一个Model 己记录这些实体信息，Model代码如下：</p> <p></p> <pre class="brush:c#; toolbar: true; auto-links: false;">public class weather { public string Conditions { get; set; } public string ImageUrl { get; set; } public string Low { get; set; } public string High { get; set; } public string Location { get; set; } public weather(string conditins, string imageurl, string low, string high, string location) { this.Conditions = conditins; this.ImageUrl = imageurl; this.Low = low; this.High = high; this.Location = location; } }</pre> <p></p> <p>并且我们还需要一个类来做为ListBox 的数据源，前篇有讲过数据绑定的一篇文章提到过ObservableCollection 不知道大家还有没有印象，本篇就是使用这个数据集合来做ListBox 数据源，该类代码如下：</p> <p></p> <pre class="brush:c#; toolbar: true; auto-links: false;">public class weathers:List <weather> { private const string imageUrl = "../images/"; public weathers() { BuildCollection(); } public ObservableCollection <weather> DataCollection { get; set; } public ObservableCollection <weather> BuildCollection() { DataCollection = new ObservableCollection <weather> (); DataCollection.Add(new weather("阴天", imageUrl + "19n.png", "10度", "20度", "广州")); DataCollection.Add(new weather("凉爽", imageUrl + "23d.png", "20度", "25度", "海南")); DataCollection.Add(new weather("多云", imageUrl + "26n.png", "10度", "18度", "深圳")); DataCollection.Add(new weather("晴转多云", imageUrl + "27d.png", "20度", "23度", "三亚")); DataCollection.Add(new weather("阴转多云", imageUrl + "27n.png", "22度", "23度", "揭阳")); DataCollection.Add(new weather("晴天", imageUrl + "31d.png", "22度", "25度", "汕头")); return DataCollection; } } </weather> </weather> </weather> </weather></pre> <p></p> <p>实体类和数据源代码编写完成后，接下来打开mainPage.xaml，添加一个命名空间：</p> <p></p> <pre class="brush:html; toolbar: true; auto-links: false;"> xmlns:data="clr-namespace:ListBoxDatBind"</pre> <p></p> <p>Tip:这里指定的是你的数据源所在的命名空间。</p> <p>之后，添加一个页面的资源KEY</p> <p></p> <pre class="brush:xml; toolbar: true; auto-links: false;"> <!--?xml:namespace prefix = phone /--> <phone:phoneapplicationpage.resources> <!--?xml:namespace prefix = data /--> <data:weathers x:key="weatherCollection"> </data:weathers> </phone:phoneapplicationpage.resources></pre> <p></p> <p>准备工作准备完成，为ListBox 绑定数据：</p> <p></p> <pre class="brush:xml; toolbar: true; auto-links: false;"> <listbox name="listBox1" itemssource="{Binding Source={StaticResource weatherCollection},Path=DataCollection}"> <listbox.itemtemplate> <datatemplate> <stackpanel orientation="Horizontal"> <img source="{Binding Path=ImageUrl}" /> <stackpanel orientation="Vertical"> <textblock text="{Binding Conditions}"> <textblock text="{Binding Low}"> <textblock text="{Binding High}"> <textblock text="{Binding Location}"> </textblock> </textblock> </textblock> </textblock> </stackpanel> </stackpanel> </datatemplate> </listbox.itemtemplate> </listbox></pre> <p></p> <p></p> <p>运行的效果如上图。</p> <p>个人觉得，要论数据绑定的话，还是Android 的 ListView 来得灵活一点，不过Wp 7 的数据绑定却在微软的封装下来得方便许多。</p> <p>源码下载：</p> <p><a href="/misc/goto?guid=4959500060649964008" rel="nofollow" target="_blank">数据绑定</a></p>