java高级二级联动_Android PopupWindow使用之地区、学校选择二级联动

最近在做一个社交类APP时，希望用户在注册时根据地区来选择自己所在的学校，由于用户手动输入学校，可能会出现各种问题，不利于后面对用户信 息的统计。于是决定在客户端做好设置，用户只要根据地区来选择就好。第一想法就是使用PopupWindow，用弹框的方式让用户来选择。让实现的效果如 下：

下面就来讲一下是如何实现的(数据是从网络获取的，JSON解析使用的是Gson,网络库用的是Volley)

工程结构：

1、创建一个布局文件：view_select_province_list.xml，主要包括一个TextView(用来显示标题)和两个ListView(默认显示地区ListView，隐藏SchoolListView)

>

android:id="@+id/list_title"android:layout_width="match_parent"android:layout_height="50dp"android:background="#3b3b3b"android:gravity="center"android:text="选择地区"android:textColor="#ffffff"android:textSize="16sp"/>

android:id="@+id/province"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center"android:background="#e4e4e4"android:divider="#aeaeae"android:dividerHeight="1dp">

android:id="@+id/school"android:visibility="gone"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center"android:background="#e4e4e4"android:divider="#aeaeae"android:dividerHeight="1dp">

2、初始化PopupWindow

private voidinitPopView() {

parent = this.getWindow().getDecorView();

View popView = View.inflate(this, R.layout.view_select_province_list, null);

mTitle =(TextView) popView.findViewById(R.id.list_title);

mProvinceListView =(ListView) popView.findViewById(R.id.province);

mSchoolListView =(ListView) popView.findViewById(R.id.school);

mProvinceListView.setOnItemClickListener(itemListener);

mSchoolListView.setOnItemClickListener(itemListener);

mProvinceAdapter = new ProvinceAdapter(this);

mProvinceListView.setAdapter(mProvinceAdapter);

mSchoolAdapter = new SchoolAdapter(this);

mSchoolListView.setAdapter(mSchoolAdapter);

int width = getResources().getDisplayMetrics().widthPixels * 3 / 4;

int height = getResources().getDisplayMetrics().heightPixels * 3 / 5;

mPopWindow = newPopupWindow(popView, width, height);

ColorDrawable dw = new ColorDrawable(0x30000000);

mPopWindow.setBackgroundDrawable(dw);

mPopWindow.setFocusable(true);

mPopWindow.setTouchable(true);

mPopWindow.setOutsideTouchable(true);//允许在外侧点击取消

loadProvince();

mPopWindow.setOnDismissListener(listener);

}

其中，要想使PopupWindow点击空白区域取消，必须设置

ColorDrawable dw = new ColorDrawable(0x30000000);

mPopWindow.setBackgroundDrawable(dw);

mPopWindow.setOutsideTouchable(true);

3、显示PopupWindow

private void showPopWindow()

{ mPopWindow.showAtLocation(parent, Gravity.CENTER, 0, 0);}

4、下载地区和学校数据(这里用的是volley和gson解析数据)

private voidloadProvince() {

mRequestQueue = Volley.newRequestQueue(this);

GsonRequest request = new GsonRequest(Request.Method.POST, Config.PROVINCE_URL,

Province.class, new Response.Listener() {

@Override

public voidonResponse(Province response) {

if (response.getData() != null && response.getError_code() == 0) {

mProvinceAdapter.setList(response.getData());

mProvinceAdapter.notifyDataSetChanged();

}

}

}, newResponse.ErrorListener() {

@Override

public voidonErrorResponse(VolleyError volleyError) {

}

}, this);

mRequestQueue.add(request);

}

private voidloadSchool() {

mRequestQueue = Volley.newRequestQueue(this);

GsonRequest request = new GsonRequest<>(Request.Method.POST, Config.SCHOOL_URL + provinceId, School.class,

new Response.Listener() {

@Override

public voidonResponse(School response) {

if (response.getData() != null && response.getError_code() == 0){

mSchoolAdapter.setList(response.getData());

mSchoolAdapter.notifyDataSetChanged();

}

}

}, newResponse.ErrorListener() {

@Override

public voidonErrorResponse(VolleyError volleyError) {

}

}, this);

mRequestQueue.add(request);

}

5、设置ListView 的Item点击事件

/*** ListView Item点击事件

*/AdapterView.OnItemClickListener itemListener = newAdapterView.OnItemClickListener() {

@Override

public void onItemClick(AdapterView> parent, View view, int position, longid) {

if (parent ==mProvinceListView) {

ProvinceList provinceName =(ProvinceList) mProvinceListView.getItemAtPosition(position);

provinceId =provinceName.getProvince_id();

mTitle.setText("选择学校");

mProvinceListView.setVisibility(View.GONE);//隐藏地区

mSchoolListView.setVisibility(View.VISIBLE);//显示学校

loadSchool();

} else if (parent ==mSchoolListView) {

SchoolList schoolName =(SchoolList) mSchoolListView.getItemAtPosition(position);

mSelectSchool.setText(schoolName.getSchool_name());

mPopWindow.dismiss();

}

}

};

6、PopupWindow设置OnDismissListener，目的是为了再次进入选择的时候，直接进入学校而不是地区的选择

/*** popWindow消失监听事件

*/PopupWindow.OnDismissListener listener = newPopupWindow.OnDismissListener() {

@Override

public voidonDismiss() {

mTitle.setText("选择地区");

mProvinceListView.setVisibility(View.VISIBLE);//显示地区

mSchoolAdapter.setList(new ArrayList());//设置一个空的List，避免再次选择学校后弹出的还是刚才的地区对应的学校

mSchoolAdapter.notifyDataSetChanged();

mSchoolListView.setVisibility(View.GONE);//隐藏学校

}

};

7、好了，这样一个基于PopupWindow的二级联动弹框选择就完成了，其中，还有ListView的Adapter在这里我就没有贴出来了，写法和我们平常用的适配器一样。我已经把代码开源到我的GitHub上了，有需要的可以下载看看。