简单 ListView 实现-- Simple ListView Example

之前在学校一想到 ListView 时,总觉得特别麻烦,但是经过资深同事的解说後,开始觉得其实还挺有趣的,

因此把制作的过程大约记录一下,方便自己以後回来复习也供大家参考。

ListView 制作的过程中,就是记得以下几个过程就可以了:


一、设计好数据结构,将 ListView 要展示的数据存在数握结构中。

二、设计要展现的每一个栏位


While I was learning Android back in school, it always troubles me when it comes to making listview. 

Recently, a senior colleague taught and explained how ListView--this common & convenient android widget works to me.

Therefore, I took a note and made a listview example, and hope this simple example can save some troubles for people like me.    

If you want to display your data with a ListView, just remember to go through the following steps:

1. Design your data structure for ListView

2. Design display layout for each row content of the listview



下面这个例子,就是取得 App应用一些资讯的简单 ListView

The following example is a simple ListView which displays some basic Apps info.

package com.example.listview;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.app.Activity;
import android.content.pm.ApplicationInfo;
import android.content.pm.PackageManager;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {
    private ArrayList<SimpleAppInfo> mInstalledAppList;
    private ListView installedAppListView;
    private LayoutInflater mInfater;
    private MyBaseAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
        initView();
    }

    // acquire all installed app info here
    public void init()
    {
        mInstalledAppList = new ArrayList<SimpleAppInfo>();
        List<ApplicationInfo> installedAppList = getPackageManager().getInstalledApplications(
                PackageManager.GET_META_DATA);
        for (int i = 0; i < installedAppList.size(); i++)
        {
            SimpleAppInfo info = new SimpleAppInfo();
            info.icon=getResources().getDrawable(R.drawable.ic_launcher);
            try{
            info.icon = installedAppList.get(i).loadIcon(getPackageManager());
            }catch(Exception e)
            {
                e.printStackTrace();
                info.icon=getResources().getDrawable(R.drawable.ic_launcher);
            }
            info.labelName = installedAppList.get(i).loadLabel(getPackageManager()).toString();
            info.packageName = installedAppList.get(i).packageName;
            mInstalledAppList.add(info);
        }
    }

    public void initView()
    {
        mInfater = LayoutInflater.from(getApplicationContext());
        installedAppListView = (ListView) findViewById(R.id.app_listview);
        mAdapter = new MyBaseAdapter(mInstalledAppList, mInfater);
        installedAppListView.setAdapter(mAdapter);
    }

    public static class SimpleAppInfo {
        private Drawable icon;
        private String labelName;
        private String packageName;
    }

    public static class ViewHolder {
        private ImageView icon;
        private TextView labelName;
        private TextView packageName;
    }

    private static class MyBaseAdapter extends BaseAdapter {
        private LayoutInflater mInflater;
        private List<SimpleAppInfo> AppList;

        public MyBaseAdapter(List<SimpleAppInfo> installedAppList, LayoutInflater Inflater) {
            mInflater = Inflater;
            AppList = installedAppList;
        }

        @Override
        public int getCount() {
            return AppList.size();
        }

        @Override
        public Object getItem(int position) {
            return AppList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if (convertView == null)
                convertView = mInflater.inflate(R.layout.views_in_row, parent, false);

            ViewHolder viewholder = new ViewHolder();
            viewholder.icon = (ImageView) convertView.findViewById(R.id.app_icon);
            viewholder.labelName = (TextView) convertView.findViewById(R.id.app_name);
            viewholder.packageName = (TextView) convertView.findViewById(R.id.app_pkg_name);
            SimpleAppInfo item = (SimpleAppInfo) getItem(position);
            viewholder.icon.setImageDrawable(item.icon);
            viewholder.labelName.setText(item.labelName);
            viewholder.packageName.setText(item.packageName);
            convertView.setTag(viewholder);

            return convertView;
        }

    }
}


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/topic"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:gravity="center"
        android:background="@android:color/black"
        android:textColor="@android:color/white"
        android:text="@string/listview_demo" />

    <ListView
        android:id="@+id/app_listview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/topic"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="5dp" />

</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="4dp"
    android:paddingLeft="12dp"
    android:paddingRight="12dp"
    android:paddingTop="4dp" >

    <ImageView
        android:id="@+id/app_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="12dp" />

    <TextView
        android:id="@+id/app_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/app_icon"
        android:text="hello"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/app_pkg_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/app_name"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@id/app_icon"
        android:text="bao.bao.bao.bao"
        android:textSize="12sp" />

</RelativeLayout>

github: 

https://github.com/shanwu/shanwu_coding_base/tree/ListView/ListView

https://github.com/shanwu/SimpleListViewExample

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
### 回答1: 要从网络API获取数据并在Android ListView中显示它们,可以按照以下步骤进行操作: 1. 创建一个布局文件来显示ListView。这个布局文件应该包含一个ListView组件。你可以使用XML文件来定义布局。 2. 创建一个ListView适配器。这个适配器将帮助你把数据从API中加载到ListView中。 3. 在Activity或Fragment中获取数据。你可以使用Android提供的网络库(如Volley、Retrofit、OkHttp等)从API获取数据。确保在获取数据时考虑到网络连接的状况和错误处理。 4. 将数据绑定到适配器。在获取到数据后,把它们绑定到适配器上。在这一步中,你需要将获取到的数据转换为适配器可以使用的格式。 5. 设置适配器到ListView。在绑定数据到适配器后,把适配器设置到ListView中。 下面是一个示例代码,可以用来获取数据并在ListView中显示: ```java public class MyActivity extends AppCompatActivity { private ListView listView; private List<MyDataModel> dataList; private MyDataAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.my_activity_layout); listView = findViewById(R.id.list_view); dataList = new ArrayList<>(); adapter = new MyDataAdapter(this, dataList); listView.setAdapter(adapter); getDataFromApi(); } private void getDataFromApi() { // 使用Volley库来获取数据 String url = "http://myapi.com/data"; JsonObjectRequest request = new JsonObjectRequest(Request.Method.GET, url, null, response -> { // 成功获取数据后的处理 JSONArray jsonArray = response.getJSONArray("data"); for (int i = 0; i < jsonArray.length(); i++) { JSONObject jsonObject = jsonArray.getJSONObject(i); MyDataModel data = new MyDataModel( jsonObject.getString("title"), jsonObject.getString("content") ); dataList.add(data); } adapter.notifyDataSetChanged(); }, error -> { // 获取数据失败的处理 Log.e("MyActivity", "Error while getting data from API", error); } ); Volley.newRequestQueue(this).add(request); } } ``` 在这个示例代码中,我们使用了Volley库来获取数据,然后把它们转换为MyDataModel对象,并添加到dataList中。最后,我们通过调用adapter.notifyDataSetChanged()方法来通知ListView更新数据。 ### 回答2: 在Android中,可以通过以下步骤从网络API获取数据并在ListView中展示: 1. 首先,确保你已经在AndroidManifest.xml文件中添加了访问网络的权限。 2. 创建一个使用ListView的布局文件,并在其中添加一个ListView组件。 3. 在你的Activity类中,实例化ListView和一个自定义的ListAdapter(适配器)。 4. 使用网络请求库(如Volley或Retrofit)发送一个HTTP请求到你的API,并获取返回的数据。 5. 解析服务器返回的数据,将其转换成一个列表对象。 6. 将解析后的数据传递给ListAdapter,并调用ListView的setAdapter()方法设置适配器。 7. 实现自定义的ListAdapter,并重写getView()方法以绑定数据到每个ListView的项上。 8. 最后,启动你的应用程序并应该能够从网络API获取数据并在ListView中显示出来。 示例代码如下: ```java // 步骤3: ListView listView = findViewById(R.id.listView); ListAdapter adapter = new ListAdapter(); listView.setAdapter(adapter); // 步骤4和5: RequestQueue queue = Volley.newRequestQueue(this); String url ="http://your-api-url.com"; JsonObjectRequest request = new JsonObjectRequest(Request.Method.GET, url, null, new Response.Listener<JSONObject>() { @Override public void onResponse(JSONObject response) { // 解析服务器返回的数据 List<Data> dataList = parseData(response); // 步骤6: adapter.setData(dataList); adapter.notifyDataSetChanged(); } }, new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError error) { // 处理错误 } }); queue.add(request); // 步骤7: private class ListAdapter extends BaseAdapter { private List<Data> mDataList; public void setData(List<Data> dataList) { mDataList = dataList; } @Override public int getCount() { if (mDataList == null) { return 0; } return mDataList.size(); } @Override public Data getItem(int position) { return mDataList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // 填充ListView的项的视图布局 // 绑定数据到视图布局中的UI组件 // 返回填充好的视图布局 } } ``` 请注意,上述代码只是简单示例,你需要根据你的具体需求和后端API的响应格式进行相应的修改和适配。 ### 回答3: 在Android中,可以通过使用网络请求库(如Volley、OkHttp等)来获取网络API的数据,并将其展示在ListView中。 首先,在AndroidManifest.xml文件中,要确保已经添加了访问网络的权限: ```xml <uses-permission android:name="android.permission.INTERNET" /> ``` 接下来,在MainActivity中,我们可以使用Volley库来进行网络请求。首先,需要在`build.gradle`文件中添加Volley库的依赖: ```groovy implementation 'com.android.volley:volley:1.2.1' ``` 然后,可以在MainActivity中创建一个方法来进行网络请求,获取API的数据: ```java public void fetchDataFromAPI() { String url = "http://example.com/api/data"; // 替换为实际的API地址 RequestQueue queue = Volley.newRequestQueue(this); StringRequest request = new StringRequest(Request.Method.GET, url, new Response.Listener<String>() { @Override public void onResponse(String response) { // 在这里解析服务器返回的JSON数据,并将其存储在一个ArrayList或其他适配器所需的数据结构中 ArrayList<String> dataList = parseDataFromResponse(response); // 实例化一个适配器,并将数据与ListView绑定 ArrayAdapter<String> adapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, dataList); listView.setAdapter(adapter); } }, new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError error) { // 处理错误情况 } }); queue.add(request); } ``` 在上述代码中,首先创建一个RequestQueue对象,然后创建一个StringRequest对象,指定请求方式、url和响应监听器。在响应监听器的`onResponse`方法中,可以对服务器返回的响应数据进行解析,将其存储在合适的数据结构中,然后通过适配器将数据与ListView绑定。 最后,你可以在适当的地方调用`fetchDataFromAPI`方法来执行网络请求,并在返回的数据中展示在ListView中。 这只是一种简单的从网络API获取数据并在ListView中展示的方法,当然也可以根据实际情况选择其他网络请求库或数据解析方式来实现
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值