android listview 自定义控件,Android04-自定义控件及ListView的使用

自定义控件

第一步：搭建好布局

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/title_bg"

>

android:id="@+id/title_back"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_margin="5dp"

android:background="@drawable/back_bg"

android:text="Back"

android:textColor="#fff"

/>

android:id="@+id/tiitle_text"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:gravity="center"

android:text="Title Text"

android:textColor="#fff"

android:textSize="24sp"

/>

android:id="@+id/title_edit"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_margin="5dp"

android:background="@drawable/edit_bg"

android:text="Edit"

android:textColor="#fff"

/>

第二步，实现自定义控件的点击事件等

具体做法：创建一个类继承自LinearLayout，然后动态加载第一步搭建的xml文件

public class TitleLayout extends LinearLayout {

//重写构造函数

public TitleLayout(Context context, AttributeSet attrs) {

super(context, attrs);

//LayoutInflater的from()方法可以构造一个LayoutInflater对象，然后调用inflate可以动态加载一个布局文件

//inflate()方法接收两个参数,1.要加载的布局文件的id，2.加载好的布局添加一个父布局。

LayoutInflater.from(context).inflate(R.layout.title, this);

//监听返回按钮的点击事件

Button titleBack = (Button) findViewById(R.id.title_back);

Button titleEdit = (Button) findViewById(R.id.title_edit);

titleBack.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

//当前activity出栈

((Activity) getContext()).finish();

}

});

//Edit按钮的点击事件

titleEdit.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(getContext(), "点击了编辑按钮", Toast.LENGTH_SHORT).show();

}

});

}

}

第三步：在activity的layout文件中添加自定义控件

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="wrap_content"

/>

自定义控件.png

ListView的简单用法

类似iOS的TableView

第一步，布局ListView

android:orientation="vertical" android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/list_view"

android:layout_width="match_parent"

android:layout_height="match_parent">

第二步，设置ListView展示的数据

需要注意的是，ListView的数据展示需要借助适配器来实现；ArrayAdapter适配器可以通过泛型来指定要适配的数据类型。

public class MainActivity extends AppCompatActivity {

private String[] data = {"apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple", "apple"};

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.layout);

//ArrayAdapter构造函数，依次传入当前上下文，ListView子项布局的id，以及要适配的数据

//android.R.layout.simple_list_item_1 ：Android的一个内置布局文件，里面只有一个TextView

ArrayAdapter adapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, data);

ListView listView = (ListView) findViewById(R.id.list_view);

listView.setAdapter(adapter);

}

}

自定义ListView的界面

第一步：定义一个实体类，存储ListView要显示的数据。

新建Fruit实体类

public class Fruit {

//水果名

private String name;

//显示的图片id

private int imageId;

public Fruit(String name, int imageId) {

this.name = name;

this.imageId = imageId;

}

public String getName() {

return name;

}

public int getImageId() {

return imageId;

}

}

第二步：搭建ListViewItem，用来展示实体类存储的数据

新建listItem.xml布局文件

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/fruit_image"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:id="@+id/fruit_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:layout_marginLeft="10dp"/>

第三步，自定义适配器(Adapter)

创建一个FruitAdapter继承自ArrayAdapter

public class FruitAdapter extends ArrayAdapter {

private int resourceId;

//重写构造方法，将上下文、ListView子项布局的ID和数据都传进来

public FruitAdapter(Context context, int textViewResourceId, List objects) {

super(context, textViewResourceId, objects);

resourceId = textViewResourceId;

}

//重写getView()方法，这个方法在子项被滚动屏幕内时调用

@NonNull

@Override

public View getView(int position, View convertView, ViewGroup parent) {

//获取当前项的Fruit实例

Fruit fruit = getItem(position);

View view;

//创建一个viewHolder来缓存控件，这样就不用每次加载的时候都要调用findViewById()来获得控件的实例了

ViewHodler viewHolder;

// 加载布局

if (convertView == null) {

//创建

view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);

viewHolder = new ViewHodler();

viewHolder.fruitImage = (ImageView) view.findViewById(R.id.fruit_image);

viewHolder.fruitName = (TextView) view.findViewById(R.id.fruit_name);

//把viewHolder存入view中

view.setTag(viewHolder);

} else {

view = convertView;

//重新取出viewHolder

viewHolder = (ViewHodler) view.getTag();

}

//设置布局显示的数据

viewHolder.fruitImage.setImageResource(fruit.getImageId());

viewHolder.fruitName.setText(fruit.getName());

return view;

}

}

class ViewHodler {

ImageView fruitImage;

TextView fruitName;

}

第四步：在activity中加载listView

public class MainActivity extends AppCompatActivity {

private List fruitList = new ArrayList<>();

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.layout);

//初始化水果数据

initFruits();

FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);

//设置listView的数据

ListView listView = (ListView) findViewById(R.id.list_view);

listView.setAdapter(adapter);

}

private void initFruits() {

for (int i = 0; i < 2; i++) {

Fruit apple = new Fruit("apple", R.drawable.apple_pic);

fruitList.add(apple);

Fruit bananna = new Fruit("Banana", R.drawable.banana_pic);

fruitList.add(bananna);

Fruit orange = new Fruit("Orange", R.drawable.orange_pic);

fruitList.add(orange);

Fruit watermelo = new Fruit("waterelon", R.drawable.watermelon_pic);

fruitList.add(watermelo);

Fruit pear = new Fruit("Pear", R.drawable.pear_pic);

fruitList.add(pear);

Fruit grape = new Fruit("Grape", R.drawable.grape_pic);

fruitList.add(grape);

Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);

fruitList.add(pineapple);

Fruit strawberry = new Fruit("cherry", R.drawable.cherry_pic);

fruitList.add(strawberry);

}

}

}

ListView的点击事件

使用setOnItemClickLister()方法为ListView注册一个监听器，当用户点击ListView的任何一个子项时，就会回调onItemClick()方法。

///监听listView的点击事件

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

@Override

public void onItemClick(AdapterView> parent, View view, int position, long id) {

Fruit fruit = fruitList.get(position);

Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();

}

});

自定义listView.png