安卓开发——多级联动选择框

已于 2024-07-19 09:51:26 修改
阅读量1.7k 收藏 2
点赞数
分类专栏： 安卓开发 文章标签： 安卓 多级联动 地区选择 省、市、区
于 2019-09-07 09:43:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42062480/article/details/100590433
版权

安卓端
开发工具：AndroidStudio
数据传输：okhttp3

后台：
开发工具：Eclipse
框架：SpringBoot

数据库：Mysql

功能简介：实现地区的多级联动选择，通过六个文本框的点击事件实现，也可根据自己需要调整事件方法
效果预览：（刚实现了功能，页面可能有点丑，大家见谅，样式可自己调整）
在这里插入图片描述
在这里插入图片描述
1，数据库准备：
必须字段：
id（唯一）：id标识
pid：存储父级id
name：名称

例：
1 0 中国
2 1 山东省
3 1 北京市
4 2 济南市
（好理解吧）

2，前台
（点击文本框弹出单选列表，列表内容根据父级选项显示）

首先定义显示页面，这里只需要六个文本框即可

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".AreaTest">


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="行政区划："
                android:textSize="20dp" />

            <EditText
                android:id="@+id/sheng"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />
            <EditText
                android:id="@+id/shi"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />
            <EditText
                android:id="@+id/qu"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />



        </LinearLayout>


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="送餐地点："
                android:textSize="20dp" />

            <EditText
                android:id="@+id/zhen"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />
            <EditText
                android:id="@+id/shequ"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />
            <EditText
                android:id="@+id/cun"
                android:layout_width="80dp"
                android:layout_height="50dp"
                android:layout_marginLeft="3dp" />

        </LinearLayout>



    </LinearLayout>


</LinearLayout>

然后便是Activity，直接上代码
缺少依赖的可参照我的博文（AndroidStudio中依赖导入的方法）
Httputil工具类也在我的博文中有


import android.content.DialogInterface;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

import com.example.jjyl.utils.HttpUtil;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.IOException;

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.MediaType;
import okhttp3.RequestBody;
import okhttp3.Response;

public class AreaTest extends AppCompatActivity {

    private EditText sheng;
    private EditText shi;
    private EditText qu;
    private EditText zhen;
    private EditText shequ;
    private EditText cun;


    private String[] param;
    private String length;
    private int num=0;
    public static final MediaType JSON=MediaType.parse("application/json; charset=utf-8");

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_area_test);
        initview();
    }

//初始化组件
    public void initview(){

        sheng = (EditText) findViewById(R.id.sheng); //省
        shi = (EditText)findViewById(R.id.shi);//市
        qu = (EditText)findViewById(R.id.qu);//区
        zhen = (EditText)findViewById(R.id.zhen);//镇
        shequ = (EditText)findViewById(R.id.shequ);//社区
        cun = (EditText)findViewById(R.id.cun);//村

        //设置输入框点击监听
        //省监听
        sheng.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                    showSheng();
                return false;
            }
        });
        //市监听
        shi.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                {
                    num = 1;
                    panduan(num);
                }
                return false;
            }
        });
        qu.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                {
                    num = 2;
                    panduan(num);
                }
                return false;
            }
        });
        zhen.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                {
                    num = 3;
                    panduan(num);
                }
                return false;
            }
        });
        shequ.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                {
                    num = 4;
                    panduan(num);
                }
                return false;
            }
        });
        cun.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN)
                {
                    num = 5;
                    panduan(num);
                }
                return false;
            }
        });

    }

//省份不需选择父级目录，点击即可选择
    public void showSheng(){
        HttpUtil.sendOkHttpRequest(MainActivity.URL + "sys/getpro", new Callback() {

            @Override
            public void onFailure(Call call, IOException e) {
                System.out.println(e);

            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                final String data = response.body().string();
                System.out.println(data);
                if (response.code() == 200) {
                    if(data.length()>2) {
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                param = data.split(",");
                                length = "" + param.length;

                                //去除符号
                                int l = Integer.parseInt(length);
                                if(l>1){
                                    param[0] = param[0].substring(2, param[0].length() - 1);
                                    param[l - 1] = param[l - 1].substring(1, param[l - 1].length() - 2);
                                    for (int i = 1; i < l - 1; i++) {
                                        param[i] = param[i].substring(1, param[i].length() - 1);
                                    }}else{
                                    param[0] = param[0].substring(2, param[0].length() - 2);
                                }

                                AlertDialog.Builder builder = new AlertDialog.Builder(AreaTest.this);
                                builder.setIcon(com.example.jjyl.R.mipmap.ic_launcher);//图标
                                builder.setTitle("省份选择");

                                final String[] par = param;
                                builder.setItems(par, new DialogInterface.OnClickListener() {
                                    @Override
                                    public void onClick(DialogInterface dialog, int which) {
                                        AreaTest.this.sheng.setText(par[which]);
                                    }
                                });
                                builder.show();

                            }
                        });
                    }else{
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {

                            }
                        });


                    }

                }

            }
        });
    }

//判断父级输入框是否已选择
    public void panduan(int num){
        String param2;
        switch (num){
            case 1:
                param2= sheng.getText().toString();
                if (param2.equals("")){
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(AreaTest.this,"请先选择省份！",Toast.LENGTH_SHORT).show();
                        }
                    });
                }else{
                    showArea(param2,num);
                }
                break;
            case 2:
                param2= shi.getText().toString();
                if (param2.equals("")){
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(AreaTest.this,"请先选择城市！",Toast.LENGTH_SHORT).show();
                        }
                    });
                }else{
                    showArea(param2,num);
                }
                break;
            case 3:
                param2= qu.getText().toString();
                if (param2.equals("")){
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(AreaTest.this,"请先选择区！",Toast.LENGTH_SHORT).show();
                        }
                    });
                }else{
                    showArea(param2,num);
                }
                break;
            case 4:
                param2= zhen.getText().toString();
                if (param2.equals("")){
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(AreaTest.this,"请先选择镇！",Toast.LENGTH_SHORT).show();
                        }
                    });
                }else{
                    showArea(param2,num);
                }
                break;
            case 5:
                param2= shequ.getText().toString();
                if (param2.equals("")){
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Toast.makeText(AreaTest.this,"请先选择社区！",Toast.LENGTH_SHORT).show();
                        }
                    });
                }else{
                    showArea(param2,num);
                }
                break;

        }

    }


//根据父项显示子项列表
    public void showArea(String par2, final int num){


        JSONObject jsonParam=new JSONObject();
        try {
            jsonParam.put("pname",par2);
        } catch (JSONException e) {
            e.printStackTrace();
        }
        String json = jsonParam.toString();


        RequestBody requestBody=RequestBody.create(JSON,json);
        HttpUtil.sendOkHttpResponse(MainActivity.URL+"sys/getarea", requestBody,  new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                System.out.println(e);
            }
            @Override
            public void onResponse(Call call, Response response) throws IOException {
                final String data = response.body().string();
                System.out.println(data);
                if (response.code() == 200) {
                    if(data.length()>2) {
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {

                                param = data.split(",");
                                length = "" + param.length;

                                //去除符号
                                int l = Integer.parseInt(length);
                                if(l>1){
                                    param[0] = param[0].substring(2, param[0].length() - 1);
                                    param[l - 1] = param[l - 1].substring(1, param[l - 1].length() - 2);
                                    for (int i = 1; i < l - 1; i++) {
                                        param[i] = param[i].substring(1, param[i].length() - 1);
                                    }}else{
                                    param[0] = param[0].substring(2, param[0].length() - 2);
                                }

                                AlertDialog.Builder builder = new AlertDialog.Builder(AreaTest.this);
                                builder.setIcon(com.example.jjyl.R.mipmap.ic_launcher);//图标
                                builder.setTitle("选择");

                                final String[] par = param;
                                builder.setItems(par, new DialogInterface.OnClickListener() {
                                    @Override
                                    public void onClick(DialogInterface dialog, int which) {
                                    //将选择的项目传递给输入框显示，如果值父项发生变化，子项清空
                                        switch (num){
                                            case 1:
                                                AreaTest.this.shi.setText(par[which]);
                                                AreaTest.this.qu.setText("");
                                                AreaTest.this.zhen.setText("");
                                                AreaTest.this.shequ.setText("");
                                                AreaTest.this.cun.setText("");
                                                break;
                                            case 2:
                                                AreaTest.this.qu.setText(par[which]);
                                                AreaTest.this.zhen.setText("");
                                                AreaTest.this.shequ.setText("");
                                                AreaTest.this.cun.setText("");
                                                break;
                                            case 3:
                                                AreaTest.this.zhen.setText(par[which]);
                                                AreaTest.this.shequ.setText("");
                                                AreaTest.this.cun.setText("");
                                                break;
                                            case 4:
                                                AreaTest.this.shequ.setText(par[which]);
                                                AreaTest.this.cun.setText("");
                                                break;
                                            case 5:
                                                AreaTest.this.cun.setText(par[which]);
                                                break;

                                        }

                                    }
                                });
                                builder.show();

                            }
                        });
                    }else{
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {

                            }
                        });


                    }

                }
            }
        });


    }

}

2，后台代码
Mapper：

  //直接获得省
    @Select("SELECT NAME FROM 表名 WHERE pid =(SELECid FROM 表名 WHERE NAME = '中国')")
    public List<String> getPro();
    
    
    //通过父级获取子项
    @Select("SELECT NAME FROM 表名 WHERE pid =(SELECT id FROM 表名 WHERE NAME = #{pname})")
    public List<String> getArea(@Param("pname")String pname);

Service：

public List<String> getPro();
 public List<String> getArea(String pname);

ServiceImpl:

   public List<String> getPro() {
			
			return sysmapper.getPro();
		}     
   public List<String> getArea(String pname){
    	   return sysmapper.getArea(pname);
       }

Controller：


	/**
	  * 获得省份
	     * @return pro
	     */
	    //@PathVariable:用于获取url中的数据
	    @GetMapping(value = "sys/getpro")
	    public List<String> getPro(){
	        try {
	        	List<String> pro =sysservice.getPro();
	            return pro;
	        }catch (Exception e){
	            e.printStackTrace();
	        }
	        return null;
	 
	    }
	    
	    
	    //获得下级区划
	    @RequestMapping(value = "sys/getarea",method = RequestMethod.POST)
	    public List<String> getArea(@RequestBody Map<String,Object> param){
	    	String pname =param.get("pname").toString();
	    	 try {
		        	List<String> pro =sysservice.getArea(pname);
		            return pro;
		        }catch (Exception e){
		            e.printStackTrace();
		        }
		        return null;
	    	
	    }

安卓小白，代码有不合适的地方还请多多包涵。

HvnSky
关注
专栏目录
Android-一款通用的筛选组件支持单选复选多级筛选筛选联动筛选数据懒加载
08-13
一款通用的筛选组件，支持单选，复选，多级筛选，筛选联动，筛选数据懒加载
有关android中多级联动问题的解决
zhangyupeng_hehe的专栏
08-30 4339
<br />    废话不多说，首先附上图，效果如下：<br />                                                <br />  一。 我想实现这样的效果：<br /> <br />                   1.当在第一个spinner里选择一个省份的时候，第二个spinner和edittext都会同步进行改变，而且两者的值都该相同；<br />                   2.当在第二个spinner里进行选择的时候，edittext的值
安卓三级联动省市联动多级联动相关-Android多级下拉列表菜单可向下选择3级子菜单.zip
07-29
Android多级下拉列表 菜单 ,可向下选择3级子菜单.zip,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android中的多级联动
ZhangGeng's Blog
10-25 5462
Android中的多级联动在很久以前，我刚工作的时候也碰到过这样一个需求，那时要做一个环境监测系统的客户端，需求是这样的： 有不同的实验室； 每个实验室有不同的光照、湿度、温度监测器； 每选择一个实验室后，将这个实验室对应的光照、温度、湿度都展示出来。 当时我的实现方式是：在Activity上放两个Spinner，先把实验室数据从服务器拿下来展示出来，当每选择一个实验室后再从
Android多级联动
ThePromonkeyOf_HeLuo的博客
11-25 782
应用源码省市联动选择城市的天气预报源码 二级菜单联动功能源码 省市二级联动的实现
Android——Android实现多级菜单联动操作
Minor昔年
05-26 3万+
感觉好久没有写博客了，这段时间工作很忙，只有晚上才有时间写，demo做出来后马上动手分享给大家了，其实这几天还是很累的，这身体吃不消了【大哭】。。。额！好了，今天是分享一个android实现三级菜单联动效果，这个demo我也折腾了两三个晚上，到了第三级菜单有点复杂，下面带着大家看下代码。项目结构： 为了让大家更有的耐心的阅读， 我先从简单的开始说起，我们先看下demo实现的效果吧！这样可以让大家更
Android提高十七篇之多级树形菜单的实现
zhjp4295216的专栏
01-09 1234
<br /><br />http://blog.csdn.net/hellogv/archive/2011/01/06/6120133.aspx<br /> <br />在Android里要实现树形菜单，都是用ExpandableList(也有高手自己继承ListView或者LinearLayout来做)，但是ExpandableList一般只能实现2级树形菜单......本文也依然使用ExpandableList，但是要实现的是3级树形菜单。本文程序运行效果图：<br /><br />当用BaseExpa
Android ListView三级联动，实现自定义地址选择器
FC小司的博客
12-20 2518
说到地址选择器，好多小伙伴第一印象就是——wheelView~这玩意确实挺好用的^(*￣(oo)￣)^！ 然而悲剧的故事发生了，傲娇的老板不喜欢wheelView那种选中条不动的效果 ~(⊙o⊙)！ 好吧，其实是老板不知道从哪个忘记名字的App看到这种效果，然后坚持要把地址选择器搞成这样。话不多说，先上图： 眼尖的小伙伴，应该一眼就看出了，没错，就只是3个listView拼起来的效果。说到
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
1000套安卓（Android）毕业设计（带论文）、大作业、实例快速下载 （Android Studio）
web13618542420的博客
05-30 5028
ctrl+F 快速定位 序号 类型 项目名称 1 毕业设计 毕业设计-基于安卓Android学生考勤信息管理系统.zip 2 毕业设计 毕业设计-安卓Android教务选课成绩管理系统.zip 3 毕业设计 114基于Android的理财记账本20141215+论文+需求文档+演示视频.zip.zip 4 毕业设计 Android科大讯飞语音识别.zip 5 毕业设计 基于android的点餐系统.zip.zip 6 毕业设计 Android客户端与服务器端的json数据交互(服务端客户端) .zip .
三级联动选择器 (Android版)
05-04
类似淘宝手机客户端的，选择收货地址的三级联动滚动选择组件。好东西不多说，谁用谁知道~
Android联动选择时间和地址
03-29
基于开源项目wheelviw的时间地址选择对话框，修改了显示效果，选中条目变大，可以直接在真实项目中使用。
Android实现四级联动地址选择器
01-20
本文实例为大家分享了Android实现四级联动地址选择器的具体代码，供大家参考，具体内容如下 效果如下： 代码传送阵： address_selector.xml <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:app=http://schemas.android.com/apk/res-auto xmlns:tools=http://schemas.android.com/tools android:id=@+id/ll_container androi
android实现三级联动菜单
05-26
android实现多级菜单联动操作，利用ViewPager可以实现页面之间的滑动。
android地区三级联动选择的Demo
12-10
地区三级联动选择
《信息化项目文档模板四——系统建设方案模板》
再见孙悟空的专栏
02-23 3948
系列文章目录 《信息化项目文档模板一——项目需求说明书》 《信息化项目文档模板二——项目启动会文档模板》 《信息化项目文档模板三——会议纪要模板》 《信息化项目文档模板四——系统项目蓝图设计模板》 《信息化项目文档模板五——系统详细设计模板》 《信息化项目文档模板六——系统开发计划模板》 《信息化项目文档模板七——系统功能测试模板》 《信息化项目文档模板八——系统压力测试模板》 《信息化项目文档模板九——系统推广上线计划模板》 《信息化项目文档模板十——系统用户操作手册模板》 《信息化项目文档模板十一——系
mobileSelect移动端手机下拉控件
04-25
3. **多级下拉**：mobileSelect支持多级联动的下拉菜单，用户可以根据需要构建层次结构，方便用户快速找到目标选项。 4. **自定义样式**：为了满足不同的UI设计需求，mobileSelect允许开发者自定义样式，包括颜色、...
安卓使用Spinner实现四级多级联动及自定义Dialog
yuhang01的博客
09-02 1473
Android自定义Diaolog+日期选择器+Spinner四级联动 因为此次博文涵盖的东西比较多 ，我就把它细分一下 并且分享我在实现此功能中遇到的问题 话不多说，先上效果图： 详细的实现步骤 1.自定义对话框的实现以及日期控件的设定 我是在一个模块中添加了一个按钮的点击事件，主要的代码如下: binding.deliveryTimeSummarySearch.setOnClickList...
多级关联下拉选择框
土匪头子的专栏
06-22 1052
<br /><table><tr><td><br /><div style="background-color:#3366CC;width:80px;height:30px;text-align:center;<br />padding:3px;border-bottom:1px solid #FFFFFF;z-index:1;"<br />onmouseover="myMenu.style.display='block'"<br />onmouseout="myMenu.style.display='no
JQUERY实现多级联动选择器代码分享
在Web开发中，多级联动通常指的是多个下拉菜单或选择器之间的关联性，即当用户在一个选择器中选择一个选项时，其他相关的选择器会根据这个选择自动更新其内容。这种交互方式常见于层级关系的数据筛选，如地区选择、...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值