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

首先打开安卓的ADT软件

创建一个项目，取名为Day08

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

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

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

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

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

<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="match_parent"android:background="@drawable/bg"android:orientation="vertical"tools:context=".MainActivity" ></LinearLayout>

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

 <LinearLayoutandroid:layout_width="match_parent"android:layout_height="90dp" ><TextViewandroid:layout_width="match_parent"android:layout_height="70dp"android:gravity="center"android:textSize="20dp"android:text="新冠疫苗接种记录" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="80dp" ><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="1"android:gravity="center_vertical|right"android:textColor="#000000"android:textSize="15dp"android:text="姓名:" /><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="3"android:gravity="center_horizontal"android:textColor="#892628"android:text="zhangsan" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="80dp" ><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="1"android:gravity="center_vertical|right"android:textColor="#000000"android:textSize="15dp"android:text="身份证号:" /><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="3"android:gravity="center_horizontal"android:textColor="#892628"android:text="41233319999042511234" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="50dp" ><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_vertical|left"android:text="序号" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="疫苗厂家" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="剂次" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="接种日期" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="接种单位" /></LinearLayout>

3.列表视图

<ListViewandroid:id="@+id/lv_item"android:layout_width="match_parent"android:layout_height="wrap_content" ></ListView>

代码总览

<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="match_parent"android:background="@drawable/bg"android:orientation="vertical"tools:context=".MainActivity" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="90dp" ><TextViewandroid:layout_width="match_parent"android:layout_height="70dp"android:gravity="center"android:textSize="20dp"android:text="新冠疫苗接种记录" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="80dp" ><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="1"android:gravity="center_vertical|right"android:textColor="#000000"android:textSize="15dp"android:text="姓名:" /><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="3"android:gravity="center_horizontal"android:textColor="#892628"android:text="zhangsan" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="80dp" ><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="1"android:gravity="center_vertical|right"android:textColor="#000000"android:textSize="15dp"android:text="身份证号:" /><TextViewandroid:layout_width="0dp"android:layout_height="70dp"android:layout_weight="3"android:gravity="center_horizontal"android:textColor="#892628"android:text="41233319999042511234" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="50dp" ><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_vertical|left"android:text="序号" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="疫苗厂家" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="剂次" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="接种日期" /><TextViewandroid:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_horizontal|left"android:text="接种单位" /></LinearLayout><ListViewandroid:id="@+id/lv_item"android:layout_width="match_parent"android:layout_height="wrap_content" ></ListView></LinearLayout>

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal" ><TextViewandroid:id="@+id/Text01"android:layout_width="0dp"android:layout_height="match_parent"android:textColor="#ffffff"android:layout_weight="1" /><TextViewandroid:id="@+id/Text02"android:layout_width="0dp"android:layout_height="match_parent"android:textColor="#ffffff"android:layout_weight="1" /><TextViewandroid:id="@+id/Text03"android:layout_width="0dp"android:layout_height="match_parent"android:textColor="#ffffff"android:layout_weight="1" /><TextViewandroid:id="@+id/Text04"android:layout_width="0dp"android:layout_height="match_parent"android:textColor="#ffffff"android:layout_weight="1" /><TextViewandroid:id="@+id/Text05"android:layout_width="0dp"android:layout_height="match_parent"android:textColor="#ffffff"android:layout_weight="1" /></LinearLayout>

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

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

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

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

private ListView lvItem;

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


@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 2.找到所有的有ID的控件init();
//对内容进行填充String[] number = new String[] { "1", "2" };String[] Factory = new String[] { "科兴中维", "科兴中维" };String[] dose = new String[] { "1", "2" };String[] date = new String[] { "2021-05-25", "2021-06-17" };String[] unit = new String[] { "郑州中心医院", "郑州中心医院" };private void init() {lvItem = (ListView) findViewById(R.id.lv_item);}
}

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

for (int i = 0; i < number.length; i++) {Map<String, Object> showItem = new HashMap<String, Object>();showItem.put("icon", number[i]);showItem.put("title", Factory[i]);showItem.put("content", dose[i]);showItem.put("creat", date[i]);showItem.put("create", unit[i]);listItem.add(showItem);}

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

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

代码总览

package com.example.day08;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Spinner;public class MainActivity extends Activity {// 1.定义所有id的控件private ListView lvItem;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 2.找到所有的有ID的控件init();String[] number = new String[] { "1", "2" };String[] Factory = new String[] { "科兴中维", "科兴中维" };String[] dose = new String[] { "1", "2" };String[] date = new String[] { "2021-05-25", "2021-06-17" };String[] unit = new String[] { "郑州中心医院", "郑州中心医院" };List<Map<String, Object>> listItem = new ArrayList<Map<String, Object>>();// contents为上面的存储数据名可变换其他两个// 根据simpleAdapter的结构创建一个Map集合进行数据储存// 遍历这个数组并储存for (int i = 0; i < number.length; i++) {Map<String, Object> showItem = new HashMap<String, Object>();showItem.put("icon", number[i]);showItem.put("title", Factory[i]);showItem.put("content", dose[i]);showItem.put("creat", date[i]);showItem.put("create", unit[i]);listItem.add(showItem);}// 创建适配器// 当前页面显示，显示的数据，显示什么样的数据// 这里面存储的内容在控件中所对应的位置绑定// 绑定适配器SimpleAdapter adapter = new SimpleAdapter(getApplicationContext(),listItem,R.layout.linear,new String[] { "icon", "title","content", "creat", "create" },new int[] {    R.id.Text01, R.id.Text02, R.id.Text03, R.id.Text04,R.id.Text05 });lvItem.setAdapter(adapter);}private void init() {lvItem = (ListView) findViewById(R.id.lv_item);}}

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

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

Android页面下拉列表的简单页面相关推荐

Android程序ToDoList增加配置项页面
本文要做的事情就是在前面做的简单的ToDoList程序上增加一个配置项页面(Reference).这个Reference页面也非常简单: 这个ToDoList现在有两个页面,主页面能填写待办事项,然后 ...
android 使用浏览器打开指定页面
今天,简单讲讲android里如何使用浏览器打开指定的网页. 之前,我做一个功能时,服务器返回一个url地址,我需要跳转到指定网页.却发现自己不知道怎么做,在网上搜索了资料,最终是解决了问题.这里记录 ...
ajax排行页面,ajax简单页面
简单的注册页面运用ajax 主页面无标题文档 //首先引用jquery文件登录页面用户名: 密码: $("#btn").click(function(){ //1.取内容 v ...
Android使用Fragment打造万能页面切换框架
首先我们来回忆一下传统用Activity进行的页面切换,activity之间切换,首先需要新建intent对象,给该对象设置一些必须的参数,然后调用startActivity方法进行页面跳转.如果需要 ...
Android使用Fragment打造万能页面切换框架（一）
首先我们来回忆一下传统用Activity进行的页面切换,activity之间切换,首先需要新建intent对象,给该对象设置一些必须的参数,然后调用startActivity方法进行页面跳转.如果需要 ...
Android仿淘宝详情页面viewPager滑动到最后一张图片跳转的功能
需要做一个仿淘宝客户端ViewPager滑动到最后一页,再拖动的时候跳到详情的功能,刚开始我也迷糊了,通过查阅相关资料发现有好多种实现方法,下面小编给大家分享实例代码,感兴趣的朋友一起看看吧需要做一 ...
android 简易我的积分页面、答题页面的设计
一.我的积分页面设计 1.页面布局文件 activity_my_points.xml 代码如下: <?xml version="1.0" encoding="utf ...
androidstudio简单页面设计
简单页面设计一.代码设计 (一)主页面 (二)联系人电话二.演示界面一.代码设计 (一)主页面 1.ThreeActivity package com.example.helloworld1;i ...
android自动浏览网站,android 使用浏览器打开指定页面的实现方法
之前,我做一个功能时,服务器返回一个url地址,我需要跳转到指定网页.却发现自己不知道怎么做,在网上搜索了资料,最终是解决了问题.这里记录一下. 启动android默认浏览器在Android程序中我 ...

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

Android页面下拉列表的简单页面相关推荐

最新文章

热门文章