新项目Android和ios要做成统一样式,年龄,性别,时间,要做成滚轮效果,Android没有原生控件,只能自己定义,于是我较劲脑汁,终于写出来,本着分享精神,贴出部分代码,直接拷贝就能用。
先看效果图,如果符合你的需求,再采纳
时间
年龄
性别
废话不多说,直接上代码
布局
activity_main.xml
android:id="@+id/activity_main"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
android:id="@+id/textView"/>
android:text="生日"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:id="@+id/button"
android:onClick="date"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>
android:text="时间"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:id="@+id/button2"
android:onClick="time"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>
android:text="性别"
android:onClick="zidingyi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button2"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:id="@+id/button3"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"/>
MainActivity
public class MainActivity extends AppCompatActivity {
private Dialog dateDialog, timeDialog, chooseDialog;
private TextView mTextView;
private List list = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mTextView = (TextView) findViewById(R.id.textView);
String[] data = getResources().getStringArray(R.array.list);
for (String str : data) {
list.add(str);
}
}
/**
* chooseDialog
*/
private void showChooseDialog(List mlist) {
DataPickerDialog.Builder builder = new DataPickerDialog.Builder(this);
chooseDialog = builder.setData(mlist).setSelection(1).setTitle("取消")
.setOnDataSelectedListener(new DataPickerDialog.OnDataSelectedListener() {
@Override
public void onDataSelected(String itemValue, int position) {
mTextView.setText(itemValue);
}
@Override
public void onCancel() {
}
}).create();
chooseDialog.show();
}
private void showDateDialog(List date) {
DatePickerDialog.Builder builder = new DatePickerDialog.Builder(this);
builder.setOnDateSelectedListener(new DatePickerDialog.OnDateSelectedListener() {
@Override
public void onDateSelected(int[] dates) {
mTextView.setText(dates[0] + "-" + (dates[1] > 9 ? dates[1] : ("0" + dates[1])) + "-"
+ (dates[2] > 9 ? dates[2] : ("0" + dates[2])));
}
@Override
public void onCancel() {
}
})
.setSelectYear(date.get(0) - 1)
.setSelectMonth(date.get(1) - 1)
.setSelectDay(date.get(2) - 1);
builder.setMaxYear(DateUtil.getYear());
builder.setMaxMonth(DateUtil.getDateForString(DateUtil.getToday()).get(1));
builder.setMaxDay(DateUtil.getDateForString(DateUtil.getToday()).get(2));
dateDialog = builder.create();
dateDialog.show();
}
private void showTimePick() {
if (timeDialog == null) {
TimePickerDialog.Builder builder = new TimePickerDialog.Builder(this);
timeDialog = builder.setOnTimeSelectedListener(new TimePickerDialog.OnTimeSelectedListener() {
@Override
public void onTimeSelected(int[] times) {
mTextView.setText(times[0] + ":" + times[1]);
}
}).create();
}
timeDialog.show();
}
public void time(View v) {
showTimePick();
}
public void date(View v) {
showDateDialog(DateUtil.getDateForString("1990-01-01"));
}
public void zidingyi(View v) {
showChooseDialog(list);
}
}
DataPickerDialog
public class DataPickerDialog extends Dialog {
private Params params;
public DataPickerDialog(Context context, int themeResId) {
super(context, themeResId);
}
private void setParams(DataPickerDialog.Params params) {
this.params = params;
}
public void setSelection(String itemValue) {
if (params.dataList.size() > 0) {
int idx = params.dataList.indexOf(itemValue);
if (idx >= 0) {
params.initSelection = idx;
params.loopData.setCurrentItem(params.initSelection);
}
}
}
public interface OnDataSelectedListener {
void onDataSelected(String itemValue, int position);
void onCancel();
}
private static final class Params {
private boolean shadow = true;
private boolean canCancel = true;
private LoopView loopData;
private String title;
private String unit;
private int initSelection;
private OnDataSelectedListener callback;
private final List dataList = new ArrayList<>();
}
public static class Builder {
private final Context context;
private final DataPickerDialog.Params params;
public Builder(Context context) {
this.context = context;
params = new DataPickerDialog.Params();
}
private final String getCurrDateValue() {
return params.loopData.getCurrentItemValue();
}
public Builder setData(List dataList) {
params.dataList.clear();
params.dataList.addAll(dataList);
return this;
}
public Builder setTitle(String title) {
params.title = title;
return this;
}
public Builder setUnit(String unit) {
params.unit = unit;
return this;
}
public Builder setSelection(int selection) {
params.initSelection = selection;
return this;
}
public Builder setOnDataSelectedListener(OnDataSelectedListener onDataSelectedListener) {
params.callback = onDataSelectedListener;
return this;
}
public DataPickerDialog create() {
final DataPickerDialog dialog = new DataPickerDialog(context, params.shadow ? R.style.Theme_Light_NoTitle_Dialog : R.style.Theme_Light_NoTitle_NoShadow_Dialog);
View view = LayoutInflater.from(context).inflate(R.layout.layout_picker_data, null);
if (!TextUtils.isEmpty(params.title)) {
TextView txTitle = (TextView) view.findViewById(R.id.tx_title);
txTitle.setText(params.title);
txTitle.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
dialog.dismiss();
params.callback.onCancel();
}
});
}
if (!TextUtils.isEmpty(params.unit)) {
TextView txUnit = (TextView) view.findViewById(R.id.tx_unit);
txUnit.setText(params.unit);
}
final LoopView loopData = (LoopView) view.findViewById(R.id.loop_data);
loopData.setArrayList(params.dataList);
loopData.setNotLoop();
if (params.dataList.size() > 0) loopData.setCurrentItem(params.initSelection);
view.findViewById(R.id.tx_finish).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dialog.dismiss();
params.callback.onDataSelected(getCurrDateValue(),loopData.getCurrentItem());
}
});
Window win = dialog.getWindow();
win.getDecorView().setPadding(0, 0, 0, 0);
WindowManager.LayoutParams lp = win.getAttributes();
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
win.setAttributes(lp);
win.setGravity(Gravity.BOTTOM);
win.setWindowAnimations(R.style.Animation_Bottom_Rising);
dialog.setContentView(view);
dialog.setCanceledOnTouchOutside(params.canCancel);
dialog.setCancelable(params.canCancel);
params.loopData = loopData;
dialog.setParams(params);
return dialog;
}
}
}
DatePickerDialog
public class DatePickerDialog extends Dialog {
private static int MIN_YEAR = 1900;
private static int MAX_YEAR = 2100;
private Params params;
public DatePickerDialog(Context context, int themeResId) {
super(context, themeResId);
}
private void setParams(DatePickerDialog.Params params) {
this.params = params;
}
public interface OnDateSelectedListener {
void onDateSelected(int[] dates);
void onCancel();
}
private static final class Params {
private boolean shadow = true;
private boolean canCancel = true;
private LoopView loopYear, loopMonth, loopDay;
private OnDateSelectedListener callback;
}
public static class Builder {
private final Context context;
private final DatePickerDialog.Params params;
private Integer minYear;
private Integer maxYear;
private Integer selectYear;
private Integer selectMonth;
private Integer selectDay;
private Integer minMonth;
private Integer maxMonth;
private Integer minDay;
private Integer maxDay;
public Builder(Context context) {
this.context = context;
params = new DatePickerDialog.Params();
}
public Builder setMinYear(int year){
minYear=year;
return this;
}
public Builder setMaxYear(int year){
maxYear=year;
return this;
}
public Builder setMinMonth(int month){
minMonth=month;
return this;
}
public Builder setMaxMonth(int month){
maxMonth=month;
return this;
}
public Builder setMinDay(int day){
minDay=day;
return this;
}
public Builder setMaxDay(int day){
maxDay=day;
return this;
}
public Builder setSelectYear(int year){
this.selectYear=year;
return this;
}
public Builder setSelectMonth(int month){
this.selectMonth=month;
return this;
}
public Builder setSelectDay(int day){
this.selectDay=day;
return this;
}
/**
* 获取当前选择的日期
*
* @return int[]数组形式返回。例[1990,6,15]
*/
private final int[] getCurrDateValues() {
int currYear = Integer.parseInt(params.loopYear.getCurrentItemValue());
int currMonth = Integer.parseInt(params.loopMonth.getCurrentItemValue());
int currDay = Integer.parseInt(params.loopDay.getCurrentItemValue());
return new int[]{currYear, currMonth, currDay};
}
public Builder setOnDateSelectedListener(OnDateSelectedListener onDateSelectedListener) {
params.callback = onDateSelectedListener;
return this;
}
public DatePickerDialog create() {
final DatePickerDialog dialog = new DatePickerDialog(context, params.shadow ? R.style.Theme_Light_NoTitle_Dialog : R.style.Theme_Light_NoTitle_NoShadow_Dialog);
View view = LayoutInflater.from(context).inflate(R.layout.layout_picker_date, null);
view.findViewById(R.id.tv_cancel).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
dialog.dismiss();
params.callback.onCancel();
}
});
Calendar c = Calendar.getInstance();
final LoopView loopDay = (LoopView) view.findViewById(R.id.loop_day);
loopDay.setArrayList(d(1, 30));
if(selectDay!=null){
loopDay.setCurrentItem(selectDay);
}else{
loopDay.setCurrentItem(c.get(Calendar.DATE));
}
//loopDay.setNotLoop();
final LoopView loopYear = (LoopView) view.findViewById(R.id.loop_year);
loopYear.setArrayList(d(MIN_YEAR, MAX_YEAR - MIN_YEAR + 1));
if(selectYear!=null){
loopYear.setCurrentItem(selectYear-MIN_YEAR+1);
}else{
loopYear.setCurrentItem(MAX_YEAR);
}
loopYear.setNotLoop();
final LoopView loopMonth = (LoopView) view.findViewById(R.id.loop_month);
loopMonth.setArrayList(d(1, 12));
if(selectMonth!=null){
loopMonth.setCurrentItem(selectMonth);
}else{
loopMonth.setCurrentItem(c.get(Calendar.MONTH));
}
loopMonth.setNotLoop();
final LoopListener maxDaySyncListener = new LoopListener() {
@Override
public void onItemSelect(int item) {
Calendar c = Calendar.getInstance();
boolean needFixed=true;
if(minYear!=null){
if(Integer.parseInt(loopYear.getCurrentItemValue())==minYear ){
if(minMonth!=null){
if(Integer.parseInt(loopMonth.getCurrentItemValue())
loopMonth.setCurrentItem(minMonth - 1);
}
}
}else if(Integer.parseInt(loopYear.getCurrentItemValue())
loopYear.setCurrentItem(minYear-MIN_YEAR);
}
}
if(maxYear!=null){
if(Integer.parseInt(loopYear.getCurrentItemValue())==maxYear ){
if(maxMonth!=null){
if(Integer.parseInt(loopMonth.getCurrentItemValue())>maxMonth){
loopMonth.setCurrentItem(maxMonth - 1);
}
}
}else if(Integer.parseInt(loopYear.getCurrentItemValue())>maxYear){
loopYear.setCurrentItem(maxYear-MIN_YEAR);
}
}
c.set(Integer.parseInt(loopYear.getCurrentItemValue()), Integer.parseInt(loopMonth.getCurrentItemValue()) - 1, 1);
c.roll(Calendar.DATE, false);
if(needFixed){
int maxDayOfMonth = c.get(Calendar.DATE);
int fixedCurr = loopDay.getCurrentItem();
loopDay.setArrayList(d(1, maxDayOfMonth));
// 修正被选中的日期最大值
if (fixedCurr > maxDayOfMonth) fixedCurr = maxDayOfMonth - 1;
loopDay.setCurrentItem(fixedCurr);
}
}
};
final LoopListener dayLoopListener=new LoopListener() {
@Override
public void onItemSelect(int item) {
if(minYear!=null && minMonth!=null && minDay!=null
&& Integer.parseInt(loopYear.getCurrentItemValue())==minYear
&& Integer.parseInt(loopMonth.getCurrentItemValue())==minMonth
&& Integer.parseInt(loopDay.getCurrentItemValue())
){
loopDay.setCurrentItem(minDay-1);
}
if(maxYear!=null && maxMonth!=null && maxDay!=null
&& Integer.parseInt(loopYear.getCurrentItemValue())==maxYear
&& Integer.parseInt(loopMonth.getCurrentItemValue())==maxMonth
&& Integer.parseInt(loopDay.getCurrentItemValue())>maxDay
){
loopDay.setCurrentItem(maxDay-1);
}
}
};
loopYear.setListener(maxDaySyncListener);
loopMonth.setListener(maxDaySyncListener);
loopDay.setListener(dayLoopListener);
view.findViewById(R.id.tx_finish).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dialog.dismiss();
params.callback.onDateSelected(getCurrDateValues());
}
});
Window win = dialog.getWindow();
win.getDecorView().setPadding(0, 0, 0, 0);
WindowManager.LayoutParams lp = win.getAttributes();
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
win.setAttributes(lp);
win.setGravity(Gravity.BOTTOM);
win.setWindowAnimations(R.style.Animation_Bottom_Rising);
dialog.setContentView(view);
dialog.setCanceledOnTouchOutside(params.canCancel);
dialog.setCancelable(params.canCancel);
params.loopYear = loopYear;
params.loopMonth = loopMonth;
params.loopDay = loopDay;
dialog.setParams(params);
return dialog;
}
/**
* 将数字传化为集合,并且补充0
*
* @param startNum 数字起点
* @param count 数字个数
* @return
*/
private static List d(int startNum, int count) {
String[] values = new String[count];
for (int i = startNum; i < startNum + count; i++) {
String tempValue = (i < 10 ? "0" : "") + i;
values[i - startNum] = tempValue;
}
return Arrays.asList(values);
}
}
}
代码太多就不一一贴出来了,有需要直接下载:完整demo地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。