android 下拉菜单触发_Android实现三级联动下拉框 城市选择器(简单)

主要实现办法:动态加载各级下拉值的适配器

在监听本级下拉框,当本级下拉框的选中值改变时,随之修改下级的适配器的绑定值

先贴出效果图:

主布局代码:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:padding="8dp">

android:id="@+id/spin_province"

android:layout_width="80dp"

android:layout_height="wrap_content" />

android:id="@+id/spin_city"

android:layout_width="112dp"

android:layout_height="wrap_content" />

android:id="@+id/spin_county"

android:layout_width="100dp"

android:layout_height="wrap_content" />

主activity代码:

package com.yaowen.wheel;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

import com.yaowen.android_wheel.R;

public class WheelActivity extends AppCompatActivity {

private Spinner provinceSpinner = null;//省级(省、直辖市)

private Spinner citySpinner = null;//地级市

private Spinner countySpinner = null;//县级(区、县、县级市)

ArrayAdapter provinceAdapter = null;//省级适配器

ArrayAdapter cityAdapter = null;//地级适配器

ArrayAdapter countyAdapter = null;//县级适配器

static int provincePosition = 3; //省级选项值

private String[] province = new String[]{"北京", "上海", "天津", "广东", "香港", "澳门"};

private String[][] city = new String[][]{

{"不限", "东城区", "西城区", "崇文区", "宣武区", "朝阳区", "海淀区", "丰台区", "石景山区", "门头沟区", "房山区", "通州区", "顺义区", "大兴区", "昌平区", "平谷区", "怀柔区", "密云县", "延庆县"},//北京市

{"不限", "长宁区", "静安区", "普陀区", "闸北区", "虹口区"},//上海市

{"不限", "和平区", "河东区", "河西区", "南开区", "河北区", "红桥区", "塘沽区", "汉沽区", "大港区", "东丽区"},//天津市

{"不限", "广州", "深圳", "湛江", "韶关", "珠海", "汕头", "佛山", "肇庆", "江门", "茂名", "惠州", "梅州", "汕尾", "河源", "阳江", "清远", "东莞", "中山", "潮州", "揭阳", "云浮"},//广东省

{"全香港"},//香港

{"全澳门"}//澳门

};

private String[][][] county = new String[][][]{

//北京

{{"不限"}, {"全东城区"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}},

//上海

{{"不限"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}},

//天津

{{"不限"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}, {"无"}},

//广东

{{"不限"}, {"海珠区", "荔湾区", "越秀区", "白云区", "萝岗区", "天河区", "黄埔区", "花都区", "从化市", "增城市", "番禺区", "南沙区"},//广州

{"不限", "宝安区", "福田区", "龙岗区", "罗湖区", "南山区", "盐田区"},//深圳

{"不限", "遂溪县", "坡头区", "麻章区", "吴川市", "廉江市", "徐闻县", "雷州市"},//湛江市

{"不限", "武江区", "浈江区", "曲江区", "乐昌市", "南雄市", "始兴县", "仁化县", "翁源县", "新丰县", "乳源县"},//韶光

},

//香港

{{"全香港"}},

//澳门

{{"全澳门"}}

};

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_wheel);

setSpinner();

}

private void setSpinner() {

//初始化组件

provinceSpinner = (Spinner) findViewById(R.id.spin_province);

citySpinner = (Spinner) findViewById(R.id.spin_city);

countySpinner = (Spinner) findViewById(R.id.spin_county);

//绑定provinceAdapter适配器和值

provinceAdapter = new ArrayAdapter

(WheelActivity.this, android.R.layout.simple_spinner_item, province);

provinceSpinner.setAdapter(provinceAdapter);

provinceSpinner.setSelection(3, true);  //设置默认选中项,此处为默认选中第4个值

//绑定cityAdapter适配器和值

cityAdapter = new ArrayAdapter(WheelActivity.this, android.R.layout.simple_spinner_item, city[3]);

citySpinner.setAdapter(cityAdapter);

citySpinner.setSelection(0, true);  //默认选中第0个

//绑定countyAdapter适配器和值

countyAdapter = new ArrayAdapter(WheelActivity.this, android.R.layout.simple_spinner_item, county[3][0]);

countySpinner.setAdapter(countyAdapter);

countySpinner.setSelection(0, true);

provinceSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

// 表示选项被改变的时候触发此方法,主要实现办法:动态改变地级适配器的绑定值

@Override

public void onItemSelected(AdapterView> arg0, View arg1, int position, long arg3) {

//position为当前省级选中的值的序号

// 将地级适配器的值改变为city[position]中的值

cityAdapter = new ArrayAdapter(

WheelActivity.this, android.R.layout.simple_spinner_item, city[position]);

// 设置二级下拉列表的选项内容适配器

citySpinner.setAdapter(cityAdapter);

provincePosition = position;    //记录当前省级序号,留给下面修改县级适配器时用

}

@Override

public void onNothingSelected(AdapterView> arg0) {

}

});

citySpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

@Override

public void onItemSelected(AdapterView> arg0, View arg1, int position, long arg3) {

countyAdapter = new ArrayAdapter(

WheelActivity.this, android.R.layout.simple_spinner_item, county[provincePosition][position]);

countySpinner.setAdapter(countyAdapter);

}

@Override

public void onNothingSelected(AdapterView> arg0) {

}

});

}

}

代码就这么多,就这么简答!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现全国城市三级联动下拉框可以使用Vue.js的组件化开发方式,将下拉框封装成一个组件,然后通过组件之间的通信实现三级联动效果。 首先,需要准备城市数据。可以从一些开放的API获取,这里推荐使用高德地图API获取全国城市数据。具体操作可以参考高德地图开发文档,这里不再赘述。 然后,在Vue项目中创建城市选择组件。在组件中定义三个下拉框,分别绑定省、市、区/县的数据源,并设置默认值。当省下拉框的值改变时,触发change事件,根据省的value值获取对应的市数据,更新市下拉框的数据源和默认值。同理,当市下拉框的值改变时,触发change事件,根据市的value值获取对应的区/县数据,更新区/县下拉框的数据源和默认值。 下面是示例代码: ```html <template> <div> <select v-model="province" @change="selectProvince"> <option v-for="p in provinces" :value="p.adcode">{{ p.name }}</option> </select> <select v-model="city" @change="selectCity"> <option v-for="c in cities" :value="c.adcode">{{ c.name }}</option> </select> <select v-model="district"> <option v-for="d in districts" :value="d.adcode">{{ d.name }}</option> </select> </div> </template> <script> export default { data() { return { provinces: [], // 省数据源 cities: [], // 市数据源 districts: [], // 区/县数据源 province: '', // 省默认值 city: '', // 市默认值 district: '' // 区/县默认值 } }, mounted() { // 获取省数据,默认显示第一个省的数据 this.$axios.get('/api/province').then(res => { this.provinces = res.data this.province = this.provinces[0].adcode this.selectProvince() }) }, methods: { selectProvince() { // 根据省的adcode获取市数据,默认显示第一个市的数据 this.$axios.get(`/api/city?adcode=${this.province}`).then(res => { this.cities = res.data this.city = this.cities[0].adcode this.selectCity() }) }, selectCity() { // 根据市的adcode获取区/县数据,默认显示第一个区/县的数据 this.$axios.get(`/api/district?adcode=${this.city}`).then(res => { this.districts = res.data this.district = this.districts[0].adcode }) } } } </script> ``` 这里使用了axios库发送http请求获取城市数据,可以根据实际情况选择其他库或原生的XMLHttpRequest对象。 最后,将城市选择组件引入到需要使用的页面中即可。 ```html <template> <div> <h2>请选择城市</h2> <city-select></city-select> </div> </template> <script> import CitySelect from '@/components/CitySelect' export default { components: { CitySelect } } </script> ``` 这样就完成了全国城市三级联动下拉框实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值