原文链接:https://www.jianshu.com/p/4a2c853d9276
1. 创建BottomDatePickerPop来从底部弹出此时间选择器
public class BottomDatePickerPop extends BottomPopupView {
private WheelPicker wheelYear;
private WheelPicker wheelMonth;
private int selectYear;
private int selectMonth;
public BottomDatePickerPop(@NonNull Context context) {
super(context);
}
private onSelectYearMonth listener;
public void setListener(onSelectYearMonth listener) {
this.listener = listener;
}
public interface onSelectYearMonth {
void selectYearMonth(int year, int month);
}
@Override
protected int getImplLayoutId() {
return R.layout.pop_bottom_date_picker;
}
@Override
protected void onCreate() {
super.onCreate();
wheelYear = findViewById(R.id.wheel_year);
wheelMonth = findViewById(R.id.wheel_month);
initYearMonth();
}
private void initYearMonth() {
Calendar now = Calendar.getInstance();
int yearNum = now.get(Calendar.YEAR);
int monthNum = now.get(Calendar.MONTH);//默认月份会少1
selectYear = yearNum;
selectMonth = monthNum + 1;
List<String> years = getYearNum(yearNum);
List<String> months = getMonthNum(monthNum);
wheelYear.setData(years);
wheelMonth.setData(months);
initWheelSet(wheelYear);
initWheelSet(wheelMonth);
new Handler().postDelayed(() -> {
//设置默认选中位置
wheelYear.setSelectedItemPosition(years.size()-1);
wheelMonth.setSelectedItemPosition(monthNum);
},300);
wheelYear.setOnItemSelectedListener((picker, data, position) -> {
String year = (String) data;
L.e(year);
selectYear = Integer.parseInt(year.substring(0, year.length() - 1));
});
wheelMonth.setOnItemSelectedListener((picker, data, position) -> {
String month = (String) data;
L.e(month);
selectMonth = Integer.parseInt(month.substring(0, month.length() - 1));
});
findViewById(R.id.btn_confirm).setOnClickListener(v -> {
dialog.dismiss();
if (listener != null) listener.selectYearMonth(selectYear, selectMonth);
});
}
private List<String> getYearNum(int yearNum) {
List<String> data = new ArrayList<>();
for (int i = yearNum - 10; i <= yearNum; i++) {
data.add(i + "年");
}
return data;
}
private List<String> getMonthNum(int monthNum) {
List<String> data = new ArrayList<>();
for (int i = 1; i <= 12; i++) {
data.add(i + "月");
}
return data;
}
private void initWheelSet(WheelPicker wheel) {
wheel.setAtmospheric(true);//未选中项进行高斯模糊效果
wheel.setCurved(true);//圆弧滚轮效果
wheel.setItemSpace(DpPxUtils.dp2px(28));
wheel.setItemTextColor(ContextCompat.getColor(this.getContext(), R.color.tv_gray));
wheel.setSelectedItemTextColor(ContextCompat.getColor(this.getContext(), R.color.tv_black));
wheel.setItemTextSize(DpPxUtils.dp2px(16));
wheel.setTypeface(Typeface.DEFAULT_BOLD);
}
}
其中的BottomPopupView
是 XPopup的基类
2. 布局中使用WheelPicker创建两个并排的时间滚动器
布局文件pop_bottom_date_picker
为:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:background="@color/white"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:textStyle="bold"
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:text="选择时间"
android:textColor="@color/text_black"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.aigestudio.wheelpicker.WheelPicker
android:id="@+id/wheel_year"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:minHeight="32dp"
app:layout_constraintEnd_toStartOf="@+id/wheel_month"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title" />
<View
android:id="@+id/divider6"
android:layout_width="wrap_content"
android:layout_height="1dp"
android:layout_marginTop="48dp"
android:background="?android:attr/listDivider"
app:layout_constraintBottom_toTopOf="@+id/wheel_year"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/wheel_year" />
<com.aigestudio.wheelpicker.WheelPicker
android:id="@+id/wheel_month"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:minHeight="32dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/wheel_year"
app:layout_constraintTop_toBottomOf="@+id/tv_title" />
<Button
android:id="@+id/btn_confirm"
style="@style/DefaultOrangeButton"
android:layout_width="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginBottom="16dp"
android:paddingLeft="80dp"
android:paddingRight="80dp"
android:text="确认"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/wheel_year" />
<View
android:id="@+id/divider1"
android:layout_width="wrap_content"
android:layout_height="1dp"
android:layout_marginBottom="48dp"
android:background="?android:attr/listDivider"
app:layout_constraintBottom_toTopOf="@+id/wheel_year"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/wheel_year" />
</android.support.constraint.ConstraintLayout>
3.页面中使用:
BottomDatePickerPop bottomDatePickerPop;
private void showSelectYearMonth() {
if (bottomDatePickerPop==null){
bottomDatePickerPop = new BottomDatePickerPop(this);
bottomDatePickerPop.setListener((year, month) ->
db.tvMonth.setText("("+month+"月)")
);
new XPopup.Builder(this)
.asCustom(bottomDatePickerPop).show();
}else {
bottomDatePickerPop.show();
}
}
最后的效果:
当然如果没啥特别的要求,直接用系统的就可以了
//年月选择器
public static void showYM(BaseActivity activity) {
Calendar ca = Calendar.getInstance();
Calendar caMin = Calendar.getInstance();
int mYear = ca.get(Calendar.YEAR);
int mMonth = ca.get(Calendar.MONTH);
int mDay = ca.get(Calendar.DAY_OF_MONTH);
DatePickerDialog datePickerDialog = new DatePickerDialog(activity, DatePickerDialog.THEME_HOLO_LIGHT,
new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
L.e(year + "年" + (month + 1) + "月");
}
},
mYear, mMonth, mDay);
DatePicker datePicker = datePickerDialog.getDatePicker();
//范围控制,最大能选两年前的月份
caMin.add(Calendar.YEAR,-2);
datePicker.setMinDate(caMin.getTimeInMillis());//最小为2年前
datePicker.setMaxDate(ca.getTimeInMillis());//最大时间为当前年月
((ViewGroup) ((ViewGroup) datePicker.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);
//范围控制
datePickerDialog.show();
}
参考:https://blog.csdn.net/make_progress/article/details/88404560
当然也可以自定义系统的DatePickerDialog
参考:https://stackoverflow.com/questions/28738089/how-to-change-datepicker-dialog-color-for-android-5-0