devbox
我家小花儿
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android页面下拉列表的简单页面_linearlayout 能下拉

作者：我家小花儿 | 2024-02-19 00:19:48

赞

踩

linearlayout 能下拉

首先打开安卓的ADT软件

创建一个项目，取名为Day08

我们今天创建这样的一个Android页面

视图分析：该图是由6个线性布局<LinearLayout>(如下图六个红线框框),文本框<TextView>,列表视图<ListView>

打开我们创建的项目Day08找到res-layout，

一.打开activity_main.xml文件开始创建我们的第一个页面

1.改成线性布局，在线性布局里面确定是垂直排列还是水平排列，并插入背景图片

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@drawable/bg"
  6.     android:orientation="vertical"
  7.     tools:context=".MainActivity" >
  8.  
  9. </LinearLayout>

2.开始我们的局内控件创作（无列表视图和最外层的线性布局，颜色与对齐方式可在自己的布局控件中设置）

  1.  <LinearLayout
  2.         android:layout_width="match_parent"
  3.         android:layout_height="90dp" >
  4.  
  5.         <TextView
  6.             android:layout_width="match_parent"
  7.             android:layout_height="70dp"
  8.             android:gravity="center"
  9.             android:textSize="20dp"
  10.             android:text="新冠疫苗接种记录" />
  11.     </LinearLayout>
  12.  
  13.     <LinearLayout
  14.         android:layout_width="match_parent"
  15.         android:layout_height="80dp" >
  16.  
  17.         <TextView
  18.             android:layout_width="0dp"
  19.             android:layout_height="70dp"
  20.             android:layout_weight="1"
  21.             android:gravity="center_vertical|right"
  22.              android:textColor="#000000"
  23.             android:textSize="15dp"
  24.             android:text="姓名:" />
  25.  
  26.         <TextView
  27.             android:layout_width="0dp"
  28.             android:layout_height="70dp"
  29.             android:layout_weight="3"
  30.             android:gravity="center_horizontal"
  31.               android:textColor="#892628"
  32.             android:text="zhangsan" />
  33.     </LinearLayout>
  34.  
  35.     <LinearLayout
  36.         android:layout_width="match_parent"
  37.         android:layout_height="80dp" >
  38.  
  39.         <TextView
  40.             android:layout_width="0dp"
  41.             android:layout_height="70dp"
  42.             android:layout_weight="1"
  43.             android:gravity="center_vertical|right"
  44.             android:textColor="#000000"
  45.             android:textSize="15dp"
  46.             android:text="身份证号:" />
  47.  
  48.         <TextView
  49.             android:layout_width="0dp"
  50.             android:layout_height="70dp"
  51.             android:layout_weight="3"
  52.             android:gravity="center_horizontal"
  53.            android:textColor="#892628"
  54.             android:text="41233319999042511234" />
  55.     </LinearLayout>
  56.     
  57.      <LinearLayout
  58.         android:layout_width="match_parent"
  59.         android:layout_height="50dp" >
  60.  
  61.         <TextView
  62.             android:layout_width="0dp"
  63.             android:layout_height="40dp"
  64.             android:layout_weight="1"
  65.             android:gravity="center_vertical|left"
  66.             android:text="序号" />
  67.         
  68.          <TextView
  69.             android:layout_width="0dp"
  70.             android:layout_height="40dp"
  71.             android:layout_weight="1"
  72.             android:gravity="center_horizontal|left"
  73.             android:text="疫苗厂家" />
  74.  
  75.         <TextView
  76.             android:layout_width="0dp"
  77.             android:layout_height="40dp"
  78.             android:layout_weight="1"
  79.             android:gravity="center_horizontal|left"
  80.             android:text="剂次" />
  81.         
  82.          <TextView
  83.             android:layout_width="0dp"
  84.             android:layout_height="40dp"
  85.             android:layout_weight="1"
  86.             android:gravity="center_horizontal|left"
  87.             android:text="接种日期" />
  88.          
  89.           <TextView
  90.             android:layout_width="0dp"
  91.             android:layout_height="40dp"
  92.             android:layout_weight="1"
  93.             android:gravity="center_horizontal|left"
  94.             android:text="接种单位" />
  95.           
  96.           
  97.     </LinearLayout>
  98.

3.列表视图

  1. <ListView
  2.          android:id="@+id/lv_item"
  3.          android:layout_width="match_parent"
  4.          android:layout_height="wrap_content" >
  5.      </ListView>

代码总览

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@drawable/bg"
  6.     android:orientation="vertical"
  7.     tools:context=".MainActivity" >
  8.  
  9.     <LinearLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="90dp" >
  12.  
  13.         <TextView
  14.             android:layout_width="match_parent"
  15.             android:layout_height="70dp"
  16.             android:gravity="center"
  17.             android:textSize="20dp"
  18.             android:text="新冠疫苗接种记录" />
  19.     </LinearLayout>
  20.  
  21.     <LinearLayout
  22.         android:layout_width="match_parent"
  23.         android:layout_height="80dp" >
  24.  
  25.         <TextView
  26.             android:layout_width="0dp"
  27.             android:layout_height="70dp"
  28.             android:layout_weight="1"
  29.             android:gravity="center_vertical|right"
  30.              android:textColor="#000000"
  31.             android:textSize="15dp"
  32.             android:text="姓名:" />
  33.  
  34.         <TextView
  35.             android:layout_width="0dp"
  36.             android:layout_height="70dp"
  37.             android:layout_weight="3"
  38.             android:gravity="center_horizontal"
  39.               android:textColor="#892628"
  40.             android:text="zhangsan" />
  41.     </LinearLayout>
  42.  
  43.     <LinearLayout
  44.         android:layout_width="match_parent"
  45.         android:layout_height="80dp" >
  46.  
  47.         <TextView
  48.             android:layout_width="0dp"
  49.             android:layout_height="70dp"
  50.             android:layout_weight="1"
  51.             android:gravity="center_vertical|right"
  52.             android:textColor="#000000"
  53.             android:textSize="15dp"
  54.             android:text="身份证号:" />
  55.  
  56.         <TextView
  57.             android:layout_width="0dp"
  58.             android:layout_height="70dp"
  59.             android:layout_weight="3"
  60.             android:gravity="center_horizontal"
  61.            android:textColor="#892628"
  62.             android:text="41233319999042511234" />
  63.     </LinearLayout>
  64.     
  65.      <LinearLayout
  66.         android:layout_width="match_parent"
  67.         android:layout_height="50dp" >
  68.  
  69.         <TextView
  70.             android:layout_width="0dp"
  71.             android:layout_height="40dp"
  72.             android:layout_weight="1"
  73.             android:gravity="center_vertical|left"
  74.             android:text="序号" />
  75.         
  76.          <TextView
  77.             android:layout_width="0dp"
  78.             android:layout_height="40dp"
  79.             android:layout_weight="1"
  80.             android:gravity="center_horizontal|left"
  81.             android:text="疫苗厂家" />
  82.  
  83.         <TextView
  84.             android:layout_width="0dp"
  85.             android:layout_height="40dp"
  86.             android:layout_weight="1"
  87.             android:gravity="center_horizontal|left"
  88.             android:text="剂次" />
  89.         
  90.          <TextView
  91.             android:layout_width="0dp"
  92.             android:layout_height="40dp"
  93.             android:layout_weight="1"
  94.             android:gravity="center_horizontal|left"
  95.             android:text="接种日期" />
  96.          
  97.           <TextView
  98.             android:layout_width="0dp"
  99.             android:layout_height="40dp"
  100.             android:layout_weight="1"
  101.             android:gravity="center_horizontal|left"
  102.             android:text="接种单位" />
  103.           
  104.           
  105.     </LinearLayout>
  106.  
  107.      <ListView
  108.          android:id="@+id/lv_item"
  109.          android:layout_width="match_parent"
  110.          android:layout_height="wrap_content" >
  111.      </ListView>
  112.     
  113. </LinearLayout>

在下拉列表中我们需要在res-layout中新创建一个xml，来对下拉列表进行一个布局

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="horizontal" >
  6.  
  7.     <TextView
  8.         android:id="@+id/Text01"
  9.         android:layout_width="0dp"
  10.         
  11.         android:layout_height="match_parent"
  12.         android:textColor="#ffffff"
  13.         android:layout_weight="1" />
  14.  
  15.     <TextView
  16.         android:id="@+id/Text02"
  17.         android:layout_width="0dp"
  18.         android:layout_height="match_parent"
  19.          android:textColor="#ffffff"
  20.         android:layout_weight="1" />
  21.  
  22.     <TextView
  23.         android:id="@+id/Text03"
  24.         android:layout_width="0dp"
  25.         android:layout_height="match_parent"
  26.          android:textColor="#ffffff"
  27.         android:layout_weight="1" />
  28.  
  29.     <TextView
  30.         android:id="@+id/Text04"
  31.         android:layout_width="0dp"
  32.         android:layout_height="match_parent"
  33.          android:textColor="#ffffff"
  34.         android:layout_weight="1" />
  35.  
  36.     <TextView
  37.         android:id="@+id/Text05"
  38.         android:layout_width="0dp"
  39.         android:layout_height="match_parent"
  40.          android:textColor="#ffffff"
  41.         android:layout_weight="1" />
  42.  
  43. </LinearLayout>

这两步完成之后代码视图（下图所示）

 二.对下拉列表进行填充内容

找到项目里面的src点击MainActivity并进行编辑

1.定义所有id的控件（在上面列表视图当中我们添加了一个控件名叫lv_Item的id）

private ListView lvItem;

2.找到所有的有ID的控件，并对列表示图进行内容填充

  1.  
  2. @Override
  3. 	protected void onCreate(Bundle savedInstanceState) {
  4. 		super.onCreate(savedInstanceState);
  5. 		setContentView(R.layout.activity_main);
  6.  
  7. // 2.找到所有的有ID的控件
  8.     init();
  9. //对内容进行填充
  10. 		String[] number = new String[] { "1", "2" };
  11. 		String[] Factory = new String[] { "科兴中维", "科兴中维" };
  12. 		String[] dose = new String[] { "1", "2" };
  13. 		String[] date = new String[] { "2021-05-25", "2021-06-17" };
  14. 		String[] unit = new String[] { "郑州中心医院", "郑州中心医院" };
  15.  
  16.  
  17. private void init() {
  18. 		lvItem = (ListView) findViewById(R.id.lv_item);
  19. 	}
  20. }

3.根据simpleAdapter的结构创建一个Map集合进行数据储存

  1. for (int i = 0; i < number.length; i++) {
  2.  
  3. 			Map<String, Object> showItem = new HashMap<String, Object>();
  4. 			showItem.put("icon", number[i]);
  5. 			showItem.put("title", Factory[i]);
  6. 			showItem.put("content", dose[i]);
  7. 			showItem.put("creat", date[i]);
  8. 			showItem.put("create", unit[i]);
  9. 			listItem.add(showItem);
  10. 		}

4.创建适配器，对当前页面的显示，显示的数据，显示数据的布局以及存储的内容在控件中所对应的位置绑定，最后绑定适配器

  1.         // 创建适配器
  2. 		// 当前页面显示，显示的数据，显示什么样的数据（getApplicationContext(),
  3. 				listItem,
  4. 				R.layout.linear）
  5. 		// 这里面存储的内容在控件中所对应的位置绑定
  6. 		SimpleAdapter adapter = new SimpleAdapter(getApplicationContext(),
  7. 				listItem,
  8. 				R.layout.linear,
  9. 				new String[] { "icon", "title","content", "creat", "create" },
  10. 				new int[] {	R.id.Text01, R.id.Text02, R.id.Text03, R.id.Text04,R.id.Text05 });
  11. // 绑定适配器
  12.  
  13. 		lvItem.setAdapter(adapter);

代码总览

  1. package com.example.day08;
  2.  
  3. import java.util.ArrayList;
  4. import java.util.HashMap;
  5. import java.util.List;
  6. import java.util.Map;
  7.  
  8. import android.os.Bundle;
  9. import android.app.Activity;
  10. import android.view.Menu;
  11. import android.widget.ListView;
  12. import android.widget.SimpleAdapter;
  13. import android.widget.Spinner;
  14.  
  15. public class MainActivity extends Activity {
  16.  
  17. 	// 1.定义所有id的控件
  18. 	private ListView lvItem;
  19.  
  20. 	@Override
  21. 	protected void onCreate(Bundle savedInstanceState) {
  22. 		super.onCreate(savedInstanceState);
  23. 		setContentView(R.layout.activity_main);
  24.  
  25. 		// 2.找到所有的有ID的控件
  26. 		init();
  27. 		
  28. 		String[] number = new String[] { "1", "2" };
  29. 		String[] Factory = new String[] { "科兴中维", "科兴中维" };
  30. 		String[] dose = new String[] { "1", "2" };
  31. 		String[] date = new String[] { "2021-05-25", "2021-06-17" };
  32. 		String[] unit = new String[] { "郑州中心医院", "郑州中心医院" };
  33.  
  34. 		List<Map<String, Object>> listItem = new ArrayList<Map<String, Object>>();
  35. 		// contents为上面的存储数据名可变换其他两个
  36. 		// 根据simpleAdapter的结构创建一个Map集合进行数据储存
  37. 		// 遍历这个数组并储存
  38. 		for (int i = 0; i < number.length; i++) {
  39.  
  40. 			Map<String, Object> showItem = new HashMap<String, Object>();
  41. 			showItem.put("icon", number[i]);
  42. 			showItem.put("title", Factory[i]);
  43. 			showItem.put("content", dose[i]);
  44. 			showItem.put("creat", date[i]);
  45. 			showItem.put("create", unit[i]);
  46. 			listItem.add(showItem);
  47. 		}
  48.  
  49. 		// 创建适配器
  50. 		// 当前页面显示，显示的数据，显示什么样的数据
  51. 		// 这里面存储的内容在控件中所对应的位置绑定
  52. 		// 绑定适配器
  53. 		SimpleAdapter adapter = new SimpleAdapter(getApplicationContext(),
  54. 				listItem,
  55. 				R.layout.linear,
  56. 				new String[] { "icon", "title","content", "creat", "create" },
  57. 				new int[] {	R.id.Text01, R.id.Text02, R.id.Text03, R.id.Text04,R.id.Text05 });
  58.  
  59. 		lvItem.setAdapter(adapter);
  60.  
  61. 	}
  62.  
  63. 	private void init() {
  64. 		lvItem = (ListView) findViewById(R.id.lv_item);
  65. 	}
  66.  
  67. }

这样一个Android页面下拉列表的简单页面就做出来了

结束之后运行Android模拟器看看运行效果

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/111512
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号