zoukankan      html  css  js  c++  java
  • android ListView布局之二(是用simpleAdapter绑定数据)

    main.xml主布局文件,代码

    <?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:orientation="vertical"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        >  
    <TextView    
        android:layout_width="fill_parent"   
        android:layout_height="wrap_content"   
        android:text="@string/hello"  
    />  
        <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content" >  
        <TextView  
            android:text="@string/name"  
            android:gravity="center"  
             android:layout_width="150px"  
            android:layout_height="wrap_content"  
        />  
          
        <TextView  
            android:text="@string/age"  
            android:gravity="center"  
             android:layout_width="170px"  
            android:layout_height="wrap_content"  
        />  
          
        </LinearLayout>  
        <ListView  
        android:id="@+id/listView"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        />  
          
          
    </LinearLayout>  
    

      user.xml组件布局文件代码

    <?xml version="1.0" encoding="utf-8"?>  
    <!-- 创建存放一行数据的组件 -->  
    <TableLayout  
      xmlns:android="http://schemas.android.com/apk/res/android"  
      android:layout_width="fill_parent"  
      android:layout_height="wrap_content">  
     <TableRow>  
       
      <ImageView  
        android:id="@+id/image"  
        android:layout_width="50px"      
        android:layout_height="50px"   
      ></ImageView>  
        
      <TextView  
        android:id="@+id/userName"  
        android:gravity="center"  
        android:layout_height="wrap_content"  
        android:layout_width="150px"  
      ></TextView>  
        
      <TextView  
        android:id="@+id/userAge"  
        android:gravity="center"  
        android:layout_height="wrap_content"  
        android:layout_width="170px"  
      ></TextView>  
        
      </TableRow>  
    </TableLayout> 

    主Activity,listView.java代码

    package cn.com.android.listView;  
      
    import java.util.ArrayList;  
    import java.util.HashMap;  
    import java.util.List;  
    import java.util.Map;  
      
    import android.app.Activity;  
    import android.os.Bundle;  
    import android.widget.ListView;  
    import android.widget.SimpleAdapter;  
      
    public class listView extends Activity {  
        @Override  
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.main);  
            ListView listView = (ListView) findViewById(R.id.listView);  
            /* 参数一多,有些人就头晕了。这里解说下,各个参数的意思。 
             * 第一个参数 this 代表的是当前上下文,可以理解为你当前所处的activity 
             * 第二个参数 getData() 一个包含了数据的List,注意这个List里存放的必须是map对象。simpleAdapter中的限制是这样的List<? extends Map<String, ?>> data 
             * 第三个参数 R.layout.user 展示信息的组件 
             * 第四个参数 一个string数组,数组内存放的是你存放数据的map里面的key。 
             * 第五个参数:一个int数组,数组内存放的是你展示信息组件中,每个数据的具体展示位置,与第四个参数一一对应 
             * */  
            SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.user,  
                    new String[]{"image","userName","userAge"}, new int[]{R.id.image,R.id.userName,R.id.userAge});  
            listView.setAdapter(adapter);  
              
        }  
          
          
          
        /** 
         * @author chenzheng_java 
         * @description 准备一些测试数据 
         * @return 一个包含了数据信息的hashMap集合 
         */  
        private ArrayList<HashMap<String, Object>> getData(){  
            ArrayList<HashMap<String, Object>> arrayList = new ArrayList<HashMap<String,Object>>();  
            for(int i=0;i<10;i++){  
                HashMap<String, Object> tempHashMap = new HashMap<String, Object>();  
                tempHashMap.put("image", R.drawable.icon);  
                tempHashMap.put("userName", "用户"+i);  
                tempHashMap.put("userAge", 30-i);  
                arrayList.add(tempHashMap);  
                  
            }  
              
              
            return arrayList;  
              
        }  
          
          
    }  

    strings.xml代码

    <?xml version="1.0" encoding="utf-8"?>  
    <resources>  
        <string name="hello">布局列表展示</string>  
        <string name="app_name">列表布局</string>  
        <string name="name">姓名</string>  
        <string name="age">年龄</string>  
    </resources>  

    废话连绵:

    我们一起看看结构,一个主布局文件,一个组件布局文件,一个Activity类。

    依旧分为三步:

    第一步:定义布局文件,设计UI,包括寻找合适的图片了等等……

    第二步:获取数据。这里用的是simpleAdapter,所以要求数据必须固定格式的

    第三步:绑定数据源

    然后,我们就可以看到我们想要的结果了。

     

     

     

  • 相关阅读:
    mac下配置Node.js开发环境、express安装、创建项目
    基于bootstrap模态框的二次封装
    生成二维码、微信自定义分享到朋友圈、ipa不从应用商店安装
    浏览器设备判断
    微信浏览中的下载自动被拦截,加遮罩在浏览其中打开
    css:图标与文字对齐的两种方法
    js获取当前域名
    JS动态修改微信浏览器中的title
    UWP 播放直播流 3MU8
    vb6 读写文件
  • 原文地址:https://www.cnblogs.com/gzggyy/p/2472112.html
Copyright © 2011-2022 走看看