Android UI开发第五篇——自定义列表

简介:


自定义列表,设置列表背景、列表的列背景、列表的间隔线。

借鉴了一些前辈的代码。

MainActivity.class
public class MainActivity extends Activity {
@Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
        //绑定Layout里面的ListView 
        ListView list = (ListView) findViewById(R.id.ListView01); 
         
        //生成动态数组,加入数据 
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>(); 
        for(int i=0;i<5;i++) 
        {
        if(i==0){
        HashMap<String, Object> map = new HashMap<String, Object>(); 
                map.put("ItemImage", R.drawable.checked);//图像资源的ID 
                map.put("ItemTitle", "个人信息"); 
                map.put("LastImage", R.drawable.lastimage); 
                listItem.add(map);
        }else if(i==1){
        HashMap<String, Object> map = new HashMap<String, Object>(); 
                map.put("ItemImage", R.drawable.c);//图像资源的ID 
                map.put("ItemTitle", "修改密码"); 
                map.put("LastImage", R.drawable.lastimage); 
                listItem.add(map);
        }else if(i==2){
        HashMap<String, Object> map = new HashMap<String, Object>(); 
                map.put("ItemImage", R.drawable.d);//图像资源的ID 
                map.put("ItemTitle", "网络设置"); 
                map.put("LastImage", R.drawable.lastimage); 
                listItem.add(map);
        }else if(i==3){
        HashMap<String, Object> map = new HashMap<String, Object>(); 
                map.put("ItemImage", R.drawable.d);//图像资源的ID 
                map.put("ItemTitle", "打印设置"); 
                map.put("LastImage", R.drawable.lastimage); 
                listItem.add(map);
        }else{
        HashMap<String, Object> map = new HashMap<String, Object>(); 
                map.put("ItemImage", R.drawable.e);//图像资源的ID 
                map.put("ItemTitle", "返回"); 
                map.put("LastImage", R.drawable.lastimage); 
                listItem.add(map);
        }
            
        } 
        //生成适配器的Item和动态数组对应的元素 
        SimpleAdapter listItemAdapter = new SimpleAdapter(this,listItem,// 数据源  
            R.layout.list_items,//ListItem的XML实现 
            //动态数组与ImageItem对应的子项         
            new String[] {"ItemImage","ItemTitle", "LastImage"},  
            //ImageItem的XML文件里面的一个ImageView,两个TextView ID 
            new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.last} 
        ); 
        
        //添加并且显示 
        list.setAdapter(listItemAdapter); 
         
        //添加点击 
        list.setOnItemClickListener(new OnItemClickListener() { 
 
            @Override 
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, 
                    long arg3) { 
                setTitle("点击第"+arg2+"个项目"); 
                if(arg2 == 4){
                MainActivity.this.finish();
                }
            } 
        }); 
         
      //添加长按点击 
        list.setOnCreateContextMenuListener(new OnCreateContextMenuListener() { 
             
            @Override 
public void onCreateContextMenu(ContextMenu menu, View v,ContextMenuInfo menuInfo) {
                menu.setHeaderTitle("长按菜单-ContextMenu");    
                menu.add(0, 0, 0, "弹出长按菜单0"); 
                menu.add(0, 1, 0, "弹出长按菜单1");    
            }
        });  
    } 
     
    //长按菜单响应函数 
    @Override 
    public boolean onContextItemSelected(MenuItem item) { 
        setTitle("点击了长按菜单里面的第"+item.getItemId()+"个项目");  
        return super.onContextItemSelected(item); 
    }
}
 
main.xml
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout  
    android:id="@+id/LinearLayout01"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"
    android:background="#ffffff" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
<ListView android:layout_width="fill_parent"  
          android:layout_height="wrap_content"  
          android:id="@+id/ListView01" 
          android:divider="@drawable/divider_color"
  android:dividerHeight="3dip"
  android:cacheColorHint="#00000000"
          /> 
</LinearLayout>
 
list_item.xml
<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout  
    android:id="@+id/RelativeLayout01"  
    android:layout_width="fill_parent"  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_height="wrap_content"  
    android:paddingBottom="4dip"  
    android:paddingLeft="12dip" 
    android:paddingRight="12dip"
    android:background="@drawable/list_bg"> 
<ImageView  
    android:paddingTop="12dip" 
    android:layout_alignParentLeft="true"
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:id="@+id/ItemImage" 
    />  
<TextView  
    android:text="TextView01"  
    android:layout_height="wrap_content"  
    android:layout_marginTop="30px"
    android:textSize="20dip"  
    android:paddingLeft="12dip"
    android:textColor="#000000"
    android:layout_width="fill_parent"  
    android:id="@+id/ItemTitle" 
    android:layout_toRightOf="@+id/ItemImage"
    /> 
<ImageView  
    android:paddingTop="12dip" 
    android:layout_marginTop="20px"
    android:layout_alignParentRight="true"
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:id="@+id/last" 
    /> 
</RelativeLayout> 
 
 


     本文转自xyz_lmn51CTO博客,原文链接:http://blog.51cto.com/xyzlmn/817375 ,如需转载请自行联系原作者

相关文章
|
6天前
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
本篇将带你实现一个自定义天气预报组件。用户可以通过选择不同城市来获取相应的天气信息,页面会显示当前城市的天气图标、温度及天气描述。这一功能适合用于动态展示天气信息的小型应用。
96 38
|
2天前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
20天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
42 19
|
20天前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
46 14
|
20天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
21天前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
21天前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
28 0
|
Android开发
自定义android 4.0以上的对话框风格
做个笔记,这里是Dialog的风格,如果是用AlertDialog创建的,不能直接用。在styles.xml的写法: 22sp @color/font_green 1 true @st...
709 0
|
1月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
1月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
27 1

热门文章

最新文章