NumberPicker实现省市区三级联动的效果

github地址

https://github.com/zhouxu88/AddressPicker.git

一、简介

  由于近期项目中要做选择收货地址的三级联动滚动选择的效果,所以选择了Numberpicker来做。下面就来讲讲我的实现办法。

二、实现步骤

1、由于收货地址需要用到“省市区”的数据源,所以我先把一个已经做好了的数据库文件放在project下的assets目录下,然后在app初始化的的时候,把assets下的数据库文件拷贝到真机的本地的data/data/包名/databases目录下。(数据库文件放在github地址的assets目录下,有需要的自取)

/**
     * 将assets下的资源复制到应用程序的databases目录下
     * @param context 上下文
     * @param fileName assets下的资源的文件名
     */
    public static void copyAssetsToDB(Context context, String fileName) throws IOException {
        //数据库的存储路径,该路径在:data/data/包名/databases目录下,
        String destPath = context.getDatabasePath("").getPath();
        Log.i("tag","path---->"+destPath);
        File file = new File(destPath);
        if (!file.exists()) {
            file.mkdirs();  //创建目录
        }else {
            return;
        }

        //打开assest文件,获得输入流
        InputStream is = context.getAssets().open(fileName);
        BufferedInputStream bis = new BufferedInputStream(is);

        //获得写入文件的输出流
        FileOutputStream fos = new FileOutputStream(destPath +File.separator + fileName);
        BufferedOutputStream bos = new BufferedOutputStream(fos);

        byte[] data = new byte[2 * 1024];
        int len;
        while ((len = bis.read(data)) != -1){
            bos.write(data, 0, len);
        }

        bos.flush();
        bis.close();
        bos.close();
    }

2、读取拷贝在真机本地的数据库文件,用于初始化NumberPicker

//打开数据库文件的完整路径,来获得sqlite数据库对象
SQLiteDatabase database = SQLiteDatabase.openOrCreateDatabase(dbPath, null);
//数据库查询操作
Cursor cursor = database.rawQuery(sql, null);
        if (cursor != null) {
            while (cursor.moveToNext()) {
               //......查询结果的操作
            }
            cursor.close();
        }

别急,完整的查询代码放在后面的AddressManager 这个类中

3、设置3个NumberPicker的数据(带联动效果)

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.zx.copydatabase.MainActivity"
    android:orientation="horizontal"
    android:gravity="center"
    android:padding="10dp">

    <!--省-->
    <NumberPicker
        android:id="@+id/province_picker"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:focusable="true"
        android:focusableInTouchMode="true"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="省"
        android:textColor="#000"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"/>

    <!--市-->
    <NumberPicker
        android:id="@+id/city_picker"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:focusable="true"
        android:focusableInTouchMode="true"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="市"
        android:textColor="#000"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"/>

    <!--区-->
    <NumberPicker
        android:id="@+id/area_picker"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:focusable="true"
        android:focusableInTouchMode="true"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="区"
        android:textColor="#000"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"/>


</LinearLayout>

MainActivity :
实现这个功能,遇到了的2个问题和坑,文章最后给出详细解决

public class MainActivity extends AppCompatActivity {

    private static final String DB_NAME = "mydb.db"; //数据库名称

    private NumberPicker provincePicker, cityPicker, areaPicker; //省市区选择器
    private AddressManager manager; //自定义的地址管理器

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


        //拷贝assets下的文件"mydb.db"到 应用的databases目录下
        try {
            MyUtils.copyAssetsToDB(this, DB_NAME);
        } catch (IOException e) {
            e.printStackTrace();
        }

        //初始化“地址管理器”对象
        manager = new AddressManager(getDatabasePath(DB_NAME).getPath());

        initView();
        initProvince();
    }

    //初始化View
    private void initView() {
        provincePicker = (NumberPicker) findViewById(R.id.province_picker);
        cityPicker = (NumberPicker) findViewById(R.id.city_picker);
        areaPicker = (NumberPicker) findViewById(R.id.area_picker);
    }

    //设置“省份”选择器的数据
    private void initProvince() {
        List<String> provinceList = manager.getProvinces(); //获取所有的省份
        //设置省份的值
        final String[] provinces = provinceList.toArray(new String[provinceList.size()]);
        provincePicker.setDisplayedValues(provinces);
        provincePicker.setMinValue(0); //设置第一个值
        provincePicker.setMaxValue(provinces.length - 1); //设置最后一个值
        //默认的省份的位置
        int defaultProvince = provinces.length / 2 == 0 ? provinces.length / 2 : provinces.length / 2 + 1;
        provincePicker.setValue(defaultProvince); //设置当前值

        //根据当前默认的省份来设置对应的市
        showCityByProvince(provinces[provincePicker.getValue()]);

        //省份的选择事件
        provincePicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
            @Override
            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                Log.i("tag", "newVal--->" + newVal);
                showCityByProvince(provinces[newVal]);
            }
        });
    }

    //根据选择的省份名来显示城市名
    private void showCityByProvince(String province) {
        List<String> cityList = manager.getCities(province);
        //设置城市的值
        final String[] cities = cityList.toArray(new String[cityList.size()]);
        cityPicker.setDisplayedValues(null); //清空之前的选择的数据
        cityPicker.setMinValue(0); //设置第一个值
        cityPicker.setMaxValue(cities.length - 1); //设置最后一个值
        cityPicker.setDisplayedValues(cities);

        //根据当前默认的城市来设置对应的区
        showAreaByCity(cities[cityPicker.getValue()]);

        //城市的选择事件
        cityPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
            @Override
            public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                showAreaByCity(cities[newVal]);
            }
        });
    }

    //根据选择的城市名来显示区名
    private void showAreaByCity(String city) {
        List<String> areaList = manager.getAreas(city);
        //设置区的值
        String[] areas = areaList.toArray(new String[areaList.size()]);
        areaPicker.setDisplayedValues(null);
        areaPicker.setMinValue(0); //设置第一个值
        areaPicker.setMaxValue(areas.length - 1); //设置最后一个值
        areaPicker.setDisplayedValues(areas);
    }
}

**AddressManager **

/**
 * Created by 周旭 on 2017/1/21.
 * "省市区"数据库操作类
 */

public class AddressManager {

    //ssq表的字段的名字
    private static final String TABLE_NAME = "ssq"; //表名
    private static final String PROVINCE = "province"; //省份名称
    private static final String CITY = "city"; //市的名称
    private static final String AREA = "area"; //区的名称

    private SQLiteDatabase database; //sqlite数据库对象

    /**
     * @param dbPath 数据库中“省市区”表的路径
     */
    public AddressManager(String dbPath) {
        database = SQLiteDatabase.openOrCreateDatabase(dbPath, null);
    }

    /**
     * 查询所有省份
     *
     * @return 所有的省份名称
     */
    public List<String> getProvinces() {

        String sql = "select distinct " + PROVINCE + " from " + TABLE_NAME;
        Cursor cursor = database.rawQuery(sql, null);
        List<String> provinceList = new ArrayList<>();
        if (cursor != null) {
            while (cursor.moveToNext()) {
                String province = cursor.getString(cursor.getColumnIndex("province"));
                Log.i("tag", "province----->" + province);
                provinceList.add(province);
            }
            cursor.close();
        }
        return provinceList;
    }

    /**
     * 查询指定省份或直辖市的所有市的集合
     *
     * @param province 省份名称
     * @return 查询到的所有城市
     */
    public List<String> getCities(String province) {
        String sql = "select distinct " + CITY + " from " + TABLE_NAME + " where " + PROVINCE + " = ?";
        Cursor cursor = database.rawQuery(sql, new String[]{province});
        List<String> addressList = new ArrayList<>();
        while (cursor.moveToNext()) {
            String city = cursor.getString(cursor.getColumnIndex(CITY));
            Log.i("tag", "city----->" + city);
            addressList.add(city);
        }
        //关闭游标
        cursor.close();
        return addressList;
    }


    /**
     * 查询指定市的所有区的列表的List集合
     *
     * @param city 市的名称
     * @return 查询到的所有区
     */
    public List<String> getAreas(String city) {
        //获取指定市的所有区的列表的sql语句
        String sql = "select distinct " + AREA + " from " + TABLE_NAME + " where " + CITY + " = ?";
        Cursor cursor = database.rawQuery(sql, new String[]{city});
        List<String> addressList = new ArrayList<>();
        while (cursor.moveToNext()) {
            //获取区的名称
            String area = cursor.getString(cursor.getColumnIndex(AREA));
            Log.i("tag", "area----->" + area);
            //把所有的区添加到List集合
            addressList.add(area);
        }
        //关闭游标
        cursor.close();
        return addressList;
    }
}

---------------------------------------到此大功告成----------------------------------------------

效果图:

省市区三级联动效果.PNG

遇到的问题和坑
一、NumberPicker通常是只能显示数字,如何让它显示文字呢?

np = (NumberPicker) findViewById(R.id.numberPicker1);  
String[] city = {"北京","上海","广州","深圳","成都","天津"};  
np.setDisplayedValues(city);  
np.setMinValue(0);   //设置显示的第一个数据
np.setMaxValue(city.length - 1);    //设置显示的最后一个数据

二、关于NumberPicker滑动选择时出现数组下标越界的问题

解决方案一
1、当前NumberPicker的最大值大于数组大小时,先setMaxValue再setDisplayedValues。
2、当前NumberPicker的最大值小于数组大小时,先setDisplayedValues再setMaxValue。

private void updateCitySelector() {
    int oldMax = cityPicker.getMaxValue();
    int newMax = mCitys.length - 1;
    if(newMax > oldMax) {
        cityPicker.setDisplayedValues(mCitys);
        cityPicker.setMaxValue(newMax);
    } else {
        cityPicker.setMaxValue(newMax);
        cityPicker.setDisplayedValues(mCitys);
    }
}

解决方案二(推荐):
在设置最大值和最新数组数据前,先将之前设置过的数据设为null。

private void updateCitySelector() {
    cityPicker.setDisplayedValues(null);
    cityPicker.setMaxValue(mCitys.length - 1);
    cityPicker.setDisplayedValues(mCitys);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,585评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25 707
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,064评论 0 7
  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 12,128评论 2 34
  • 烦恼是因为记性太好 不该记的也抱着不放 背负太多,反而难以前进 追求,就会有失望 活着,就会有烦恼 大千世界,人无...
    天上人间_3c17阅读 148评论 0 0