在開發中如果有地址或者日期選擇等就會涉及到時間或者條件選擇器，大家都會想到仿iOS的三級聯動的效果，用wheelview實現，其實安卓原生自帶了時間和日期選擇器可能是效果來說太粗獷了，所以很多產品效果圖都是清一色的ios那種效果，ok，廢話說完了上圖
Demo地址：
1，安卓原生的時間和日期選擇器
代碼：download.csdn.net/download/qq_32487869/10111865
DatePickerDialog dialog = new
DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int
dayOfMonth) {
if(monthOfYear<=9){
mouth1="0"+(monthOfYear+1);
}else{
mouth1=String.valueOf(monthOfYear+1);
}
if(dayOfMonth<=9){
day1= "0"+dayOfMonth;
}else{
day1=String.valueOf(dayOfMonth);
}
dateStr = String.valueOf(year)+"-"+mouth1+"-"+day1;
button1.setText(dateStr);
}
}, calender.get(Calendar.YEAR), calender.get(Calendar.MONTH),
calender.get(Calendar.DAY_OF_MONTH));
dialog.show();
使用非常簡單，自己寫個時間過濾方法就行
TimePickerDialog dialog = new TimePickerDialog(MainActivity.this,
new TimePickerDialog.OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
button2.setText(String.valueOf(hourOfDay+":"+minute));
}
},calender2.get(Calendar.HOUR),calender2.get(Calendar.MINUTE),false);
dialog.show();
DatePickerDialog和TimePickerDialog都是原生帶的，在5.0之前還是和ios那種效果差不多，來回上下滑選擇日期的，但是5.0后就成日歷了，雖然好看，不過占比屏太大，設計并不會考慮這種效果，哎，現在很多安卓的控件原生其實效果不錯的，不過還是得為了遵循產品和設計的意思做成仿ios效果（小小的抱怨一下）
2.開源日期選擇器Timepickview和條件選擇器Optionspickview
代碼：timepick：
TimePickerView pvTime = new TimePickerView.Builder(MainActivity.this, new TimePickerView.OnTimeSelectListener() {
@Override
public void onTimeSelect(Date date2, View v) {//選中事件回調
String time = getTime(date2);
button3.setText(time);
}
})
.setType(TimePickerView.Type.YEAR_MONTH_DAY)//默認全部顯示
.setCancelText("取消")//取消按鈕文字
.setSubmitText("確定")//確認按鈕文字
.setContentSize(20)//滾輪文字大小
.setTitleSize(20)//標題文字大小
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleText("請選擇時間")//標題文字
.setOutSideCancelable(true)//點擊屏幕，點在控件外部范圍時，是否取消顯示
.isCyclic(true)//是否循環滾動
.setTextColorCenter(Color.BLACK)//設置選中項的顏色
.setTitleColor(Color.BLACK)//標題文字顏色
.setSubmitColor(Color.BLUE)//確定按鈕文字顏色
.setCancelColor(Color.BLUE)//取消按鈕文字顏色
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleBgColor(0xFF666666)//標題背景顏色 Night mode
//? ? ? ? ? ? ? ? ? ? ? ? .setBgColor(0xFF333333)//滾輪背景顏色 Night mode
//? ? ? ? ? ? ? ? ? ? ? ? .setRange(calendar.get(Calendar.YEAR) - 20, calendar.get(Calendar.YEAR) + 20)//默認是1900-2100年
//? ? ? ? ? ? ? ? ? ? ? ? .setDate(selectedDate)// 如果不設置的話，默認是系統時間*/
//? ? ? ? ? ? ? ? ? ? ? ? .setRangDate(startDate,endDate)//起始終止年月日設定
//? ? ? ? ? ? ? ? ? ? ? ? .setLabel("年","月","日","時","分","秒")
.isCenterLabel(false) //是否只顯示中間選中項的label文字，false則每項item全部都帶有label。
//? ? ? ? ? ? ? ? ? ? ? ? .isDialog(true)//是否顯示為對話框樣式
.build();
pvTime.setDate(Calendar.getInstance());//注：根據需求來決定是否使用該方法（一般是精確到秒的情況），此項可以在彈出選擇器的時候重新設置當前時間，避免在初始化之后由于時間已經設定，導致選中時間與當前時間不匹配的問題。
pvTime.show();
注釋已經寫的很詳細了，各種選項干嘛用的
Optionspickview：代碼：
options1Items.clear();
options1Items.add("托兒索");
options1Items.add("兒童劫");
options1Items.add("小學生之手");
options1Items.add("德瑪西亞大保健");
options1Items.add("面對疾風吧");
options1Items.add("天王蓋地虎");
options1Items.add("我發一米五");
options1Items.add("爆劉繼芬");
OptionsPickerView pvOptions = new? OptionsPickerView.Builder(MainActivity.this, new OptionsPickerView.OnOptionsSelectListener() {
@Override
public void onOptionsSelect(int options1, int option2, int options3 ,View v) {
//返回的分別是三個級別的選中位置
String s =? options1Items.get(options1);
button4.setText(s);
}
})
//? ? ? ? ? ? ? ? ? ? ? ? .setSubmitText("確定")//確定按鈕文字
//? ? ? ? ? ? ? ? ? ? ? ? .setCancelText("取消")//取消按鈕文字
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleText("城市選擇")//標題
.setSubCalSize(20)//確定和取消文字大小
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleSize(20)//標題文字大小
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleColor(Color.BLACK)//標題文字顏色
.setSubmitColor(Color.BLUE)//確定按鈕文字顏色
.setCancelColor(Color.BLUE)//取消按鈕文字顏色
//? ? ? ? ? ? ? ? ? ? ? ? .setTitleBgColor(0xFF333333)//標題背景顏色 Night mode
//? ? ? ? ? ? ? ? ? ? ? ? .setBgColor(0xFF000000)//滾輪背景顏色 Night mode
//? ? ? ? ? ? ? ? ? ? ? ? .setContentTextSize(18)//滾輪文字大小
//? ? ? ? ? ? ? ? ? ? ? ? .setTextColorCenter(Color.BLUE)//設置選中項的顏色
.setTextColorCenter(Color.BLACK)//設置選中項的顏色
//? ? ? ? ? ? ? ? ? ? ? ? .setLineSpacingMultiplier(1.6f)//設置兩橫線之間的間隔倍數
//? ? ? ? ? ? ? ? ? ? ? ? .setLinkage(false)//設置是否聯動，默認true
//? ? ? ? ? ? ? ? ? ? ? ? .setLabels("省", "市", "區")//設置選擇的三級單位
//? ? ? ? ? ? ? ? ? ? ? ? .isCenterLabel(false) //是否只顯示中間選中項的label文字，false則每項item全部都帶有label。
//? ? ? ? ? ? ? ? ? ? ? ? .setCyclic(false, false, false)//循環與否
//? ? ? ? ? ? ? ? ? ? ? ? .setSelectOptions(1, 1, 1)? //設置默認選中項
//? ? ? ? ? ? ? ? ? ? ? ? .setOutSideCancelable(false)//點擊外部dismiss default true
//? ? ? ? ? ? ? ? ? ? ? ? .isDialog(true)//是否顯示為對話框樣式
.build();
pvOptions.setPicker(options1Items);
pvOptions.show();
條件自己定義，可以傳簡單集合，也可以傳別的，比如省市縣...
轉自：www.lxweimin.com/p/ba0faf749e73
3.結合wheelview和原生timepick自定義時間選擇器
用法：
final String[] str = new String[10];
ChangeDatePopwindow mChangeBirthDialog = new ChangeDatePopwindow(MainActivity.this);
mChangeBirthDialog.setDate("2017", "6", "20");
mChangeBirthDialog.showAtLocation(main, Gravity.BOTTOM, 0, 0);
mChangeBirthDialog.setBirthdayListener(new ChangeDatePopwindow.OnBirthListener() {
@Override
public void onClick(String year, String month, String day) {
// TODO Auto-generated method stub
Toast.makeText(MainActivity.this,year + "-" + month + "-" + day,Toast.LENGTH_LONG).show();
StringBuilder sb = new StringBuilder();
sb.append(year.substring(0, year.length() - 1)).append("-").append(month.substring(0, day.length() - 1)).append("-").append(day);
str[0] = year + "-" + month + "-" + day;
str[1] = sb.toString();
button5.setText(str[0]);
}
});
大致思路：
年-月-日，其實是三個wheelview，然后手動設置時間的范圍，繼承原有的adapter
一個例子
* Abstract wheel adapter provides common functionality for adapters.
*/
public abstract class AbstractWheelTextAdapter extends AbstractWheelAdapter {
/** Text view resource. Used as a default view for adapter. */
public static final int TEXT_VIEW_ITEM_RESOURCE = -1;
/** No resource constant. */
protected static final int NO_RESOURCE = 0;
/** Default text color */
public static final int DEFAULT_TEXT_COLOR = 0xFF585858;
/** Default text color */
public static final int LABEL_COLOR = 0xFF700070;
/** Default text size */
public static final int DEFAULT_TEXT_SIZE = 18;
// Text settings
private int textColor = DEFAULT_TEXT_COLOR;
private int textSize = DEFAULT_TEXT_SIZE;
// Current context
protected Context context;
// Layout inflater
protected LayoutInflater inflater;
// Items resources
protected int itemResourceId;
protected int itemTextResourceId;
// Empty items resources
protected int emptyItemResourceId;
/**
* Constructor
* @param context the current context
*/
protected AbstractWheelTextAdapter(Context context) {
this(context, TEXT_VIEW_ITEM_RESOURCE);
}
/**
* Constructor
* @param context the current context
* @param itemResource the resource ID for a layout file containing a TextView to use when instantiating items views
*/
protected AbstractWheelTextAdapter(Context context, int itemResource) {
this(context, itemResource, NO_RESOURCE);
}
/**
* Constructor
* @param context the current context
* @param itemResource the resource ID for a layout file containing a TextView to use when instantiating items views
* @param itemTextResource the resource ID for a text view in the item layout
*/
protected AbstractWheelTextAdapter(Context context, int itemResource, int itemTextResource) {
this.context = context;
itemResourceId = itemResource;
itemTextResourceId = itemTextResource;
inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
/**
* Gets text color
* @return the text color
*/
public int getTextColor() {
return textColor;
}
/**
* Sets text color
* @param textColor the text color to set
*/
public void setTextColor(int textColor) {
this.textColor = textColor;
}
/**
* Gets text size
* @return the text size
*/
public int getTextSize() {
return textSize;
}
/**
* Sets text size
* @param textSize the text size to set
*/
public void setTextSize(int textSize) {
this.textSize = textSize;
}
/**
* Gets resource Id for items views
* @return the item resource Id
*/
public int getItemResource() {
return itemResourceId;
}
/**
* Sets resource Id for items views
* @param itemResourceId the resource Id to set
*/
public void setItemResource(int itemResourceId) {
this.itemResourceId = itemResourceId;
}
/**
* Gets resource Id for text view in item layout
* @return the item text resource Id
*/
public int getItemTextResource() {
return itemTextResourceId;
}
/**
* Sets resource Id for text view in item layout
* @param itemTextResourceId the item text resource Id to set
*/
public void setItemTextResource(int itemTextResourceId) {
this.itemTextResourceId = itemTextResourceId;
}
/**
* Gets resource Id for empty items views
* @return the empty item resource Id
*/
public int getEmptyItemResource() {
return emptyItemResourceId;
}
/**
* Sets resource Id for empty items views
* @param emptyItemResourceId the empty item resource Id to set
*/
public void setEmptyItemResource(int emptyItemResourceId) {
this.emptyItemResourceId = emptyItemResourceId;
}
/**
* Returns text for specified item
* @param index the item index
* @return the text of specified items
*/
protected abstract CharSequence getItemText(int index);
@Override
public View getItem(int index, View convertView, ViewGroup parent) {
if (index >= 0 && index < getItemsCount()) {
if (convertView == null) {
convertView = getView(itemResourceId, parent);
}
TextView textView = getTextView(convertView, itemTextResourceId);
if (textView != null) {
CharSequence text = getItemText(index);
if (text == null) {
text = "";
}
textView.setText(text);
if (itemResourceId == TEXT_VIEW_ITEM_RESOURCE) {
configureTextView(textView);
}
}
return convertView;
}
return null;
}
@Override
public View getEmptyItem(View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = getView(emptyItemResourceId, parent);
}
if (emptyItemResourceId == TEXT_VIEW_ITEM_RESOURCE && convertView instanceof TextView) {
configureTextView((TextView)convertView);
}
return convertView;
}
/**
* Configures text view. Is called for the TEXT_VIEW_ITEM_RESOURCE views.
* @param view the text view to be configured
*/
protected void configureTextView(TextView view) {
view.setTextColor(textColor);
view.setGravity(Gravity.CENTER);
view.setTextSize(textSize);
view.setEllipsize(TextUtils.TruncateAt.END);
view.setLines(1);
//? ? ? ? view.setCompoundDrawablePadding(20);
//? ? ? ? view.setTypeface(Typeface.SANS_SERIF, Typeface.BOLD);
}
/**
* Loads a text view from view
* @param view the text view or layout containing it
* @param textResource the text resource Id in layout
* @return the loaded text view
*/
public TextView getTextView(View view, int textResource) {
TextView text = null;
try {
if (textResource == NO_RESOURCE && view instanceof TextView) {
text = (TextView) view;
} else if (textResource != NO_RESOURCE) {
text = (TextView) view.findViewById(textResource);
}
} catch (ClassCastException e) {
Log.e("AbstractWheelAdapter", "You must supply a resource ID for a TextView");
throw new IllegalStateException(
"AbstractWheelAdapter requires the resource ID to be a TextView", e);
}
return text;
}
/**
* Loads view from resources
* @param resource the resource Id
* @return the loaded view or null if resource is not set
*/
public View getView(int resource, ViewGroup parent) {
switch (resource) {
case NO_RESOURCE:
return null;
case TEXT_VIEW_ITEM_RESOURCE:
return new TextView(context);
default:
return inflater.inflate(resource, parent, false);
}
}
還有設置滑動監聽，改變日期
wvYear.addChangingListener(new OnWheelChangedListener() {
@Override
public void onChanged(WheelView wheel, int oldValue, int newValue) {
// TODO Auto-generated method stub
String currentText = (String) mYearAdapter.getItemText(wheel.getCurrentItem());
selectYear = currentText;
setTextviewSize(currentText, mYearAdapter);
currentYear = currentText.substring(0, currentText.length()-1).toString();
Log.d("currentYear==",currentYear);
setYear(currentYear);
initMonths(Integer.parseInt(month));
mMonthAdapter = new CalendarTextAdapter(context, arry_months, 0, maxTextSize, minTextSize);
wvMonth.setVisibleItems(5);
wvMonth.setViewAdapter(mMonthAdapter);
wvMonth.setCurrentItem(0);
calDays(currentYear, month);
}
});
wvYear.addScrollingListener(new OnWheelScrollListener() {
@Override
public void onScrollingStarted(WheelView wheel) {
// TODO Auto-generated method stub
}
@Override
public void onScrollingFinished(WheelView wheel) {
// TODO Auto-generated method stub
String currentText = (String) mYearAdapter.getItemText(wheel.getCurrentItem());
setTextviewSize(currentText, mYearAdapter);
}
});
wvMonth.addChangingListener(new OnWheelChangedListener() {
@Override
public void onChanged(WheelView wheel, int oldValue, int newValue) {
// TODO Auto-generated method stub
String currentText = (String) mMonthAdapter.getItemText(wheel.getCurrentItem());
selectMonth = currentText;
setTextviewSize(currentText, mMonthAdapter);
setMonth(currentText.substring(0, 1));
initDays(Integer.parseInt(day));
mDaydapter = new CalendarTextAdapter(context, arry_days, 0, maxTextSize, minTextSize);
wvDay.setVisibleItems(5);
wvDay.setViewAdapter(mDaydapter);
wvDay.setCurrentItem(0);
calDays(currentYear, month);
}
});
wvMonth.addScrollingListener(new OnWheelScrollListener() {
@Override
public void onScrollingStarted(WheelView wheel) {
// TODO Auto-generated method stub
}
@Override
public void onScrollingFinished(WheelView wheel) {
// TODO Auto-generated method stub
String currentText = (String) mMonthAdapter.getItemText(wheel.getCurrentItem());
setTextviewSize(currentText, mMonthAdapter);
}
});
wvDay.addChangingListener(new OnWheelChangedListener() {
@Override
public void onChanged(WheelView wheel, int oldValue, int newValue) {
// TODO Auto-generated method stub
String currentText = (String) mDaydapter.getItemText(wheel.getCurrentItem());
setTextviewSize(currentText, mDaydapter);
selectDay = currentText;
}
});
wvDay.addScrollingListener(new OnWheelScrollListener() {
@Override
public void onScrollingStarted(WheelView wheel) {
// TODO Auto-generated method stub
}
@Override
public void onScrollingFinished(WheelView wheel) {
// TODO Auto-generated method stub
String currentText = (String) mDaydapter.getItemText(wheel.getCurrentItem());
setTextviewSize(currentText, mDaydapter);
}
});
然后彈出的彈窗popuwindows里，設置時間
public String getYear() {
Calendar c = Calendar.getInstance();
return c.get(Calendar.YEAR)+"";
}
public String getMonth() {
Calendar c = Calendar.getInstance();
return c.get(Calendar.MONTH) + 1+"";
}
public String getDay() {
Calendar c = Calendar.getInstance();
return c.get(Calendar.DATE)+"";
}
public void initData() {
setDate(getYear(), getMonth(), getDay());
this.currentDay = 1+"";
this.currentMonth = 1+"";
}
/**
* 設置年月日
*
* @param year
* @param month
* @param day
*/
public void setDate(String year, String month, String day) {
selectYear = year + "年";
selectMonth = month + "月";
selectDay = day + "日";
issetdata = true;
this.currentYear = year;
this.currentMonth = month;
this.currentDay = day;
if (year == getYear()) {
this.month = getMonth();
} else {
this.month = 12+"";
}
calDays(year, month);
}
/**
* 設置年份
*
* @param year
*/
public int setYear(String year) {
int yearIndex = 0;
if (!year.equals(getYear())) {
this.month = 12+"";
} else {
this.month = getMonth();
}
for (int i = Integer.parseInt(getYear()); i > 1950; i--) {
if (i == Integer.parseInt(year)) {
return yearIndex;
}
yearIndex++;
}
return yearIndex;
}
/**
* 設置月份
*
* @param month
* @param month
* @return
*/
public int setMonth(String month) {
int monthIndex = 0;
calDays(currentYear, month);
for (int i = 1; i < Integer.parseInt(this.month); i++) {
if (Integer.parseInt(month) == i) {
return monthIndex;
} else {
monthIndex++;
}
}
return monthIndex;
}
/**
* 計算每月多少天
*
* @param month
* @param year
*/
public void calDays(String year, String month) {
boolean leayyear = false;
if (Integer.parseInt(year) % 4 == 0 && Integer.parseInt(year) % 100 != 0) {
leayyear = true;
} else {
leayyear = false;
}
for (int i = 1; i <= 12; i++) {
switch (Integer.parseInt(month)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
this.day = 31+"";
break;
case 2:
if (leayyear) {
this.day = 29+"";
} else {
this.day = 28+"";
}
break;
case 4:
case 6:
case 9:
case 11:
this.day = 30+"";
break;
}
}
if (year.equals( getYear()) && month .equals( getMonth())) {
this.day = getDay();
}
然后設置點擊事件
@Override
public void onClick(View v) {
if (v == btnSure) {
if (onBirthListener != null) {
onBirthListener.onClick(selectYear, selectMonth, selectDay);
Log.d("cy",""+selectYear+""+selectMonth+""+selectDay);
}
} else if (v == btnSure) {
}? else {
dismiss();
}
dismiss();
}
其實就是點擊確定保存選擇的日期，取消dismiss
底下確定鍵是黃色按鈕那個就是換了個樣式而已原理都是一樣的
Demo地址：download.csdn.net/download/qq_32487869/10111865
大神勿噴，像各位大佬學習！！！
