今天,针对这个东西,我们做个系统详细的分析.
listview加载adapter过程是这样的.
1 先判断adapter 有多少数据项,根据这个数据确定有多少item.
2 确定每个item里加载哪个View.
3 把View里加载要显示的数据.
问提一个一个来解决. 第一个问题: 因为adapter都要关联一个list .有来存储数据.list的项数就是Item的数目. 我们在重载BaseAdapter 时候,都要实现这个函数
public int getCount() {
return weatherList.size();
}
哎,这个函数就是确定关联条目的.
第二个问题 哪来的view 呢, 当然我们自己创建的.重载BaseAdapter时候你要实现getView()这个函数,就是这个view.
第三个问题,你自己创建的view.加载哪些数据你该知道的.呵呵.
张豪就喜欢看例子,这个小伙子技术,管理都很牛,得以他为榜样. 得努力.
public class CustomAdapterActivity extends ListActivity
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ArrayList<Weather> weatherList = new ArrayList<Weather>();
Weather w = new Weather( "London", 17, Weather.OVERCAST );
weatherList.add( w );
w = new Weather( "Paris", 22, Weather.OVERCAST );
weatherList.add( w );
w = new Weather( "Athens", 29, Weather.SUNNY );
weatherList.add( w );
w = new Weather( "Stockholm", 12, Weather.RAIN );
weatherList.add( w );
WeatherAdapter weatherAdapter = new WeatherAdapter(
this,
weatherList );
setListAdapter( weatherAdapter );
}
}
哎,这个大家都很清楚,关键问题是weatherAdapter 哪来的呢? 自己创建的啊,如果创建呢?
public class WeatherAdapter extends BaseAdapter {
private Context context;
private List<Weather> weatherList; 这就是adapter关联的List,用来存储数据.还记的ArrayList 要往里传参数吗? 传的也是这个类型啊.呵呵
public WeatherAdapter(Context context, List<Weather> weatherList ) {
this.context = context;
this.weatherList = weatherList;
}
public int getCount() {
return weatherList.size();
}
public Object getItem(int position) {
return weatherList.get(position);
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
Weather weather = weatherList.get(position);
return new WeatherAdapterView(this.context, weather );
}
}
哎,这段告诉了我们,有多少个Item, 可以通过getCount()得到了。 可是View 哪来的呢?
当然是getView ()这个函数提供.
这个view 的获取就多中多样了,我们可以传个LayoutID. 通过Inflater出来,也可以自己创建个,只要出来就行.
在这里,我们自己创建个View. 这个View.是个VIewGroup.
class WeatherAdapterView extends LinearLayout {
public static final String LOG_TAG = "WeatherAdapterView";
public WeatherAdapterView(Context context,
Weather weather ) {
super( context );
this.setOrientation(HORIZONTAL);
LinearLayout.LayoutParams cityParams =
new LinearLayout.LayoutParams(100, LayoutParams.WRAP_CONTENT);
cityParams.setMargins(1, 1, 1, 1);
TextView cityControl = new TextView( context );
cityControl.setText( weather.getCity() );
addView( cityControl, cityParams);
LinearLayout.LayoutParams temperatureParams =
new LinearLayout.LayoutParams(20, LayoutParams.WRAP_CONTENT);
temperatureParams.setMargins(1, 1, 1, 1);
TextView temperatureControl = new TextView(context);
temperatureControl.setText( Integer.toString( weather.temperature ) );
addView( temperatureControl, temperatureParams);
LinearLayout.LayoutParams skyParams =
new LinearLayout.LayoutParams(25, LayoutParams.WRAP_CONTENT);
ImageView skyControl = new ImageView( context );
Log.d( LOG_TAG, weather.getCity()+" -> "+weather.sky );
skyControl.setImageResource( weather.getSkyResource() );
addView( skyControl, skyParams );
}
}
有了这个就很清楚了. 呵呵,很明白吧, 一定得深入,细致的理解
一个很简单的界面,上面留块地方放logo或者banner,然后下面放个东西来显示数据。试验中上面使用的是TextView,下面是ListView。对于ListView,当然需要使用Adapter来显示数据啦,但默认的Adapter满足不了需要,因为我的那个一条需要显示的东西不是那么标准,所以折腾了几天,自己弄出来了一个fooAdapter,顺便还有这篇文章。
首先是最简单的框架,一个布局的xml文件,然后一个主程序,在其中实现一个继承于Activity的类,在类中的onCreate()方法中把布局给画出来。
public class Cover extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.cover);
ListView lv = (ListView) findViewById(R.id.summary);
fooAdapter adapter = new fooAdapter(this);
lv.setAdapter(adapter);
}
}
接下来就是cover.xml的layout文件,很简单的一个东西,里面就一个TextView用来放东西,一个ListView用来和fooAdapter绑定。
下面就开始编写fooAdapter这个类了,先新建一个类,继承于BaseAdapter,然后把getCount/getItem/getItemId/getView这几个架子搭好,用eclipse+ADT的方式开发的话可以自动生成,默认生成的东西不可用。在fooAdapter中加上一个数据源,然后就可以去完善这些方法了。我用的数据源是个很简单的String[],同时在类中还加上了一个Context类型的变量_ctx,此变量将在ctor时被赋值(所以还加了一个ctor,呵呵)。架子搭好了就可以填东西了,先放个简单的TextView吧,这里对getView做修改就可以了。
class fooAdapter extends BaseAdapter {
private Context _ctx = null;
private String[] _data = { "foo", "bar", "foobar", "barfoo" };
public fooAdapter(Context context) {
_ctx = context;
}
@Override
public int getCount() {
return _data.length;
}
@Override
public Object getItem(int position) {
return position;
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
TextView tv = null;
if (null == convertView) {
tv = new TextView(_ctx);
Log.v("huzim", "Pos1 is " + position);
} else {
tv = (TextView) convertView;
}
tv.setText(_data[position]);
return tv;
}
}
下一步折腾多一些东西,每次调用getView会返回一个LinearLayout,里面包含有两个TextView。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LinearLayout lay = null;
// Set the sub-views to be displayed
TextView tv_l = new TextView(_ctx);
TextView tv_r = new TextView(_ctx);
tv_l.setText("* ");
tv_r.setText(_data[position]);
tv_r.setGravity(Gravity.RIGHT);
if (null == convertView) {
lay = new LinearLayout(_ctx);
lay.addView(tv_l);
lay.addView(tv_r);
} else {
lay = (LinearLayout) convertView;
}
return lay;
}
最后,差不多满足我的一个东西,每次返回一个TableLayout,暂时里面只有两列。用TableLayout是因为有些列可能需要右对齐,好像在TextView里面做不了。有一点需要注意的就是,在TableLayout中如果要设置右对齐的话,一定需要给对应列设置ColumnStretchable属性,要不然内容不会展开。昨天晚上折腾了好久才在这个页面上看到的解决方法,上面还详细说了TableLayout几个属性的差别,推荐细看。最后这个getView是这样的:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
TableLayout lay = null;
// Set the sub-views to be displayed
TableRow tr = new TableRow(_ctx);
TextView tv_l = new TextView(_ctx);
TextView tv_r = new TextView(_ctx);
tv_l.setText("* ");
tv_r.setText(_data[position]);
tv_r.setGravity(Gravity.RIGHT);
tv_r.setLayoutParams(new TableRow.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
tr.addView(tv_l);
tr.addView(tv_r, new TableRow.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
if (null == convertView) {
lay = new TableLayout(_ctx);
lay.addView(tr);
} else {
lay = (TableLayout) convertView;
}
lay.setColumnStretchable(1, true);
return lay;
}
呵呵,差不多就这些了吧,加上了一个自定义的Adapter,可以按自己的意愿让伊显示,满好 :)