CODESDANCING

移动端_IOS【Android基础入门〖9〗】SimpleAdapter之二

Posted on 2013年09月11日 14:27:55

1 MainActivity.java

package com.myadapter;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        //声明一个 ListView
        ListView listview = new ListView(this);
        //定义数组  数组内容是 HashMap
        ArrayList < HashMap < String, Object >> list = new ArrayList < HashMap < String, Object >> ();
        //每一个HashMap 对应ListView 中 每一个 item 的数据
        HashMap < String, Object > map = new HashMap < String, Object > ();
        map.put("Image", R.drawable.star);
        map.put("Text1", "周杰伦");
        map.put("Text2", "菊花台");
        map.put("Button", "更多");
        list.add(map);
        map = null;
        map = new HashMap < String, Object > ();
        map.put("Image", R.drawable.ic_menu_send);
        map.put("Text1", "邓丽君");
        map.put("Text2", "在水一方");
        map.put("Button", "更多");
        list.add(map);
        map = null;
        map = new HashMap < String, Object > ();
        map.put("Image", R.drawable.star);
        map.put("Text1", "蔡琴");
        map.put("Text2", "恰似你的温柔");
        map.put("Button", "更多");
        list.add(map);
        //适配器  绑定数据
        SimpleAdapter adapter = new SimpleAdapter(this, //上下文
                list, //要绑定的数据
                R.layout.item_layout, //每一个 item 的布局
                new String[]
                {
                    "Text1", "Text2", "Button", "Image"
                }, //HashMap 中的 键名
                new int[]
                {
                    R.id.text1, R.id.text2, R.id.button, R.id.image
                }) //分别对应 item 中控件 id,与上一个参数 的键名一一上下对应
            {
                //在这个重写的函数里设置 每个 item 中按钮的响应事件
                @Override
                public View getView(int position, View convertView, ViewGroup parent)
                {
                    final int p = position;
                    final View view = super.getView(position, convertView, parent);
                    Button button = (Button) view.findViewById(R.id.button);
                    button.setOnClickListener(new OnClickListener()
                    {@
                        Override
                        public void onClick(View v)
                        {
                            //警告框的写法
                            new AlertDialog.Builder(MainActivity.this).setTitle("More").setMessage("你选中了" + String.valueOf(p)).setPositiveButton("确定", new DialogInterface.OnClickListener()
                            {
                                public void onClick(DialogInterface dialog, int which)
                                {
                                    setTitle("点击了对话框上的确定按钮");
                                }
                            }).setNeutralButton("中立", new DialogInterface.OnClickListener()
                            {
                                public void onClick(DialogInterface dialog, int whichButton)
                                {
                                    setTitle("点击了对话框上的中立按钮");
                                }
                            }).setNegativeButton("取消", new DialogInterface.OnClickListener()
                            {
                                public void onClick(DialogInterface dialog, int whichButton)
                                {
                                    setTitle("点击了对话框上的取消按钮");
                                }
                            }).create().show();
                        }
                    });
                    return view;
                }
            };
        //绑定适配器
        listview.setAdapter(adapter);
        //设置背景颜色选择器
        listview.setSelector(R.drawable.on_item_selected);
        //设置焦点响应问题    同时要将 item 中的焦点 focusable 设置为 false
        listview.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS);
        //设置 item 的监听事件
        listview.setOnItemClickListener(new OnItemClickListener()
        {@
            Override
            public void onItemClick(AdapterView <? > parent, View view, int position, long id)
            {
                //获得 item 里面的文本控件
                TextView text1 = (TextView) view.findViewById(R.id.text1);
                Toast.makeText(getApplicationContext(), text1.getText().toString(), Toast.LENGTH_SHORT).show();
            }
        });
        //设置显示的内容
        setContentView(listview);
    }
}

2 ListView 之每一个 item 的布局 item_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:orientation="horizontal"
    tools:ignore="HardcodedText,NestedWeights"
>
    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="4"
        android:contentDescription="头像"
        android:src="@drawable/ic_menu_send"
    />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="24"
        android:orientation="vertical"
    >
        <TextView
            android:id="@+id/text1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:textColor="@color/blue"
            android:text="王力宏"
        />
        <TextView
            android:id="@+id/text2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="@color/darkviolet"
            android:layout_weight="1"
            android:text="大城小爱"
        />
    </LinearLayout>
    <button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="more"
        android:layout_weight="1"
        android:textColor="@color/darkorchid"
        android:focusable="false"
    />
</LinearLayout>

3 ListView 之 item 颜色选择器 on_item_selected.xml (放在 drawable 文件夹里)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" android:drawable="@android:color/black"/>
    <item android:state_focused="true" android:drawable="@android:color/darker_gray"/>
</selector>

4 资源图片

4.1 ic_menu_send.png

4.2 star.png

5 颜色值 color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="white">#FFFFFF</color>
    <!--白色 -->
    <color name="ivory">#FFFFF0</color>
    <!--象牙色 -->
    <color name="lightyellow">#FFFFE0</color>
    <!--亮黄色 -->
    <color name="yellow">#FFFF00</color>
    <!--黄色 -->
    <color name="snow">#FFFAFA</color>
    <!--雪白色 -->
    <color name="floralwhite">#FFFAF0</color>
    <!--花白色 -->
    <color name="lemonchiffon">#FFFACD</color>
    <!--柠檬绸色 -->
    <color name="cornsilk">#FFF8DC</color>
    <!--米绸色 -->
    <color name="seashell">#FFF5EE</color>
    <!--海贝色 -->
    <color name="lavenderblush">#FFF0F5</color>
    <!--淡紫红 -->
    <color name="papayawhip">#FFEFD5</color>
    <!--番木色 -->
    <color name="blanchedalmond">#FFEBCD</color>
    <!--白杏色 -->
    <color name="mistyrose">#FFE4E1</color>
    <!--浅玫瑰色 -->
    <color name="bisque">#FFE4C4</color>
    <!--桔黄色 -->
    <color name="moccasin">#FFE4B5</color>
    <!--鹿皮色 -->
    <color name="navajowhite">#FFDEAD</color>
    <!--纳瓦白 -->
    <color name="peachpuff">#FFDAB9</color>
    <!--桃色 -->
    <color name="gold">#FFD700</color>
    <!--金色 -->
    <color name="pink">#FFC0CB</color>
    <!--粉红色 -->
    <color name="lightpink">#FFB6C1</color>
    <!--亮粉红色 -->
    <color name="orange">#FFA500</color>
    <!--橙色 -->
    <color name="lightsalmon">#FFA07A</color>
    <!--亮肉色 -->
    <color name="darkorange">#FF8C00</color>
    <!--暗桔黄色 -->
    <color name="coral">#FF7F50</color>
    <!--珊瑚色 -->
    <color name="hotpink">#FF69B4</color>
    <!--热粉红色 -->
    <color name="tomato">#FF6347</color>
    <!--西红柿色 -->
    <color name="orangered">#FF4500</color>
    <!--红橙色 -->
    <color name="deeppink">#FF1493</color>
    <!--深粉红色 -->
    <color name="fuchsia">#FF00FF</color>
    <!--紫红色 -->
    <color name="magenta">#FF00FF</color>
    <!--红紫色 -->
    <color name="red">#FF0000</color>
    <!--红色 -->
    <color name="oldlace">#FDF5E6</color>
    <!--老花色 -->
    <color name="lightgoldenyellow">#FAFAD2</color>
    <!--亮金黄色 -->
    <color name="linen">#FAF0E6</color>
    <!--亚麻色 -->
    <color name="antiquewhite">#FAEBD7</color>
    <!--古董白 -->
    <color name="salmon">#FA8072</color>
    <!--鲜肉色 -->
    <color name="ghostwhite">#F8F8FF</color>
    <!--幽灵白 -->
    <color name="mintcream">#F5FFFA</color>
    <!--薄荷色 -->
    <color name="whitesmoke">#F5F5F5</color>
    <!--烟白色 -->
    <color name="beige">#F5F5DC</color>
    <!--米色 -->
    <color name="wheat">#F5DEB3</color>
    <!--浅黄色 -->
    <color name="sandybrown">#F4A460</color>
    <!--沙褐色 -->
    <color name="azure">#F0FFFF</color>
    <!--天蓝色 -->
    <color name="honeydew">#F0FFF0</color>
    <!--蜜色 -->
    <color name="aliceblue">#F0F8FF</color>
    <!--艾利斯兰 -->
    <color name="khaki">#F0E68C</color>
    <!--黄褐色 -->
    <color name="lightcoral">#F08080</color>
    <!--亮珊瑚色 -->
    <color name="palegoldenrod">#EEE8AA</color>
    <!--苍麒麟色 -->
    <color name="violet">#EE82EE</color>
    <!--紫罗兰色 -->
    <color name="darksalmon">#E9967A</color>
    <!--暗肉色 -->
    <color name="lavender">#E6E6FA</color>
    <!--淡紫色 -->
    <color name="lightcyan">#E0FFFF</color>
    <!--亮青色 -->
    <color name="burlywood">#DEB887</color>
    <!--实木色 -->
    <color name="plum">#DDA0DD</color>
    <!--洋李色 -->
    <color name="gainsboro">#DCDCDC</color>
    <!--淡灰色 -->
    <color name="crimson">#DC143C</color>
    <!--暗深红色 -->
    <color name="palevioletred">#DB7093</color>
    <!--苍紫罗兰色-->
    <color name="goldenrod">#DAA520</color>
    <!--金麒麟色 -->
    <color name="orchid">#DA70D6</color>
    <!--淡紫色 -->
    <color name="thistle">#D8BFD8</color>
    <!--蓟色 -->
    <color name="lightgray">#D3D3D3</color>
    <!--亮灰色 -->
    <color name="lightgrey">#D3D3D3</color>
    <!--亮灰色 -->
    <color name="tan">#D2B48C</color>
    <!--茶色 -->
    <color name="chocolate">#D2691E</color>
    <!--巧可力色 -->
    <color name="peru">#CD853F</color>
    <!--秘鲁色 -->
    <color name="indianred">#CD5C5C</color>
    <!--印第安红 -->
    <color name="mediumvioletred">#C71585</color>
    <!--中紫罗兰色 -->
    <color name="silver">#C0C0C0</color>
    <!--银色 -->
    <color name="darkkhaki">#BDB76B</color>
    <!-- 暗黄褐色 -->
    <color name="rosybrown">#BC8F8F</color>
    <!--褐玫瑰红-->
    <color name="mediumorchid">#BA55D3</color>
    <!--中粉紫色 -->
    <color name="darkgoldenrod">#B8860B</color>
    <!--暗金黄色 -->
    <color name="firebrick">#B22222</color>
    <!--火砖色 -->
    <color name="powderblue">#B0E0E6</color>
    <!--粉蓝色 -->
    <color name="lightsteelblue">#B0C4DE</color>
    <!--亮钢兰色 -->
    <color name="paleturquoise">#AFEEEE</color>
    <!--苍宝石绿 -->
    <color name="greenyellow">#ADFF2F</color>
    <!--黄绿色 -->
    <color name="lightblue">#ADD8E6</color>
    <!--亮蓝色 -->
    <color name="darkgray">#A9A9A9</color>
    <!--暗灰色 -->
    <color name="darkgrey">#A9A9A9</color>
    <!--暗灰色 -->
    <color name="brown">#A52A2A</color>
    <!--褐色 -->
    <color name="sienna">#A0522D</color>
    <!--赭色 -->
    <color name="darkorchid">#9932CC</color>
    <!--暗紫色 -->
    <color name="palegreen">#98FB98</color>
    <!--苍绿色 -->
    <color name="darkviolet">#9400D3</color>
    <!--暗紫罗兰色 -->
    <color name="mediumpurple">#9370DB</color>
    <!--中紫色 -->
    <color name="lightgreen">#90EE90</color>
    <!--亮绿色 -->
    <color name="darkseagreen">#8FBC8F</color>
    <!--暗海兰色 -->
    <color name="saddlebrown">#8B4513</color>
    <!--重褐色 -->
    <color name="darkmagenta">#8B008B</color>
    <!--暗洋红 -->
    <color name="darkred">#8B0000</color>
    <!--暗红色 -->
    <color name="blueviolet">#8A2BE2</color>
    <!--紫罗兰蓝色-->
    <color name="lightskyblue">#87CEFA</color>
    <!--亮天蓝色-->
    <color name="skyblue">#87CEEB</color>
    <!--天蓝色 -->
    <color name="gray">#808080</color>
    <!--灰色 -->
    <color name="grey">#808080</color>
    <!--灰色 -->
    <color name="olive">#808000</color>
    <!--橄榄色 -->
    <color name="purple">#800080</color>
    <!--紫色 -->
    <color name="maroon">#800000</color>
    <!--粟色 -->
    <color name="aquamarine">#7FFFD4</color>
    <!--碧绿色 -->
    <color name="chartreuse">#7FFF00</color>
    <!--黄绿色 -->
    <color name="lawngreen">#7CFC00</color>
    <!--草绿色 -->
    <color name="mediumslateblue">#7B68EE</color>
    <!--中暗蓝色 -->
    <color name="lightslategray">#778899</color>
    <!--亮蓝灰 -->
    <color name="lightslategrey">#778899</color>
    <!--亮蓝灰 -->
    <color name="slategray">#708090</color>
    <!--灰石色 -->
    <color name="slategrey">#708090</color>
    <!--灰石色 -->
    <color name="olivedrab">#6B8E23</color>
    <!--深绿褐色 -->
    <color name="slateblue">#6A5ACD</color>
    <!--石蓝色 -->
    <color name="dimgray">#696969</color>
    <!--暗灰色 -->
    <color name="dimgrey">#696969</color>
    <!--暗灰色 -->
    <color name="mediumaquamarine">#66CDAA</color>
    <!--中绿色-->
    <color name="cornflowerblue">#6495ED</color>
    <!--菊兰色 -->
    <color name="cadetblue">#5F9EA0</color>
    <!--军兰色 -->
    <color name="darkolivegreen">#556B2F</color>
    <!--暗橄榄绿 -->
    <color name="indigo">#4B0082</color>
    <!--靛青色 -->
    <color name="mediumturquoise">#48D1CC</color>
    <!--中绿宝石-->
    <color name="darkslateblue">#483D8B</color>
    <!--暗灰蓝色 -->
    <color name="steelblue">#4682B4</color>
    <!--钢兰色 -->
    <color name="royalblue">#4169E1</color>
    <!--皇家蓝 -->
    <color name="turquoise">#40E0D0</color>
    <!--青绿色 -->
    <color name="mediumseagreen">#3CB371</color>
    <!--中海蓝 -->
    <color name="limegreen">#32CD32</color>
    <!--橙绿色 -->
    <color name="darkslategray">#2F4F4F</color>
    <!--暗瓦灰色 -->
    <color name="darkslategrey">#2F4F4F</color>
    <!--暗瓦灰色 -->
    <color name="seagreen">#2E8B57</color>
    <!--海绿色 -->
    <color name="forestgreen">#228B22</color>
    <!--森林绿 -->
    <color name="lightseagreen">#20B2AA</color>
    <!--亮海蓝色 -->
    <color name="dodgerblue">#1E90FF</color>
    <!--闪兰色 -->
    <color name="midnightblue">#191970</color>
    <!--中灰兰色 -->
    <color name="aqua">#00FFFF</color>
    <!--浅绿色 -->
    <color name="cyan">#00FFFF</color>
    <!--青色 -->
    <color name="springgreen">#00FF7F</color>
    <!--春绿色 -->
    <color name="lime">#00FF00</color>
    <!--酸橙色 -->
    <color name="mediumspringgreen">#00FA9A</color>
    <!--中春绿色 -->
    <color name="darkturquoise">#00CED1</color>
    <!--暗宝石绿 -->
    <color name="deepskyblue">#00BFFF</color>
    <!--深天蓝色 -->
    <color name="darkcyan">#008B8B</color>
    <!--暗青色 -->
    <color name="teal">#008080</color>
    <!--水鸭色 -->
    <color name="green">#008000</color>
    <!--绿色 -->
    <color name="darkgreen">#006400</color>
    <!--暗绿色 -->
    <color name="blue">#0000FF</color>
    <!--蓝色 -->
    <color name="mediumblue">#0000CD</color>
    <!--中兰色 -->
    <color name="darkblue">#00008B</color>
    <!--暗蓝色 -->
    <color name="navy">#000080</color>
    <!--海军色 -->
    <color name="black">#000000</color>
    <!--黑色 -->
</resources>

6 结果预览