8516830 发表于 2015-5-9 09:48:22

Windows Phone 7 不温不火学习之《ListBox 数据与Android ListView 数据绑定》

  Windows Phone 7 可以把它看成是Android 的 ListView ,WP7 只是预先在XAML里面为它的数据模板规定了格式,而Android 可以通过后期引入数据的方式为其添加数据模板。
  Android 我们可以通过以下几种方式为LISTVIEW 添加数据,用法极其简单:

[*]继承ListActivity,使用SetListAdapter,参考下面的代码。

setListAdapter(new ArrayAdapter(this,
                android.R.layout.simple_list_item_1, mStrings));  
[*]可自定义数据源,继承BaseAdapter ,参考下面代码。

自定义数据源

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.
         *
         * @see 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.
         *
         * @see android.widget.ListAdapter#getItem(int)
         */
      public Object getItem(int position) {
            return position;
      }
      /**
         * Use the array index as a unique id.
         *
         * @see android.widget.ListAdapter#getItemId(int)
         */
      public long getItemId(int position) {
            return position;
      }
      /**
         * Make a view to hold each row.
         *
         * @see 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);
                // 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;
    }  
[*]由于Android 默认提供了多种自定义数据源的格式模板给我们,所以用起来非常方便有多种可供选择:
SimpleAdapter,SimpleCursorAdapter,ArrayAdapter等,具体可在具体的项目上实施使用。
  本篇将着重介绍WP7 的ListBox 一个我自认为非常简单方便的数据绑定方法。并且通过Silverlight 特有的数据绑定方法在XAML绑定数据。本篇学习笔记将以一个呈现天气列表的LISTBOX的例,效果如下:

  
  实现这个功能我们需要编写一个Model 己记录这些实体信息,Model代码如下:
  


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;
      }
    }  
  
  并且我们还需要一个类来做为ListBox 的数据源,前篇有讲过数据绑定的一篇文章提到过ObservableCollection 不知道大家还有没有印象,本篇就是使用这个数据集合来做ListBox 数据源,该类代码如下:
  


public class weathers:List
    {
      private const string imageUrl = "../images/";
      public weathers()
      {
            BuildCollection();
      }
      public ObservableCollection DataCollection { get; set; }
      public ObservableCollection BuildCollection()
      {
            DataCollection = new ObservableCollection();
            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;
      }


    }  
  实体类和数据源代码编写完成后,接下来打开mainPage.xaml,添加一个命名空间:
  


xmlns:data="clr-namespace:ListBoxDatBind"  
  Tip:这里指定的是你的数据源所在的命名空间。
  之后,添加一个页面的资源KEY
  



      
      
  
  准备工作准备完成,为ListBox 绑定数据:
  



               
                  
                        
                           
                           
                              
                              
                              
                              
                           
                        
                  
               
              
  
运行的效果如上图。   个人觉得,要论数据绑定的话,还是Android 的 ListView 来得灵活一点,不过Wp 7 的数据绑定却在微软的封装下来得方便许多。
  
  源码下载:
  数据绑定
页: [1]
查看完整版本: Windows Phone 7 不温不火学习之《ListBox 数据与Android ListView 数据绑定》