首先我们看ListView实现之后的的效果,如下图所示:
现在我们来看看如何来实现这个可以进行上下活动的ListView:
首先是主界面Activity_Main.xml的代码:
很显然,我们在主页面当中插入了ListView这个控件,这个控件利用“match_parent”属性将整个主界面给铺满,尤其是垂直方向上,这样ListView里面的元素如果超过了一页,才能够进行上下滑动。
现在我们来定制ListView当中每一个栏目所对应的界面是以什么位置来摆放ImageView和TextView的,因此需要再编写一个Xml文件来规定它们的位置和大小。我们依然在layout文件夹下创建fruit_item.xml文件,编写好的代码如下所示:
接下来编写一个数据Bean,用于适配器Adapter来接收我们自定义好后的数据,Adapter接收好定义的数据之后才能够将数据传回主活动当中,再通过XML界面,将图片和文字显示出来。
数据Bean的代码如下:
public classFruit {privateString name;private intimageId;public Fruit(String name,intimageId){this.name=name;this.imageId=imageId;
}publicString getName() {returnname;
}public intgetImageId() {returnimageId;
}
}
然后是FruitAdapter.java的代码,这个也就是之前我们所说过的适配器Adpater了,它的代码如下:
importandroid.content.Context;importandroid.view.LayoutInflater;importandroid.view.View;importandroid.view.ViewGroup;importandroid.widget.ArrayAdapter;importandroid.widget.ImageView;importandroid.widget.TextView;importjava.util.List;public class FruitAdapter extends ArrayAdapter{private intresourceId;public FruitAdapter(Context context, int textViewResourceId, Listobjects){super(context, textViewResourceId,objects);
resourceId=textViewResourceId;
}public View getView(intposition, View convertView, ViewGroup parent)
{
Fruit fruit=getItem(position);
View view= LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
ImageView fruitImage=(ImageView)view.findViewById(R.id.fruit_image);
TextView fruitName=(TextView)view.findViewById(R.id.fruit_name);
fruitImage.setImageResource(fruit.getImageId());
fruitName.setText(fruit.getName());returnview;
}
}
然后将主活动的代码Main_Activity.java更改为如下即可:
importandroidx.appcompat.app.AppCompatActivity;importandroid.os.Bundle;importandroid.widget.ArrayAdapter;importandroid.widget.ListView;importjava.util.ArrayList;importjava.util.List;public class MainActivity extendsAppCompatActivity {private List fruitList=new ArrayList<>();private String[] data={"1","2","3","4","5"};
@Overrideprotected voidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initFruits();
FruitAdapter adapter=new FruitAdapter(MainActivity.this,R.layout.fruit_item,fruitList);
ListView listView=(ListView)findViewById(R.id.list_view);
listView.setAdapter(adapter);
}private voidinitFruits()
{for(int i=0;i<2;i++)//这里说明这些我们所添加进来的元素循环两次,如果你想要多循环几次,就添加循环次数就可以了
{
Fruit apple=new Fruit("第一张图片",R.drawable.one);
fruitList.add(apple);
Fruit two=new Fruit("第二张图片",R.drawable.two);
fruitList.add(two);
Fruit three=new Fruit("第三张图片",R.drawable.three);
fruitList.add(three);
Fruit four=new Fruit("第四张图片",R.drawable.four);
fruitList.add(four);
Fruit five=new Fruit("第五张图片",R.drawable.five);
fruitList.add(five);
}
}
}
完毕!!