Android使用android-wheel实现省市县三级联动

今天没事跟群里面侃大山,有个哥们说道Android Wheel这个控件,以为是Andriod内置的控件,google一把,发现是个github上的一个控件。

下载地址:https://code.google.com/p/android-wheel/    发现很适合做省市县三级联动就做了一个。

先看下效果图:

1、首先导入github上的wheel项目

2、新建个项目,然后选择记得右键->Properties->Android中将wheel添加为lib:

上面两个步骤是导入所有开源项目的过程了。

3、下面开始代码的编写:首先是省市区的json文件,放置在asserts的city.json中:

大概的格式先了解一下,一会代码会根据这样的格式解析

{"citylist":
 [{"p":"河北",
  "c":[{"n":"石家庄",
  "a":[{"s":"长安区"},{"s":"桥东区"},{"s":"鹿泉市"}]
 }]
}

4、布局文件,比较简单就3个WheelView分别代表省,市,县,还有一个按钮:

<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="#000000"
  android:orientation="vertical" >

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="10dp"
    android:text="请选择城市"
    android:textColor="#ffffff"
    android:textSize="20sp" />

  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/layout_bg"
    android:orientation="horizontal" >

    <kankan.wheel.widget.WheelView
      android:id="@+id/id_province"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1" >
    </kankan.wheel.widget.WheelView>

    <kankan.wheel.widget.WheelView
      android:id="@+id/id_city"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1" >
    </kankan.wheel.widget.WheelView>

    <kankan.wheel.widget.WheelView
      android:id="@+id/id_area"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1" >
    </kankan.wheel.widget.WheelView>
  </LinearLayout>

  <Button
 android:onClick="showChoose"
 android:layout_gravity="right"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="确定"
    />

</LinearLayout>

5、Activity的编写:注释相当详细,节不赘述了。

package com.example.wheel_province;

import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;

import kankan.wheel.widget.OnWheelChangedListener;
import kankan.wheel.widget.WheelView;
import kankan.wheel.widget.adapters.ArrayWheelAdapter;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

/**
 *
 * @author zhy
 *
 */
public class CitiesActivity extends Activity implements OnWheelChangedListener
{
 /**
 * 把全国的省市区的信息以json的格式保存,解析完成后赋值为null
 */
 private JSONObject mJsonObj;
 /**
 * 省的WheelView控件
 */
 private WheelView mProvince;
 /**
 * 市的WheelView控件
 */
 private WheelView mCity;
 /**
 * 区的WheelView控件
 */
 private WheelView mArea;

 /**
 * 所有省
 */
 private String[] mProvinceDatas;
 /**
 * key - 省 value - 市s
 */
 private Map<String, String[]> mCitisDatasMap = new HashMap<String, String[]>();
 /**
 * key - 市 values - 区s
 */
 private Map<String, String[]> mAreaDatasMap = new HashMap<String, String[]>();

 /**
 * 当前省的名称
 */
 private String mCurrentProviceName;
 /**
 * 当前市的名称
 */
 private String mCurrentCityName;
 /**
 * 当前区的名称
 */
 private String mCurrentAreaName ="";

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

 initJsonData();

 mProvince = (WheelView) findViewById(R.id.id_province);
 mCity = (WheelView) findViewById(R.id.id_city);
 mArea = (WheelView) findViewById(R.id.id_area);

 initDatas();

 mProvince.setViewAdapter(new ArrayWheelAdapter<String>(this, mProvinceDatas));
 // 添加change事件
 mProvince.addChangingListener(this);
 // 添加change事件
 mCity.addChangingListener(this);
 // 添加change事件
 mArea.addChangingListener(this);

 mProvince.setVisibleItems(5);
 mCity.setVisibleItems(5);
 mArea.setVisibleItems(5);
 updateCities();
 updateAreas();

 }

 /**
 * 根据当前的市,更新区WheelView的信息
 */
 private void updateAreas()
 {
 int pCurrent = mCity.getCurrentItem();
 mCurrentCityName = mCitisDatasMap.get(mCurrentProviceName)[pCurrent];
 String[] areas = mAreaDatasMap.get(mCurrentCityName);

 if (areas == null)
 {
  areas = new String[] { "" };
 }
 mArea.setViewAdapter(new ArrayWheelAdapter<String>(this, areas));
 mArea.setCurrentItem(0);
 }

 /**
 * 根据当前的省,更新市WheelView的信息
 */
 private void updateCities()
 {
 int pCurrent = mProvince.getCurrentItem();
 mCurrentProviceName = mProvinceDatas[pCurrent];
 String[] cities = mCitisDatasMap.get(mCurrentProviceName);
 if (cities == null)
 {
  cities = new String[] { "" };
 }
 mCity.setViewAdapter(new ArrayWheelAdapter<String>(this, cities));
 mCity.setCurrentItem(0);
 updateAreas();
 }

 /**
 * 解析整个Json对象,完成后释放Json对象的内存
 */
 private void initDatas()
 {
 try
 {
  JSONArray jsonArray = mJsonObj.getJSONArray("citylist");
  mProvinceDatas = new String[jsonArray.length()];
  for (int i = 0; i < jsonArray.length(); i++)
  {
  JSONObject jsonP = jsonArray.getJSONObject(i);// 每个省的json对象
  String province = jsonP.getString("p");// 省名字

  mProvinceDatas[i] = province;

  JSONArray jsonCs = null;
  try
  {
   /**
   * Throws JSONException if the mapping doesn't exist or is
   * not a JSONArray.
   */
   jsonCs = jsonP.getJSONArray("c");
  } catch (Exception e1)
  {
   continue;
  }
  String[] mCitiesDatas = new String[jsonCs.length()];
  for (int j = 0; j < jsonCs.length(); j++)
  {
   JSONObject jsonCity = jsonCs.getJSONObject(j);
   String city = jsonCity.getString("n");// 市名字
   mCitiesDatas[j] = city;
   JSONArray jsonAreas = null;
   try
   {
   /**
    * Throws JSONException if the mapping doesn't exist or
    * is not a JSONArray.
    */
   jsonAreas = jsonCity.getJSONArray("a");
   } catch (Exception e)
   {
   continue;
   }

   String[] mAreasDatas = new String[jsonAreas.length()];// 当前市的所有区
   for (int k = 0; k < jsonAreas.length(); k++)
   {
   String area = jsonAreas.getJSONObject(k).getString("s");// 区域的名称
   mAreasDatas[k] = area;
   }
   mAreaDatasMap.put(city, mAreasDatas);
  }

  mCitisDatasMap.put(province, mCitiesDatas);
  }

 } catch (JSONException e)
 {
  e.printStackTrace();
 }
 mJsonObj = null;
 }

 /**
 * 从assert文件夹中读取省市区的json文件,然后转化为json对象
 */
 private void initJsonData()
 {
 try
 {
  StringBuffer sb = new StringBuffer();
  InputStream is = getAssets().open("city.json");
  int len = -1;
  byte[] buf = new byte[1024];
  while ((len = is.read(buf)) != -1)
  {
  sb.append(new String(buf, 0, len, "gbk"));
  }
  is.close();
  mJsonObj = new JSONObject(sb.toString());
 } catch (IOException e)
 {
  e.printStackTrace();
 } catch (JSONException e)
 {
  e.printStackTrace();
 }
 }

 /**
 * change事件的处理
 */
 @Override
 public void onChanged(WheelView wheel, int oldValue, int newValue)
 {
 if (wheel == mProvince)
 {
  updateCities();
 } else if (wheel == mCity)
 {
  updateAreas();
 } else if (wheel == mArea)
 {
  mCurrentAreaName = mAreaDatasMap.get(mCurrentCityName)[newValue];
 }
 }

 public void showChoose(View view)
 {
 Toast.makeText(this, mCurrentProviceName + mCurrentCityName + mCurrentAreaName, 1).show();
 }
}

源码下载:http://xiazai.jb51.net/201608/yuanma/Androidwheel(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android仿eleme点餐页面二级联动列表

    本周末外卖点得多,就仿一仿"饿了么"好了.先上图吧,这样的订单页面是不是很眼熟: 右边的listview分好组以后,在左边的Tab页建立索引.可以直接导航,是不是很方便.关键在于右边滑动,左边也会跟着滑:而点击左边呢,也能定位右边的项.它们存在这样一种特殊的交互.像这种联动的效果,还有些常见的例子呢,比如知乎采用了常见的toolbar+viewPager的联动,只不过是上下布局: 再看看点评,它的城市选择页面也有这种联动的影子,只是稍微弱一点.侧边栏可以对listview进行索引,这最

  • 仿饿了吗点餐界面两个ListView联动效果

    如图是效果图 是仿饿了的点餐界面 1.点击左侧的ListView,通过在在适配器中设置Item来改变颜色,再通过notifyDataSetInvalidated来刷新并用lv_home.setSelection(showTitle.get(arg2));来关联右侧的 2.右侧的主要是重写下onScroll的方法:来改变左侧ListView的颜色及背景 不过程序中还有个问题,望大神解答就是我右侧的ListView下拉时,上面的TextView能改变:但是上拉时,TextView的不能及时改变应为滑

  • 仿饿了吗点餐界面ListView联动的实现

    在上篇文章给大家介绍了仿饿了吗点餐界面两个ListView联动效果 主要实现了2个ListView怎样实现互相关联,正好上篇博客review了ListView控件常规使用,因此本篇博客主要对大神的那篇博客的实现进行代码层的剖析. 一方面,方便自己,在以后的代码实现上加以参考.另一方面,供刚入门的Android菜鸟们共同学习. 二.最终的效果图 如上图效果图为仿饿了么点餐界面的ListView级联 三.实现ListView级联的困难点 为了好做区分,在本文中左侧的ListView称之为MenuLi

  • Android中使用开源框架Citypickerview实现省市区三级联动选择

    1.概述 记得之前做商城项目,需要在地址选择中实现省市区三级联动,方便用户快速的填写地址,当时使用的是一个叫做android-wheel 的开源控件,当时感觉非常好用,唯一麻烦的是需要自己整理并解析省市区的xml文件,思路很简单,但是代码量相对大了些.偶然期间发现了另外一个开源组件,也就是今天要介绍的citypickerview. github地址:crazyandcoder/citypicker 2. 实现效果 下面给大家演示下实现效果: 3.   实现方法 (1)添加依赖 dependenc

  • Android实现两个ScrollView互相联动的同步滚动效果代码

    本文实例讲述了Android实现两个ScrollView互相联动的同步滚动效果代码.分享给大家供大家参考,具体如下: 最近在做一个项目,用到了两个ScrollView互相联动的效果,简单来说联动效果意思就是滑动其中的一个ScrollView另一个ScrollView也一同跟着滑动,要做到一起同步滑动.感觉在以后的项目开发中大家可能也会用到,绝对做个Demo分享出来,供大家一起学习,以便大家以后好用,觉的不错,有用的可以先收藏起来哦! 其实对于ScrollView,Android官方并没有提供相关

  • 6步轻松实现两个listView联动效果

    看了网上更新的好多联动demo,感觉写的不是很简洁(表示不知道他们在说什么) 自己写了一个简单的Demo分享给大家- -! 效果图: 直接上车,少说废话! 所用到以下的这几个依赖,直接粘到Build.gradle文件中 compile 'com.squareup.picasso:picasso:2.5.2' compile 'io.reactivex:rxjava:1.2.7' compile 'io.reactivex:rxandroid:1.2.1' compile 'com.squareu

  • android-wheel控件实现三级联动效果

    本文实例为大家分享了android wheel省市县三级联动效果,供大家参考,具体内容如下 在github上面有一个叫做 Android-wheel 的开源控件, 代码地址:https://github.com/maarek/android-wheel 源码下载地址:http://xiazai.jb51.net/201610/yuanma/AndroidCascadeMaster(jb51.net).rar 主界面布局 activity_main.xml <LinearLayout xmlns:

  • Android省市区三级联动控件使用方法实例讲解

    最近有需求需要实现省市区三级联动,但是发现之前的实现不够灵活,自己做了一些优化.为了方便以后使用,抽离出来放在了github上WheelView.同时把其核心库放在了JCenter中了,可以直接引用.也可以参考项目中的Demo进行引用 下面介绍一下如何使用 如果用的是AndroidStudio那么直接在build.gradle文件中添加依赖: dependencies { compile 'chuck.WheelItemView:library:1.0.1' } 成功引入库之后,可以在需要弹出省

  • Android实现三级联动下拉框 下拉列表spinner的实例代码

    主要实现办法:动态加载各级下拉值的适配器 在监听本级下拉框,当本级下拉框的选中值改变时,随之修改下级的适配器的绑定值              XML布局: 复制代码 代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_w

  • Android自定义WheelView地区选择三级联动

    本文实例为大家分享了WheelView地区选择三级联动的具体代码,供大家参考,具体内容如下 1. 效果 最近需要做一个地区选择的功能,但是在网上和github上找了很久都没找到满意的,然后朋友推荐了一个给我,我花了点时间把代码大致看懂并改成我想要的,并写上我的理解.效果如图: 2. 注意 a. 首先我们要明白,网上这写三级联动的demo,不管是把数据库文件放在raw还是assets中,我们都要进行复制,将这个文件复制到app目录下,即 /data/data/"+context.getPackag

随机推荐