Android高级UI控件—ListView

最新推荐文章于 2021-01-21 15:33:58 发布
最新推荐文章于 2021-01-21 15:33:58 发布
阅读量471 收藏
点赞数
分类专栏： android ListView 文章标签： listview 数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/o_xiaojian/article/details/51367812
版权

ListView

特点：

1、属于ViewGroup，里面可以放子组件

2、用于展示垂直滚动列表

3、列表有多个条目，条目的数据来自于  ListAdapter 适配器，而适配器的数据来自于比如数组或数据库等等

二、适配器

 

ListAdapter接口

BaseAdapter 抽象类

 

ArrayAdapter 实现类

SimpleAdapter实现类

 

 

ArrayAdapter ： 当条目布局比较简单，里面就是一个textview。总的数据就是一个数组

SimpleAdapter： 当listview条目数据是一个map，总的数据 是 一个list<Map<>>

BaseAdapter:当条目布局比较复杂，里面有图片文本按钮等等，这个时候我们往往自定义类继承BaseAdapter            (用的最多)

下面是使用各个适配器的详细介绍

一般都分为三部走，1.寻找布局控件2.设置数据3.使用合适的适配器——————最后也可以加上监听器

1.ArrayAdapeter

.xml

<ListView

        android:id="@+id/lv"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

       />

.java

public class MainActivity extends ActionBarActivity {

private ListView lv;

private List<String> list;

 

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// 1.得到控件对象

lv = (ListView) findViewById(R.id.lv);

// 2.设置数据

initData();

// 3.找适配器

lv.setAdapter(new ArrayAdapter<String>(this,

android.R.layout.simple_expandable_list_item_1, list));

// simple_expandable_list_item_1是android自带的布局了，你也可以自己定义

}

private void initData() {

list = new ArrayList<String>();

for (int i = 0; i < 5; i++) {

list.add("haha" + i);

}

 

}

 

}

 

2.SimpleAdapter

 

 

Activity_main.xml

    <ListView

        android:id="@+id/lv"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

         />

再创建一个item_activity_simple.xml用于布局你存储的信息的格式

item_activity_simple.xml

<TextView 

        android:id="@+id/name"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="38dp"

        android:text="1"

        

        />

 

    <TextView

        android:id="@+id/age"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_marginLeft="56dp"

        android:layout_toRightOf="@+id/name"

        android:text="2"

        android:textSize="38dp" />

.java

public class MainActivity extends ActionBarActivity {

 

    private ListView lv;

 

@Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //1.得到布局控件

      lv = (ListView) findViewById(R.id.lv);

      //2.设置数据

      List<Map<String, Object>> data = initData();

      //3.适配器

      /**

       * SimpleAdapter(context, data, resource, from, to)

       * context联系上下文对象  data数据  resource 布局   from 列名的数组 比如姓名，年龄。

       * to 条目布局中所有TextView id 的数组

       */

      lv.setAdapter(new SimpleAdapter(this, data,R.layout.item_activity_simple,

       new String[]{"name","age"}, new int[]{R.id.name,R.id.age}));

    }

 

private List<Map<String, Object>> initData() {

// TODO Auto-generated method stub

List<Map<String,Object>> data=new ArrayList<Map<String,Object>>();

Map<String , Object> map=new HashMap<String, Object>();

map.put("name", "tom");

map.put("age", "11");

Map<String , Object> map2=new HashMap<String, Object>();

map2.put("name", "tony");

map2.put("age", "12");

Map<String , Object> map3=new HashMap<String, Object>();

map3.put("name", "sandy");

map3.put("age", "21");

data.add(map);

data.add(map2);

data.add(map3);

return data;

}

}

3.BaseAdapter 抽象类   (最常用也是最麻烦的)

Activity_main.xml

  <ListView

        android:id="@+id/lv"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

         />

再建一个activity_food_dealites.xml用来布局格式

<ListView

        android:id="@+id/lv"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

         />

 

      <TextView

          android:id="@+id/lv_name"

          android:layout_width="wrap_content"

          android:layout_height="wrap_content"

          android:layout_alignLeft="@+id/lv_price"

          android:layout_below="@+id/lv_price"

          android:text="name"

          android:textSize="30dp" />

 

      <ImageView

          android:id="@+id/lv_img"

          android:layout_width="wrap_content"

          android:layout_height="wrap_content"

          android:layout_alignParentLeft="true"

          android:layout_alignParentTop="true"

          android:layout_marginLeft="16dp"

          android:layout_marginTop="20dp"

          android:src="@drawable/ic_launcher" />

 

      <TextView

          android:id="@+id/lv_price"

          android:layout_width="wrap_content"

          android:layout_height="wrap_content"

          android:layout_alignParentTop="true"

          android:layout_centerHorizontal="true"

          android:layout_marginTop="20dp"

          android:text="price"

          android:textSize="30dp" />

MainActivity.java

public class MainActivity extends ActionBarActivity {

 

    private ListView lv;

private List<Food> list;

 

@Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        //1.获取布局控件

        lv = (ListView) findViewById(R.id.lv);

        //2.设置数据

        initData();

        //3、适配器

        lv.setAdapter(new FoodAdapter(list,this));

        //4.设置监听器

        lv.setOnItemClickListener(new OnItemClickListener() {

 

@Override

public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

long arg3) {

// TODO Auto-generated method stub

Toast.makeText(MainActivity.this, "你点击了："+arg2, 0).show();

}

});

        

    }

private void initData() {

list = new ArrayList<Food>();

int count=0;

for (int i = R.drawable.f1; i < R.drawable.f9; i++) {

//这里的我的图片是按f1-f9所以能用for循环，如果你的图片不是没有顺序，就老老实实的写吧。哈哈

Food food=new Food(i,"菜"+count,count+100,"土鳖吃的起码");

list.add(food);

count++;

}

}

 

}

再建一个FoodAdapter.java这是一个你自定义的Adapter适配器

public class FoodAdapter extends BaseAdapter {

//继承BaseAdapter时候。必须连接上下文

private List<Food> list;

private Context context;

 

public FoodAdapter(List<Food> list,Context context) {

// TODO Auto-generated constructor stub

this.list=list;

this.context=context;

}

/**

 * 条目的总个数。。必须重写

 */

 

@Override

public int getCount() {

// TODO Auto-generated method stub

return list.size();

}

 

/**

 *  每个条目的数据对象   相当于本程序的Food对象

 * arg0   条目的索引

 */

@Override

public Object getItem(int arg0) {

// TODO Auto-generated method stub

return list.get(arg0);

}

/**

 * 每个条目的索引从0开始

 */

 

@Override

public long getItemId(int arg0) {

// TODO Auto-generated method stub

return arg0;

}

/**

 * 设置并返回每个条目的布局，这个布局中设置好数据内容。。。。。必须重写

 * arg0 条目的索引

 * arg1 可以复用的条目的对象

 * arg2 父元素

 */

 

@Override

public View getView(int arg0, View arg1, ViewGroup arg2) {

// TODO Auto-generated method stub

//1.将条目布局中转换成View对象

View view=View.inflate(context, R.layout.activity_food_dealites, null);

//2.找到条目布局的各个控件，方便下一步设置数据

ImageView lv_img = (ImageView) view.findViewById(R.id.lv_img);

TextView lv_name = (TextView) view.findViewById(R.id.lv_name);

TextView lv_price = (TextView) view.findViewById(R.id.lv_price);

//3.为每个条目设置对应的数据(数据来自于list中每一对象的属性)

lv_img.setImageResource(list.get(arg0).getImageid());

lv_name.setText(list.get(arg0).getName());

lv_price.setText(list.get(arg0).getPrice()+"");

return view;

}

 

o_xiaojian
关注
专栏目录
Androidstudio 高级控件ListView
qq_41038970的博客
10-29 797
BaseAdapter：是所有适配器类的父类，可以对列表项进行最大限度的定制 1.1 自定义适配器中的方法 getCount getView getItem getItemId 1.2 LayoutInflater(布局解析器) –LayoutInflater有三种获得方式，资料中有详细介绍 用来把layout布局文件解析成一个View对象，不可以new，需要使用系统服务获得 inflater...
【Android开发学习29】界面控件之列表控件(ListView)--显示图片和文本
03-19
【Android开发学习29】界面控件之列表控件(ListView)--显示图片和文本 代码
Android的Ui高级控件
u013680097的博客
10-23 632
一.学习一个控件的思路 1.有没有系统控件 2.有没有第三方控件 3.修改第三方控件 4.自定义控件
Android UI高级之自定义控件
UremSept
05-20 1861
Android UI高级之自定义控件 ----仿360加速器
高级UI-自定义控件
weixin_30594001的博客
04-06 110
自定义控件在Android开发中有着大量的运用，为了做出符合项目的效果很多时候需要自定义控件，这里就使用两个自定义控件，来说明自定义控件的使用流程 仿QQ侧滑 之前使用DrawerLayout和NavigationView都实现了侧滑的效果，在这里使用自定义的View完成相同的效果 这里考虑到的是继承HorizontalScrollView，复写里面...
UI高级组件
weixin_45805495的博客
01-21 170
Android高级UI组件 适配器组件适配器的作用适配器充当适配器控件和该视图数据之间的桥梁。适配器提供访问的数据项，并负责产生数据组中的每个项的视图。常用的适配器BaseAdapter：抽象类，具有较高的灵活性。ArrayAdapter：最为简单，智能展示一行文字。 SimpleAdapter：有较好的扩充性，可以自定义出各种效果。SimpleCursorAdapter:主要用于操作数据库。常用的适配器控制适配器控件扩展自ViewAdapter，是通过适配器加载数据并产生每一项的UI， 常见的适配器控件如
Android UI 中的 ListView列表控件的示例
08-27
Android UI 中的 ListView 列表控件的示例 Android UI 中的 ListView 列表控件是一种常用的显示大量数据的控件。ListView 允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内，同时屏幕上原有的数据则会...
UI控件之ListView
weixin_30617561的博客
11-04 73
一，一个简单的TextView列表 public class FirstActivity extends Activity { private String[] data = {"Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Ch...
iOS高级控件
catface
03-06 734
第一章、选择器第一节、DatePicker分别为时间、日期、日期时间选择器let date: Date = self.dp_time.date// 时间格式 let formatter: DateFormatter = DateFormatter() formatter.dateFormat = "HH:mm:ss"// 返回选择器选中的时间字符串 self.lb_result.text = for
Android高级UI-listView的原理及优化
o_xiaojian的博客
05-11 224
listView的原理及优化 ★ 原理： 1、先去执行 getcount 获取总条目个数 2、计算一屏显示的条目个数，执行 对应 次数的 getView 3、每次手指滑动listview，根据计算，执行对应次数的getView 结论：getCount =100，将会执行100次getView   优化：   1、创建ViewHolder 类 class ViewHolder{
Android控件之列表视图ListView与适配器用法
hecong129的专栏
05-26 790
、ListView的重要属性 android:choiceMode:是ListView中的一种选择模式。SingleChoice值为1，表示最多有五项被选中；multipleChoice值为2，表示最多可选2项 android:divier：用于ListView数据之间的分隔 android:dividerHeight:分隔符的高度，若没有指明高度，则用此分隔固有的高度，必须为带
Android常用UI控件的使用（二）
weixin_44630656的博客
11-27 399
Android常用UI控件的使用（二）ProgressBar进度条组件拖动条 ProgressBar进度条组件 参考博客 ProgressBar的常用属性 属性 介绍 style （进度条的样式，默认为圆形；用style="android:attr/progressBarStyleHorizontal"可以将进度条设为条状） android:progress 进度条当前所处进度 android:max 进度条总进度 模拟进度条： xml文件布局： <?xml version
android 之UI 高级控件Adapter(适配器详解)
小肥猫吃鱼的博客
05-17 4371
了解适配器组件：适配器是一个连接数据源和AdapterView的桥梁，通过它能有效的实现数据源与AdapterView的分离设置，使AdaptereView与数据的绑定更加简便，修改更加方便。AdapterView与Adapter1.AadapterView即Adapter(适配器)控件，其内容通常是一个包含多项相同格式资源的列表，每次只显示其中的一项。2.需要先把多项内容放入一个列表，然后将这个...
Android界面编程——Android高级UI组件（三）
zhangyufeng0126的博客
07-07 4351
Android界面编程 Android高级UI组件 2.4.1适配器组件 适配器的作用 适配器充当适配器控件和该视图数据之间的桥梁。适配器提供访问的数据项，并负责产生数据组中的每个项的视图。 常用的适配器 BaseAdapter：抽象类，具有较高的灵活性。 ArrayAdapter：最为简单，智能展示一行文字。 SimpleAdapter：有较好的扩充性，可以自定义
Android基础————UI布局之高级控件详解
u012369385的专栏
09-04 2415
UI高级控件： （1）SeekBar：可以拖动的进度条 （2）ProgressBar： 常用属性： style： style="?android:attr/progressBarStyle"默认的进度条样式 style="?android:attr/progressBarStyleLarge" 图标变大 style="?android:attr/progressBarStyleSmall" 图标变
UI高级控件 （Bootstrap）
海涛高软
01-07 1302
1 切换按钮开关：说明： 使用比较简单，只需要添加js-switch类即可，checked表示选中按钮，不带checked表示未选中2 复选框和单选框说明： 一： 开发时基于checkbox这个类的，checkbox-primary表示按钮选中的颜色，还有其它几个类也表示颜色： checkbox-success、checkbox-info、checkbox-warning、checkbo
Android 高级UI控件：DatePicker、TimePicker、Spinner
阿巴卡的博客
12-02 1677
Spinner控件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xml...
Android学习——UI高级组件一
UUUUUltraman的博客
03-21 538
Android学习——UI高级组件 GridView（网格布局） GridView是一个在二维可滚动的网格中展示内容的控件。网格中的内容通过使用adapter自动插入到布局中。 1.GridView常用属性与自定义适配器 GridView组件 1.自定义适配器 （1）创建一个类，继承BaseAdapter类 （2）实现4个方法 getCount 获取要显示的选项总数 getItem 获取当前每一...
Android UI：ListView列表控件详解及示例
"本文详细介绍了Android UI中的ListView列表控件的使用方法，提供了一个实例来帮助开发者理解和应用。" 在Android开发中，ListView是一个至关重要的组件，它用于显示大量数据并支持用户交互，如滚动。ListView允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值