先吐槽一下 相关ui设计 一些ui设计 跟风设计很严重 目前的android 设计风格已经出现好几年了 但是仍然不入市场 一些产品 和 ui 设计 更是对ios 设计风格喜爱无比 目前一些主流的设计风格 甚至是资源文件都是以ios 为基数的 导致市场上一些app 越来越ios 风格化 伤心五秒钟 不过不得不承认 ios的设计风格简约大方 确实很美观 好了 吐槽完毕
项目开发中 如果你需要一个年月日时分秒类型时间选择器 用DataPicker和TimePicker联动去实现得话 会非常得不方便 会碰到布局不协调得问题 灵活性很低 可实现的布局也就两种 所以为了更好的效果 个人建议你使用 numberPicker 数字选择器 去实现 本人思路是 numberpicker结合PopupWindow 去实现 简单实现代码奉上 欢迎各位大神指正
先看下效果
省市区三级城市选择器
年月日三级时间选择器
好 下面上代码
public classTimeViewActivityextendsActivity{ private Context context;
private TextView tv_time_view;
ArrayList options1Items = new ArrayList<>();
ArrayList> options2Items = new ArrayList<>();
ArrayList>> options3Items = new ArrayList<>();
private String city;
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_time_view);
initJsonData();
context = this;
tv_time_view = (TextView) findViewById(R.id.tv_time_view);
tv_time_view.setOnClickListener(new View.OnClickListener() {
@Override public void onClick(View v) {
// showIOSDate(tv_time_view,TimePickerView.Type.YEAR_MONTH_DAY,"选择时间",1); showPickerView();
}
});
}
/** * 时间选择器 *
@paramtextView 显示选择时间的控件
* @paramtype 类型
* @paramtitle 选择器弹窗的标题
* @paramflag 返回时间的格式
*/
public void showIOSDate(final TextView textView, TimePickerView.Type type, String title, final int flag){
Calendar instance = Calendar.getInstance();
instance.add(Calendar.DAY_OF_MONTH,+100);// 选择时间的间隔
TimePickerView pvTime = new TimePickerView.Builder(context, new TimePickerView.OnTimeSelectListener() {
@Override
public void onTimeSelect(Date date2, View v) {//选中事件回调
String time = getTime(date2,flag);// 返回的时间 t
extView.setText(time);
}
})
.setType(type)//默认全部显示
.setCancelText("取消")//取消按钮文字
.setSubmitText("确定")//确认按钮文字
.setContentSize(20)//滚轮文字大小
.setTitleSize(20)//标题文字大小
.setTitleText(title)//标题文字
.setOutSideCancelable(true)//点击屏幕，点在控件外部范围时，是否取消显示 .isCyclic(false)//是否循环滚动
.setTextColorCenter(Color.BLACK)//设置选中项的颜色 .setTitleColor(getResources().getColor(R.color.textcolors))//标题文字颜色 .setSubmitColor(getResources().getColor(R.color.textcolorh))//确定按钮文字颜色 .setCancelColor(getResources().getColor(R.color.textcolorh))//取消按钮文字颜色 .setTitleBgColor(getResources().getColor(R.color.colorbg))//标题背景颜色 Night mode// .setBgColor(0xFF333333)//滚轮背景颜色 Night mode // .setRange(calendar.get(Calendar.YEAR) - 20, calendar.get(Calendar.YEAR) + 20)//默认是1900-2100年// .setDate(selectedDate)// 如果不设置的话，默认是系统时间 //calendar.add(Calendar.DAY_OF_MONTH,-1); .setRangDate(Calendar.getInstance(),instance)//起始终止年月日设定// .setLabel("年","月","日","时","分","秒")
.isCenterLabel(false) //是否只显示中间选中项的label文字，false则每项item全部都带有label。 .build();
pvTime.setDate(Calendar.getInstance());//注：根据需求来决定是否使用该方法（一般是精确到秒的情况），此项可以在弹出选择器的时候重新设置当前时间，避免在初始化之后由于时间已经设定，导致选中时间与当前时间不匹配的问题。 pvTime.show();
}
/** * 格式化时间
* @paramdate 时间数据源
* @paramtype 时间返回格式
* @return*/
public String getTime(Date date ,int type) {//可根据需要自行截取数据显示 SimpleDateFormat format = null;
if (type==1){
format = new SimpleDateFormat("yyyy-MM-dd");
}else if (type==0){
format = new SimpleDateFormat("HH:mm");
}else {
format = new SimpleDateFormat("yyyy-MM-dd HH:mm");
}
return format.format(date);
}
public void showPickerView() {
OptionsPickerView pvOptions=new OptionsPickerView.Builder(TimeViewActivity.this, new OptionsPickerView.OnOptionsSelectListener() {
@Override public void onOptionsSelect(int options1, int options2, int options3, View v) {
//返回的分别是三个级别的选中位置 city = options1Items.get(options1).getPickerViewText() +
options2Items.get(options1).get(options2) +
options3Items.get(options1).get(options2).get(options3);
tv_time_view.setText(city);
}
}).setTitleText("")
.setCancelText("取消")
.setSubmitText("选定")
.setTextColorCenter(Color.BLACK)
.setDividerColor(Color.GRAY)
.setOutSideCancelable(false)
.setContentTextSize(25)
.build();
// pvOptions.setPicker(options1Items);//一级选择器
// pvOptions.setPicker(options1Items, options2Items);//二级选择器 pvOptions.setPicker(options1Items, options2Items, options3Items);//三级选择器
pvOptions.show();
}
private void initJsonData() { //解析数据 /**
* 注意：assets 目录下的Json文件仅供参考，实际使用可自行替换文件
* 关键逻辑在于循环体
*
* */ // 获取json数据 String JsonData = JsonFileReader.getJson(TimeViewActivity.this, "province_data.json");
ArrayList jsonBean = parseData(JsonData);//用Gson 转成实体 /**
* 添加省份数据
*
* 注意：如果是添加的JavaBean实体，则实体类需要实现 IPickerViewData 接口，
* PickerView会通过getPickerViewText方法获取字符串显示出来。
*/ options1Items = jsonBean;
for (int i = 0; i < jsonBean.size(); i++) {//遍历省份
ArrayList CityList = new ArrayList<>();//该省的城市列表（第二级）
ArrayList> Province_AreaList = new ArrayList<>();//该省的所有地区列表（第三极）
for (int c = 0; c < jsonBean.get(i).getCityList().size(); c++) {//遍历该省份的所有城市
String CityName = jsonBean.get(i).getCityList().get(c).getName();
CityList.add(CityName);//添加城市
ArrayList City_AreaList = new ArrayList<>();//该城市的所有地区列表
//如果无地区数据，建议添加空字符串，防止数据为null 导致三个选项长度不匹配造成崩溃 if (jsonBean.get(i).getCityList().get(c).getArea() == null || jsonBean.get(i).getCityList().get(c).getArea().size() == 0) {
City_AreaList.add("");
} else {
for (int d = 0; d < jsonBean.get(i).getCityList().get(c).getArea().size(); d++) {//该城市对应地区所有数据 String AreaName = jsonBean.get(i).getCityList().get(c).getArea().get(d);
City_AreaList.add(AreaName);//添加该城市所有地区数据 }
}
Province_AreaList.add(City_AreaList);//添加该省所有地区数据 }
/**
* 添加城市数据
*/ options2Items.add(CityList);
/**
* 添加地区数据
*/ options3Items.add(Province_AreaList);
}
}
public ArrayList parseData(String result) {//Gson 解析 ArrayList detail = new ArrayList<>();
try {
org.json.JSONArray data = new org.json.JSONArray(result);
Gson gson = new Gson();
for (int i = 0; i < data.length(); i++) {
JsonBean entity = gson.fromJson(data.optJSONObject(i).toString(), JsonBean.class);
detail.add(entity);
}
} catch (Exception e) {
e.printStackTrace();
// mHandler.sendEmptyMessage(MSG_LOAD_FAILED); }
return detail;
}
}
城市三级选择器 需要你找一个城市资源文件 稍后我会上传一个 有需要可以下载 我会将代码 资源 都放进去 需要自己复制黏贴 就可以使用了 简单实用的功能
感谢 csdn nade_s 更多内容
资源下载 相关资源下载
网友评论