搜索

Android仿京东实现地址选择功能

龙旋

共 24505字，需浏览 50分钟

 ·

2021-03-07 08:47

最近在做地址管理的功能，新建地址的时候，需要根据后台提供的省市区的数据，让用户进行地址的选择，最近项目比较赶，本来想网上找一个的，可是找了很久都没找到我想要的效果，所以就根据后台提供的数据，弄了一个。

实现流程：

    1、效果图

    2、自定义收货地址选择器

    3、设置点击按钮打开PopWindow进行地址选择

    4、设置选择器默认数据

    5、将获取的省市区的数据进行分类

    6、设置地址选择器的布局文件

    7、总结


实现步骤：

1、效果图


本来数据是根据请求后台接口返回的数据，我这里就不请求后台数据了，直接把请求成功后的数据写死，可是把全国省市区的数据太多，导致报错：字符串数据太长，所以我这里只获取了北京的数据。


2、自定义收货地址选择器

public class AddressSelector extends LinearLayout implements View.OnClickListener{private int TextSelectedColor = Color.parseColor("#D5A872");private int TextEmptyColor = Color.parseColor("#333333");//顶部的tab集合private ArrayList<Tab> tabs;//列表的适配器private AddressAdapter addressAdapter;private ArrayList<CityInterface> cities;private OnItemClickListener onItemClickListener;private OnTabSelectedListener onTabSelectedListener;private RecyclerView list;//tabs的外层layoutprivate LinearLayout tabs_layout;//会移动的横线布局private Line line;private Context mContext;//总共tab的数量private int tabAmount = 3;//当前tab的位置private int tabIndex = 0;//分隔线private View grayLine;//列表文字大小private int listTextSize = -1;//列表文字颜色private int listTextNormalColor = Color.parseColor("#333333");//列表文字选中的颜色private int listTextSelectedColor = Color.parseColor("#D5A872");//列表icon资源private int listItemIcon = -1;public AddressSelector(Context context) {super(context);        init(context);    }public AddressSelector(Context context, AttributeSet attrs) {super(context, attrs);        init(context);    }public AddressSelector(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);        init(context);    }private void init(Context context){        removeAllViews();this.mContext = context;        setOrientation(VERTICAL);        tabs_layout = new LinearLayout(mContext);        tabs_layout.setWeightSum(tabAmount);        tabs_layout.setLayoutParams(new LayoutParams(                LayoutParams.MATCH_PARENT,                LayoutParams.WRAP_CONTENT));        tabs_layout.setOrientation(HORIZONTAL);        addView(tabs_layout);        tabs = new ArrayList<>();        Tab tab = newTab("请选择",true);        tabs_layout.addView(tab);        tabs.add(tab);for(int i = 1;i<tabAmount;i++){            Tab _tab = newTab("",false);            _tab.setIndex(i);            tabs_layout.addView(_tab);            tabs.add(_tab);        }        line = new Line(mContext);        line.setLayoutParams(new LayoutParams(                LayoutParams.MATCH_PARENT,6));        line.setSum(tabAmount);        addView(line);        grayLine = new View(mContext);        grayLine.setLayoutParams(new LayoutParams(                LayoutParams.MATCH_PARENT,2));        grayLine.setBackgroundColor(mContext.getResources().getColor(R.color.line_DDDDDD));        addView(grayLine);        list = new RecyclerView(mContext);        list.setLayoutParams(new ViewGroup.LayoutParams(                LayoutParams.MATCH_PARENT,                LayoutParams.MATCH_PARENT));        list.setLayoutManager(new LinearLayoutManager(mContext));        addView(list);    }/**     * 得到一个新的tab对象     * */private Tab newTab(CharSequence text, boolean isSelected){        Tab tab = new Tab(mContext);        tab.setLayoutParams(new LayoutParams(0,LayoutParams.WRAP_CONTENT,1));        tab.setGravity(Gravity.CENTER);        tab.setPadding(0,5,0,5);        tab.setSelected(isSelected);        tab.setText(text);        tab.setTextEmptyColor(TextEmptyColor);        tab.setTextSelectedColor(TextSelectedColor);        tab.setOnClickListener(this);return tab;    }/**     * 设置tab的数量，默认3个,不小于2个     * @param tabAmount tab的数量     * */public void setTabAmount(int tabAmount) {if(tabAmount >= 2){this.tabAmount = tabAmount;            init(mContext);        }elsethrow new RuntimeException("AddressSelector tabAmount can not less-than 2 !");    }/**     * 设置列表的点击事件回调接口     * */public void setOnItemClickListener(OnItemClickListener onItemClickListener) {this.onItemClickListener = onItemClickListener;    }/**     * 设置列表的数据源，设置后立即生效     * */public void setCities(ArrayList cities) {if(cities == null||cities.size() <= 0)return;if(cities.get(0) instanceof CityInterface){this.cities = cities;if(addressAdapter == null){                addressAdapter = new AddressAdapter();                list.setAdapter(addressAdapter);            }            addressAdapter.notifyDataSetChanged();        }else{throw new RuntimeException("AddressSelector cities must implements CityInterface");        }    }/**     * 设置顶部tab的点击事件回调     * */public void setOnTabSelectedListener(OnTabSelectedListener onTabSelectedListener) {this.onTabSelectedListener = onTabSelectedListener;    }@Overridepublic void onClick(View v) {        Tab tab = (Tab) v;//如果点击的tab大于index则直接跳出if(tab.index > tabIndex)return;        tabIndex = tab.index;if(onTabSelectedListener != null){if(tab.isSelected)                onTabSelectedListener.onTabReselected(AddressSelector.this,tab);else                onTabSelectedListener.onTabSelected(AddressSelector.this,tab);        }        resetAllTabs(tabIndex);        line.setIndex(tabIndex);        tab.setSelected(true);    }private void resetAllTabs(int tabIndex){if(tabs != null)for(int i =0;i<tabs.size();i++){            tabs.get(i).resetState();if(i > tabIndex){                tabs.get(i).setText("");            }        }    }/**     * 设置Tab文字选中的颜色     * */public void setTextSelectedColor(int textSelectedColor) {        TextSelectedColor = textSelectedColor;    }/**     * 设置Tab文字默认颜色     * */public void setTextEmptyColor(int textEmptyColor) {        TextEmptyColor = textEmptyColor;    }/**     * 设置Tab横线的颜色     * */public void setLineColor(int lineColor) {        line.setSelectedColor(lineColor);    }/**     * 设置tab下方分隔线的颜色     * */public void setGrayLineColor(int grayLineColor) {        grayLine.setBackgroundColor(grayLineColor);    }/**     * 设置列表文字大小     * */public void setListTextSize(int listTextSize) {this.listTextSize = listTextSize;    }/**     * 设置列表文字颜色     * */public void setListTextNormalColor(int listTextNormalColor) {this.listTextNormalColor = listTextNormalColor;    }/**     * 设置列表选中文字颜色     * */public void setListTextSelectedColor(int listTextSelectedColor) {this.listTextSelectedColor = listTextSelectedColor;    }/**     * 设置列表icon资源     * */public void setListItemIcon(int listItemIcon) {this.listItemIcon = listItemIcon;    }/**     * 标签控件     * */@SuppressLint("AppCompatCustomView")public class Tab extends TextView {private int index = 0;private int TextSelectedColor = Color.parseColor("#D5A872");private int TextEmptyColor = Color.parseColor("#333333");/**         * 是否选中状态         * */private boolean isSelected = false;public Tab(Context context) {super(context);            init();        }public Tab(Context context, AttributeSet attrs) {super(context, attrs);            init();        }public Tab(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);            init();        }private void init(){            setTextSize(15);        }@Overridepublic void setText(CharSequence text, BufferType type) {if(isSelected)                setTextColor(TextSelectedColor);else                setTextColor(TextEmptyColor);super.setText(text, type);        }@Overridepublic void setSelected(boolean selected) {            isSelected = selected;            setText(getText());        }public int getIndex() {return index;        }public void setIndex(int index) {this.index = index;        }public void resetState(){            isSelected = false;            setText(getText());        }public void setTextSelectedColor(int textSelectedColor) {            TextSelectedColor = textSelectedColor;        }public void setTextEmptyColor(int textEmptyColor) {            TextEmptyColor = textEmptyColor;        }    }/**     * 横线控件     * */private class Line extends LinearLayout {private int sum = 3;private int oldIndex = 0;private int nowIndex = 0;private View indicator;private int SelectedColor = Color.parseColor("#D5A872");public Line(Context context) {super(context);            init(context);        }public Line(Context context, AttributeSet attrs) {super(context, attrs);            init(context);        }public Line(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);            init(context);        }private void init(Context context){            setOrientation(HORIZONTAL);            setLayoutParams(new LayoutParams(                    LayoutParams.MATCH_PARENT,6));            setWeightSum(tabAmount);            indicator= new View(context);            indicator.setLayoutParams(new LayoutParams(0,LayoutParams.MATCH_PARENT,1));            indicator.setBackgroundColor(SelectedColor);            addView(indicator);        }public void setIndex(int index){int onceWidth = getWidth()/sum;this.nowIndex = index;            ObjectAnimator animator = ObjectAnimator.ofFloat(indicator, "translationX", indicator.getTranslationX(), (nowIndex-oldIndex)*onceWidth);            animator.setDuration(300);            animator.start();        }public void setSum(int sum) {this.sum = sum;        }public void setSelectedColor(int selectedColor) {            SelectedColor = selectedColor;        }    }private class AddressAdapter extends RecyclerView.Adapter<AddressAdapter.MyViewHolder>{@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {            MyViewHolder viewHolder =new MyViewHolder(LayoutInflater.from(mContext).inflate(                            R.layout.item_address,parent,false));return viewHolder;        }@Overridepublic void onBindViewHolder(MyViewHolder holder, final int position) {if(listItemIcon != -1)                holder.img.setImageResource(listItemIcon);if(listTextSize != -1)                holder.tv.setTextSize(listTextSize);if(TextUtils.equals(tabs.get(tabIndex).getText(),cities.get(position).getCityName())){                holder.img.setVisibility(View.VISIBLE);                holder.tv.setTextColor(listTextSelectedColor);            }else{                holder.img.setVisibility(View.INVISIBLE);                holder.tv.setTextColor(listTextNormalColor);            }            holder.tv.setText(cities.get(position).getCityName());            holder.itemView.setTag(cities.get(position));            holder.itemView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if(onItemClickListener != null){                        onItemClickListener.itemClick(AddressSelector.this,(CityInterface) v.getTag(),tabIndex,position);                        tabs.get(tabIndex).setText(((CityInterface) v.getTag()).getCityName());                        tabs.get(tabIndex).setTag(v.getTag());if(tabIndex+1 < tabs.size()){                            tabIndex ++;                            resetAllTabs(tabIndex);                            line.setIndex(tabIndex);                            tabs.get(tabIndex).setText("请选择");                            tabs.get(tabIndex).setSelected(true);                        }                    }                }            });        }@Overridepublic int getItemCount() {return cities.size();        }class MyViewHolder extends RecyclerView.ViewHolder{public TextView tv;public ImageView img;public View itemView;public MyViewHolder(View itemView) {super(itemView);this.itemView = itemView;                tv = (TextView) itemView.findViewById(R.id.item_address_tv);                img = (ImageView) itemView.findViewById(R.id.item_address_img);            }        }    }public interface OnTabSelectedListener {void onTabSelected(AddressSelector addressSelector, Tab tab);void onTabReselected(AddressSelector addressSelector, Tab tab);    }}


3、Demo中设置点击按钮打开PopWindow进行地址选择

/**     * 设置弹出PopWindow     * @param v     */    private void setAddressSelectorPopup(View v) {        int screenHeigh = getResources().getDisplayMetrics().heightPixels;
        CommonPopWindow.newBuilder()                .setView(R.layout.pop_address_selector_bottom)                .setAnimationStyle(R.style.AnimUp)                .setBackgroundDrawable(new BitmapDrawable())                .setSize(ViewGroup.LayoutParams.MATCH_PARENT, Math.round(screenHeigh * 0.6f))                .setViewOnClickListener(this)                .setBackgroundDarkEnable(true)                .setBackgroundAlpha(0.7f)                .setBackgroundDrawable(new ColorDrawable(999999))                .build(this)                .showAsBottom(v);    }
    @Override    public void getChildView(final PopupWindow mPopupWindow, View view, int mLayoutResId) {        switch (mLayoutResId) {            case R.layout.pop_address_selector_bottom:                ImageView imageBtn = view.findViewById(R.id.img_guanbi);                AddressSelector addressSelector = view.findViewById(R.id.address);
                //数据解析                AddressSelectorReq addressSelectorReq = new Gson().fromJson(String.valueOf(response), AddressSelectorReq.class);                //设置默认选择数据                dealWithAddressSelector(addressSelector, addressSelectorReq.getDatas(), mPopupWindow);
                imageBtn.setOnClickListener(new View.OnClickListener() {                    @Override                    public void onClick(View v) {                        mPopupWindow.dismiss();                    }                });                break;        }    }


4、设置选择器默认数据

 private void dealWithAddressSelector(AddressSelector addressSelector, final List<AddressSelectorReq.DatasBean>             addressSelectorList, final PopupWindow mPopupWindow) {        final String[] sheng = new String[3];
        final ArrayList<ItemAddressReq> itemAddressReqs = getItemAddressSheng(addressSelectorList);        addressSelector.setTabAmount(3);        //设置数据        addressSelector.setCities(itemAddressReqs);        //设置Tab横线的颜色        addressSelector.setLineColor(Color.parseColor("#D5A872"));        //设置Tab文字默认颜色        addressSelector.setTextEmptyColor(Color.parseColor("#000000"));        //设置列表选中文字颜色        addressSelector.setListTextSelectedColor(Color.parseColor("#D5A872"));        //设置Tab文字选中的颜色        addressSelector.setTextSelectedColor(Color.parseColor("#D5A872"));
        //设置列表的点击事件回调接口        addressSelector.setOnItemClickListener(new OnItemClickListener() {            @Override            public void itemClick(AddressSelector addressSelector, CityInterface city, int tabPosition, int selecePos) {                switch (tabPosition) {                    case 0:                        //设置省列表数据                        sheng[0] = city.getCityName();                        saveId[0] = addressSelectorList.get(selecePos).getDb_id();                        childrenBeanXList = addressSelectorList.get(selecePos).getDb_children();                        addressSelector.setCities(getItemAddressShi(childrenBeanXList));                        break;                    case 1:                        //设置市列表数据                        sheng[1] = city.getCityName();                        saveId[1] = childrenBeanXList.get(selecePos).getCb_id();                        childrenBeans = childrenBeanXList.get(selecePos).getCb_children();                        addressSelector.setCities(getItemAddressQu(childrenBeans));                        break;                    case 2:                        //设置区列表数据                        sheng[2] = city.getCityName();                        saveId[2] = childrenBeans.get(selecePos).getId();                        text_suozaidiqu.setText(sheng[0] + sheng[1] + sheng[2]);                        mPopupWindow.dismiss();                        break;                }            }        });

        //设置顶部tab的点击事件回调        addressSelector.setOnTabSelectedListener(new AddressSelector.OnTabSelectedListener() {            @Override            public void onTabSelected(AddressSelector addressSelector, AddressSelector.Tab tab) {                switch (tab.getIndex()) {                    case 0:                        addressSelector.setCities(itemAddressReqs);                        break;                    case 1:                        addressSelector.setCities(getItemAddressShi(childrenBeanXList));                        break;                    case 2:                        addressSelector.setCities(getItemAddressQu(childrenBeans));                        break;                }            }
            @Override            public void onTabReselected(AddressSelector addressSelector, AddressSelector.Tab tab) {
            }        });    }


5、将获取的省市区的数据进行分类

 /**     * 获取省的数据     *     * @param addressSelectorList     * @return     */    @NonNull    private ArrayList<ItemAddressReq> getItemAddressSheng(List<AddressSelectorReq.DatasBean> addressSelectorList) {        final ArrayList<ItemAddressReq> itemAddressReqs = new ArrayList<>();        for (int i = 0; i < addressSelectorList.size(); i++) {            ItemAddressReq itemAddressReq = new ItemAddressReq();            itemAddressReq.setAreaAbbName(addressSelectorList.get(i).getDb_areaAbbName());            itemAddressReq.setAreaCode(addressSelectorList.get(i).getDb_areaCode());            itemAddressReq.setAreaEnName(addressSelectorList.get(i).getDb_areaEnName());            itemAddressReq.setAreaType(addressSelectorList.get(i).getDb_areaType());            itemAddressReq.setAreaZip(addressSelectorList.get(i).getDb_areaZip());            itemAddressReq.setAreaName(addressSelectorList.get(i).getDb_areaName());            itemAddressReq.setId(addressSelectorList.get(i).getDb_id());            itemAddressReq.setParentId(addressSelectorList.get(i).getDb_parentId());            itemAddressReqs.add(itemAddressReq);        }        return itemAddressReqs;    }

    /**     * 获取市的数据     *     * @return     */    @NonNull    private ArrayList<ItemAddressReq> getItemAddressShi(List<AddressSelectorReq.DatasBean.ChildrenBeanX> datas) {        final ArrayList<ItemAddressReq> itemAddressReqs = new ArrayList<>();        for (int i = 0; i < datas.size(); i++) {            ItemAddressReq itemAddressReq = new ItemAddressReq();            itemAddressReq.setAreaAbbName(datas.get(i).getCb_areaAbbName());            itemAddressReq.setAreaCode(datas.get(i).getCb_areaCode());            itemAddressReq.setAreaEnName(datas.get(i).getCb_areaEnName());            itemAddressReq.setAreaType(datas.get(i).getCb_areaType());            itemAddressReq.setAreaZip(datas.get(i).getCb_areaZip());            itemAddressReq.setAreaName(datas.get(i).getCb_areaName());            itemAddressReq.setId(datas.get(i).getCb_id());            itemAddressReq.setParentId(datas.get(i).getCb_parentId());            itemAddressReqs.add(itemAddressReq);        }        return itemAddressReqs;    }
    /**     * 获取区的数据     *     * @param addressSelectorList     * @return     */    @NonNull    private ArrayList<ItemAddressReq> getItemAddressQu(List<AddressSelectorReq.DatasBean.ChildrenBeanX.ChildrenBean> addressSelectorList) {        final ArrayList<ItemAddressReq> itemAddressReqs = new ArrayList<>();        for (int i = 0; i < addressSelectorList.size(); i++) {            ItemAddressReq itemAddressReq = new ItemAddressReq();            itemAddressReq.setAreaAbbName(addressSelectorList.get(i).getAreaAbbName());            itemAddressReq.setAreaCode(addressSelectorList.get(i).getAreaCode());            itemAddressReq.setAreaEnName(addressSelectorList.get(i).getAreaEnName());            itemAddressReq.setAreaType(addressSelectorList.get(i).getAreaType());            itemAddressReq.setAreaZip(addressSelectorList.get(i).getAreaZip());            itemAddressReq.setAreaName(addressSelectorList.get(i).getAreaName());            itemAddressReq.setId(addressSelectorList.get(i).getId());            itemAddressReq.setParentId(addressSelectorList.get(i).getParentId());            itemAddressReqs.add(itemAddressReq);        }        return itemAddressReqs;    }


6、设置地址选择器的布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_alignParentBottom="true"    android:background="#fff"    android:orientation="vertical"    android:padding="1dp">
    <ImageView        android:id="@+id/img_guanbi"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_marginTop="15dp"        android:layout_marginRight="15dp"        android:src="@drawable/guanbi" />
    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="30dp"        android:text="所在区域"        android:textColor="#777777"        android:textSize="16sp" />
    <com.showly.ylin.addressselectdemo.addressselector.AddressSelector        android:id="@+id/address"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_marginTop="70dp" /></RelativeLayout>


7、总结


到这里就实现了地址选择器的功能，因为后台提供的地址数据可能不一样，所以这里就不把全部数据拿出来了，需要完整数据的也可以Q我。


需要Demo的童鞋可以在公众号回复 “地址选择器”


到这里就结束啦


点击这里留言交流哦


浏览 133
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
UIPlacePickeriOS 地址选择
UIPlacePicker可以让你在地图中挑选出一个地点，或者输入一条完整的地址信息。特征支持iOS6.0及更高版本。使用iOS4MapKit内置的可拖动支持使用Google服务从一个地址确定一个位置
QYQCitySelector城市定位和选择功能实现
QYQCitySelector是一个定位和城市选择的功能实现，可自定义搜索功能，支持汉字搜索和拼音搜索。
Android使用Walle实现多渠道打包功能
马哥Linux运维
0
Android 仿朋友圈全文、收起功能,支持话题、网址...
刘望舒
0
springboot+vue前后分离实现仿qq空间评论功能
Java项目开发
0
Android 新出功能 ActivityResultContract，真香！
刘望舒
0
bilisoleil仿 B 站 Android 客户端
bilisoleil仿 b 站的项目，采用 rxjava2+okhttp+retrofit+mvp+
bilisoleil仿 B 站 Android 客户端
bilisoleil仿b站的项目，采用rxjava2+okhttp+retrofit+mvp+dagger2搭建的。Remarkb站接口有些加密过，抓不到，有些我直接抓了一个，请求参数啥的，不懂啥意思
Springboot＋Vue实现发表文章功能
全栈开发者社区
0
java实现录音功能
java1234
0
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报