Android进阶之路 - 仿京东地址选择器使用指南

已于 2023-12-04 11:26:47 修改
阅读量9.4k 收藏 11
点赞数 2
CC 4.0 BY-SA版权
分类专栏： # 三方框架 文章标签： Android 地址选择器 仿京东地址选择器
于 2017-07-26 15:58:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_20451879/article/details/76150610
本文分享了如何在Android应用中实现类似京东的地址选择器功能。通过自定义组件及弹窗形式展示地区选择界面，并提供了详细的代码示例，包括如何配置及使用地址选择器。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为现在项目的地址选择器比较low，自己又比较懒，所以就找到了仿京东的地址选择器，观赏几篇博文之后，发现总是被半路卡死，很难一路走到底，所以在github找到了项目地址，但是作者的功能简介又介绍的不是很详细，总会有一些小的知识点遗漏，到了最后只能非常无奈的查看了源代码，然后实现了自己的功能所需，一些小坑在下方列出，请君观赏。

关联Blog

当年全屏页面选择器样式比较潮流，时过境迁已不太受众了

基础概要

Tip 小坑

  • 文中的效果有俩种展现方式
    • 第一种是将自定义添加到Linearlayout布局
    • 第二种是以弹框形式展示
  • 因作者原始自定义BottomDialog的整体展示不太美观，而代码又限制只有读的权限，故重写了一份BottomDialog，设置了符合自己观赏的BottomDialog
  • android中存在一些自定义color，使用android.R.color.holo_orange_light进行引用

需掌握知识点

  • 接口回调
  • RecyclerView、ListView 相关使用
  • 自定义 Dialog

Effect

早以前都是Git动态图，后面都被官方转存成jpg，略表无奈

第一种

这里写图片描述

第二种

这里写图片描述

实践过程

原作者Github项目地址（框架较小众）

前置引入

build (project)

allprojects {
    repositories {
        jcenter()
        //这个写不写都可以，我注释之后依旧可以正常使用

//        maven { url 'https://jitpack.io' }
    }
}

build (app)

 compile 'com.smarttop:jd-address:1.1.0'

使用方式

MainActivity

package com.yl.select.addressselect;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.smarttop.library.bean.City;
import com.smarttop.library.bean.County;
import com.smarttop.library.bean.Province;
import com.smarttop.library.bean.Street;
import com.smarttop.library.db.manager.AddressDictManager;
import com.smarttop.library.utils.LogUtil;
import com.smarttop.library.widget.AddressSelector;
import com.smarttop.library.widget.OnAddressSelectedListener;


public class MainActivity extends AppCompatActivity implements View.OnClickListener, OnAddressSelectedListener, AddressSelector.OnDialogCloseListener {

    private LinearLayout mViewcontent;
    private TextView mSelectorContent;
    private AddressDictManager addressDictManager;
    private String provinceCode;
    private String cityCode;
    private String countyCode;
    private String streetCode;

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

        mSelectorContent = (TextView) findViewById(R.id.tv_selector_area);
        mViewcontent = (LinearLayout) findViewById(R.id.content);

        AddressSelector selector = new AddressSelector(this);
        mSelectorContent.setOnClickListener(this);
        addressDictManager = selector.getAddressDictManager();
        selector.setTextSize(13);

        //设置指针颜色
        selector.setIndicatorBackgroundColor(android.R.color.holo_orange_light);
        //设置字体获得焦点的颜色
        selector.setTextSelectedColor(android.R.color.holo_orange_light);
        //设置字体没有获得焦点的颜色
        selector.setTextUnSelectedColor(android.R.color.holo_blue_light);

        //选择监听，用户选取中和选取完毕之后调用此方法
        selector.setOnAddressSelectedListener(new OnAddressSelectedListener() {
            @Override

            public void onAddressSelected(Province province, City city, County county, Street street) {

                String address = (province == null ? "" : province.name) + (city == null ? "" : city.name) + (county == null ? "" : county.name) +
                        (street == null ? "" : street.name);
//                mSelectorContent.setVisibility(View.VISIBLE);
                mSelectorContent.setText(address);
//                mViewcontent.removeAllViews();
            }
        });

//        如将此处的注释放开，即可全屏显示一次
//        View view = selector.getView();
//        mViewcontent.addView(view);
//        mSelectorContent.setVisibility(View.GONE);
    }

    private BottomDialog dialog;

    @Override
    public void onClick(View v) {
        if (dialog != null) {
            dialog.show();
        } else {
            dialog = new BottomDialog(this);
            //地址选取监听
            dialog.setOnAddressSelectedListener(this);
            //Dialog监听
            dialog.setDialogDismisListener(this);
            //设置字体的大小
            dialog.setTextSize(14);
            //设置指示器的颜色
            dialog.setIndicatorBackgroundColor(android.R.color.holo_orange_light);
            //设置字体获得焦点的颜色
            dialog.setTextSelectedColor(android.R.color.holo_orange_light);
            //设置字体没有获得焦点的颜色
            dialog.setTextUnSelectedColor(android.R.color.holo_blue_light);
            dialog.show();
        }
    }

    @Override
    public void onAddressSelected(Province province, City city, County county, Street street) {
        provinceCode = (province == null ? "" : province.code);
        cityCode = (city == null ? "" : city.code);
        countyCode = (county == null ? "" : county.code);
        streetCode = (street == null ? "" : street.code);

        String address = (province == null ? "" : province.name) + " " + (city == null ? "" : city.name) + " " + (county == null ? "" : county.name) + " " + (street == null ? "" : street.name);

        mSelectorContent.setText("地址 :" + " " + address);

        if (dialog != null) {
            dialog.dismiss();
        }
//        getSelectedArea();
    }

    @Override
    public void dialogclose() {
        if (dialog != null) {
            dialog.dismiss();
        }
    }

    /**
     * 根据code 来显示选择过的地区
     */

    private void getSelectedArea() {
        String province = addressDictManager.getProvince(provinceCode);
        String city = addressDictManager.getCity(cityCode);
        String county = addressDictManager.getCounty(countyCode);
        String street = addressDictManager.getStreet(streetCode);
    }
}

自定义BottomDialog（这里只修改了一下展示的高度）

package com.yl.select.addressselect;

import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.Window;
import android.view.WindowManager;

import com.smarttop.library.utils.Dev;
import com.smarttop.library.widget.AddressSelector;
import com.smarttop.library.widget.OnAddressSelectedListener;

/**
 * Created by YongLiu on 2017/7/26.
 */

public class BottomDialog extends Dialog {
    private AddressSelector selector;

    public BottomDialog(Context context) {
        super(context, com.smarttop.library.R.style.bottom_dialog);
        init(context);
    }

    public BottomDialog(Context context, int themeResId) {
        super(context, themeResId);
        init(context);
    }

    public BottomDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
        init(context);
    }

    /**
     * 初始化
     *
     * @param context
     */
    private void init(Context context) {
        selector = new AddressSelector(context);
        setContentView(selector.getView());

        Window window = getWindow();
        WindowManager.LayoutParams params = window.getAttributes();
        params.width = WindowManager.LayoutParams.MATCH_PARENT;
        params.height = Dev.dp2px(context, 350);
        window.setAttributes(params);

        window.setGravity(Gravity.BOTTOM);
    }

    public void setOnAddressSelectedListener(OnAddressSelectedListener listener) {
        this.selector.setOnAddressSelectedListener(listener);
    }

    public static BottomDialog show(Context context) {
        return show(context, null);
    }

    public static BottomDialog show(Context context, OnAddressSelectedListener listener) {
        BottomDialog dialog = new BottomDialog(context, com.smarttop.library.R.style.bottom_dialog);
        dialog.selector.setOnAddressSelectedListener(listener);
        dialog.show();

        return dialog;
    }
    public void setDialogDismisListener(AddressSelector.OnDialogCloseListener listener){
        this.selector.setOnDialogCloseListener(listener);
    }
    /**
     *设置字体选中的颜色
     */
    public void setTextSelectedColor(int selectedColor){
        this.selector.setTextSelectedColor(selectedColor);
    }
    /**
     *设置字体没有选中的颜色
     */
    public void setTextUnSelectedColor(int unSelectedColor){
        this.selector.setTextUnSelectedColor(unSelectedColor);
    }
    /**
     * 设置字体的大小
     */
    public void setTextSize(float dp){
        this.selector.setTextSize(dp);
    }
    /**
     * 设置字体的背景
     */
    public void setBackgroundColor(int colorId){
        this.selector.setBackgroundColor(colorId);
    }
    /**
     * 设置指示器的背景
     */
    public void setIndicatorBackgroundColor(int colorId){
        this.selector.setIndicatorBackgroundColor(colorId);
    }
    /**
     * 设置指示器的背景
     */
    public void setIndicatorBackgroundColor(String color){
        this.selector.setIndicatorBackgroundColor(color);
    }
}

activity_main

<?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"
    android:orientation="vertical"
    tools:context="com.yl.select.addressselect.MainActivity">

    <TextView
        android:layout_marginTop="20dp"
        android:id="@+id/tv_selector_area"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_gravity="center"
        android:padding="10dp"
        android:text="选择地区" />

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">
    </LinearLayout>
</LinearLayout>
Android进阶之路 - selector状态选择器
Android、前端、小程序、后端
05-16 3万+
在Android中不论项目大小，都可以看到selector状态选择器的身影，一般使用在各种操作状态下，主要体现在字体，背景的切换方面，我们可以动态的使用代码去设置！也可以使用selector状态选择器去快速实现，因为它简单方便，复用性强！
Android进阶之路 - 前后台切换监听
Android、前端、小程序、后端
10-13 4654
最近有一个这样的小功能，动态监听App在前台运行还是后台运行，然后做对应业务逻辑操作，故此全文主讲Android app 前后台监听 ~ up ~ 提要了解入门项目进阶 - A项目进阶 - B 提要 在Android中从你打开App的那一霎那就已经调用了Application的基本配置，随后又调用了对应四大组件，当然在调用对应类时肯定是先走的 onCreate()生命周期了 ~ 故此在一切正式开始之前，首先我们要创建一个属于我们的Application继承于系统Application，这里我创建的是My.
Android 仿京东地址地区选择器 支持三级县城四级乡镇选择
02-02
Android 代码studio工程，导入直接能用 地区库完美拷贝京东地区选择 ，覆盖全国5万多个乡镇地区选择，可以直接在项目中使用。
Android仿京东地址选择器
chenyingjie_Android的博客
03-23 1667
仿京东地址选择器，第一次选择从省开始，第二次会自动定位到已选择位置，三级地址可以点击切换选择，但是没有实现左右滑动切换；此demo只用一个列表，如果需要左右滑动可以改用TabLayout+ViewPage实现。 首先上效果图 一、PopupU.java public static Dialog showRegionView(Context context, int mType, final S...
element级联地址选择器
最新发布
m0_61261153的博客
06-03 862
从接口获取已有地址字符串（如 “河北 石家庄”），拆分为名称数组后递归查找对应的。当用户选择地区时，将选中的。
Android 地址选择器仿京东；
Choi晨的博客
11-28 1312
控件很简单，上方tab是使用LinearLayout动态添加View，下方就是一个RecyclerView； 目前的数据就三级（省市区\县），选择完成或点击确定就回调结果（Json字符串）； 点击上方的tab可以回选； .... 很简单，主要是代码和思路吧；看一下代码； public class AddressSelectView extends RelativeLayout { ...
【Android】地址选择器 类似于京东的地址选择
热门推荐
Blin
05-10 1万+
简介最近东西写的挺多的，这不又要弄一个类似于京东的地址选择器，然后刚开始我是不愿意自己去写的，这东西就是费时间，然后大致浏览了一会，发现真没有符合公司需求的，好吧，那就自己开撸。先看看效果图，不知道是不是大家想要的。然后京东是用在一个从下而上的弹窗里面的。 主要功能1.大致分为三个模块：顶部的Tab模块，中间的移动指示器模块，还有就是下面的list了。 2.支持点击数据后自动跳到下一个Tab
Android仿京东地址选择-修改
09-30
修改版---仿京东地址选择器一比一复刻，原理：viewpager+tablayout+view
深入理解jvm虚拟机+Android进阶之光-附件资源
03-02
深入理解jvm虚拟机+Android进阶之光-附件资源
我的Android进阶之旅------>Android疯狂连连看游戏的实现
09-20
我的Android进阶之旅------>Android疯狂连连看游戏的实现 可以参考博客:http://blog.youkuaiyun.com/ouyang_peng/article/details/14115627
Android仿京东地址省市区选择器源码
12-04
Android仿京东地址省市区选择器 运行在Android Studio上。
Android-Android项目中实现一个类似于京东地址选择器的效果
08-13
Android项目中实现一个类似于京东地址选择器的效果
仿京东城市地址选择器
07-09
京东地址选择、无限循环选择、Swift5.1仿照京东App使用Swift写的地址选择器View，有任何问题欢迎交流与指正https://github.com/XiAnRuFeng/YXPickerViewDemo请给个star鼓励下
仿京东地址选择
10-11
仿京东商城地址选择
Android-仿京东地址选择实现可弹框ViewPagerRecyclerView实现
08-13
仿京东地址选择实现，可弹框（ViewPager RecyclerView实现）
Android仿京东地址选择
09-30
仿京东地址选择器一比一复刻，原理：viewpager+tablayout+view
android地址联动选择器,仿京东样式Android 客户端的级联地址选择器
weixin_39952074的博客
05-26 487
一个 Android 版京东手机客户端(当前版本V5.0.1 build 28529)风格的级联地址选择器。添加依赖项目的build.gradle中：allprojects {repositories {...maven { url "https://jitpack.io"}}}模块的build.gradle中：dependencies {...compile 'com.github.ch...
android 完美仿京东地址选择DEMO
hanyaohua的博客
04-20 3276
package chihane.jdaddressselector.widget; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.widget.ListView; public class Unintercepta...
android 京东地址修改,Android进阶之路 - 仿京东地址选择器的详细使用
weixin_39804631的博客
05-26 588
因为现在项目的地址选择器比较low，自己又比较懒，所以就找到了仿京东的地址选择器，观赏几篇博文之后，发现总是被半路卡死，很难一路走到底，所以找到了作者在github的地址，但是作者的功能简介又介绍的不是很详细，总会有一些小的知识点遗漏，到了最后只能非常无奈的查看了源代码，然后实现了自己的功能所需，一些小坑在下方列出，请君观赏。小坑：文中的展示有俩种方式，第一种是自定义添加到Linearlayout...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

远方那座山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值