ListView经典案例
时间: 2023-12-03 10:28:44 浏览: 34
一个经典的ListView案例是创建一个联系人列表。在这个案例中,你可以展示一个包含联系人姓名和电话号码的列表,并且可以通过点击列表项来查看联系人的详细信息。
首先,你需要创建一个ListView组件来展示联系人列表。你可以使用ListView.builder构造函数来创建一个动态列表,根据需要构建列表项:
```dart
ListView.builder(
itemCount: contacts.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(contacts[index].name),
subtitle: Text(contacts[index].phone),
onTap: () {
// 在此处处理点击列表项的操作,例如导航到联系人详细信息页面
},
);
},
)
```
上面的代码中,contacts是一个包含联系人信息的列表。每个列表项都是一个ListTile组件,包含联系人姓名和电话号码。通过设置onTap回调函数,你可以在用户点击列表项时执行一些操作,例如导航到联系人详细信息页面。
你可以根据需要自定义ListTile的外观,添加更多的信息或者交互功能。这只是一个简单的示例,希望能够帮助你理解如何使用ListView来创建一个经典的案例。
相关问题
listview控件案例
好的,以下是一个简单的 ListView 控件案例:
1.在 layout 文件夹下创建一个名为 activity_main.xml 的布局文件,将以下代码复制到文件中:
```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
```
2. 在 MainActivity.java 文件中添加以下代码:
```
public class MainActivity extends AppCompatActivity {
private ListView mListView;
private ArrayAdapter<String> mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView = findViewById(R.id.list_view);
mAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, getData());
mListView.setAdapter(mAdapter);
}
private List<String> getData() {
List<String> data = new ArrayList<>();
data.add("item 1");
data.add("item 2");
data.add("item 3");
data.add("item 4");
data.add("item 5");
return data;
}
}
```
3. 运行应用程序,您将看到一个包含 5 个项目的 ListView 控件。
该案例使用 ArrayAdapter 类将数据绑定到 ListView 控件中。在 MainActivity 类中,getData() 方法返回包含 5 个字符串的列表,然后使用 ArrayAdapter 类将列表中的数据绑定到 ListView 控件中。最后,将 ArrayAdapter 实例设置为 ListView 的适配器。
listview实现列表案例
好的,下面是一个简单的ListView实现列表的案例:
1. 首先,在布局文件中添加ListView控件:
```
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />
```
2. 在Activity中获取ListView控件,并为其设置适配器:
```
ListView listView = findViewById(R.id.list_view);
MyAdapter myAdapter = new MyAdapter(this, dataList);
listView.setAdapter(myAdapter);
```
其中,`MyAdapter`是自定义的适配器类,`dataList`是数据列表。
3. 定义适配器类`MyAdapter`,继承自`BaseAdapter`,并实现以下方法:
```
@Override
public int getCount() {
return dataList.size();
}
@Override
public Object getItem(int position) {
return dataList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
if (convertView == null) {
convertView = LayoutInflater.from(context).inflate(R.layout.list_item, parent, false);
viewHolder = new ViewHolder();
viewHolder.titleTextView = convertView.findViewById(R.id.title_text_view);
viewHolder.contentTextView = convertView.findViewById(R.id.content_text_view);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
Data data = dataList.get(position);
viewHolder.titleTextView.setText(data.getTitle());
viewHolder.contentTextView.setText(data.getContent());
return convertView;
}
private static class ViewHolder {
TextView titleTextView;
TextView contentTextView;
}
```
其中,`getView()`方法是最重要的,它会在每个列表项被显示时调用,返回一个`View`对象,用于显示该项的内容。在该方法中,我们可以通过`position`参数获取当前项的数据,然后根据数据更新`View`中的控件内容。`ViewHolder`类用于缓存`View`中的控件,避免重复查找。
4. 定义数据类`Data`,用于存储列表项的数据。
```
public class Data {
private String title;
private String content;
public Data(String title, String content) {
this.title = title;
this.content = content;
}
public String getTitle() {
return title;
}
public String getContent() {
return content;
}
}
```
5. 最后,在布局文件中定义每个列表项的布局`list_item.xml`:
```
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp">
<TextView
android:id="@+id/title_text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textSize="18sp"
android:textColor="@android:color/black" />
<TextView
android:id="@+id/content_text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="14sp"
android:textColor="@android:color/darker_gray" />
</LinearLayout>
```
这样,一个简单的ListView实现列表的案例就完成了。