开源框架android-times-square实现日历选择日期

一.概述

今天给大家介绍一个开源框架android-times-square，这是干嘛的呢？当我们在项目中需要使用日历选择时间的时候，就可以用到了，下面开始介绍。

二.使用

1.使用一

地址如下

https://github.com/square/android-times-square

我们先看下效果图，再讲解如何实现



1.CustomerDialog

public class CustomerDialog {

private Activity context;
private int res;
private CustomerViewInterface listener;
private AlertDialog dlg;

public CustomerDialog(Activity context, int res) {
this.context = context;
this.res = res;
}

/**
* 调用这个构造方法之后必须调用init方法
*/
public CustomerDialog() {

}

public void init(Activity context, int res) {
this.context = context;
this.res = res;
}

/**
* 在调用这个方法之前最好先调用setOnCustomerViewCreated来控制dialog自定义界面上的内容
*/
public void showDlg() {
dlg = new AlertDialog.Builder(context).create();
dlg.setCanceledOnTouchOutside(true);
dlg.setCancelable(true);
dlg.show();
Window window = dlg.getWindow();
// 下面的清除flag主要是为了在dialog中有editText时弹出软件盘所用。
window.clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM);
window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE);
window.setContentView(res);
if (listener != null) {
listener.getCustomerView(window, dlg);
}
}

public void setDlgIfClick(boolean ifClick) {
if (dlg != null) {
dlg.setCancelable(ifClick);
dlg.setCanceledOnTouchOutside(ifClick);
}
}

public void dismissDlg() {
if (dlg != null) {
dlg.dismiss();
context = null;
listener = null;
dlg = null;
}
}

public AlertDialog getDlg() {
return dlg;
}

public interface CustomerViewInterface {

void getCustomerView(final Window window, final AlertDialog dlg);
}

public interface ClickCallBack {

void onOk(CustomerDialog dlg);

void onCancel(CustomerDialog dlg);
}

public void setOnCustomerViewCreated(CustomerViewInterface listener) {
this.listener = listener;
}
}

2.Util

public class Util {
public static CustomerDialog showChooseDateDialog(final Activity context, final String title, final String okText, final String cancelText, final CustomerDialog.ClickCallBack clickCallBack, final TextView view) {
final CustomerDialog customerDialog = new CustomerDialog(context, R.layout.dialog_choosedate_layout);
customerDialog.setOnCustomerViewCreated(new CustomerDialog.CustomerViewInterface() {
@Override
public void getCustomerView(Window window, AlertDialog dlg) {
TextView tv_title = (TextView) window.findViewById(R.id.title);
Button left_button = (Button) window.findViewById(R.id.left_button);
Button right_button = (Button) window.findViewById(R.id.right_button);
final CalendarPickerView pickerView = (CalendarPickerView) window.findViewById(R.id.calendar_picker);
Calendar lastYear = Calendar.getInstance();
lastYear.add(Calendar.DAY_OF_WEEK, -1);
Calendar currentYear = Calendar.getInstance();
currentYear.add(Calendar.DAY_OF_WEEK, 0);
Calendar nextYear = Calendar.getInstance();
nextYear.add(Calendar.DAY_OF_WEEK, 1);
pickerView.init(lastYear.getTime(), nextYear.getTime()).withSelectedDate(new Date());
//点击范围之外时的提示
pickerView.setOnInvalidDateSelectedListener(new CalendarPickerView.OnInvalidDateSelectedListener() {
@Override
public void onInvalidDateSelected(Date date) {
Toast.makeText(context, "非法的日期", Toast.LENGTH_SHORT).show();
}
});
if (!TextUtils.isEmpty(title)) {
tv_title.setText(title);
} else {
tv_title.setVisibility(View.GONE);
}
if (!TextUtils.isEmpty(cancelText)) {
left_button.setText(cancelText);
}
left_button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
clickCallBack.onCancel(customerDialog);
}
});
if (!TextUtils.isEmpty(okText)) {
right_button.setText(okText);
}
right_button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
clickCallBack.onOk(customerDialog);
long time = pickerView.getSelectedDate().getTime();
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
String result = format.format(time);
view.setText(result);
}
});
}
});
customerDialog.showDlg();
return customerDialog;
}
}

3.MainActivity

Utils.showChooseDateDialog(MainActivity.this, "请选择日期", "确定", "取消", new CustomerDialog.ClickCallBack() {
@Override
public void onOk(CustomerDialog dlg) {
dlg.dismissDlg();
}
@Override
public void onCancel(CustomerDialog dlg) {
dlg.dismissDlg();
}
},et_date);

最后我们看布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent" >

<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/bg_title_custom_dialog" >

<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginBottom="8dp"
android:layout_marginTop="12dp"
android:text="选择日期"
android:textColor="#000000"
android:textSize="18sp" />

<ScrollView
android:id="@+id/sv_message"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="50dp"
android:layout_marginTop="50dp"
android:lineSpacingExtra="5dp"
android:lineSpacingMultiplier="1.5"
android:fadingEdge="none"
android:overScrollMode="never"
android:scrollbars="none" >

<com.squareup.timessquare.CalendarPickerView
android:id="@+id/calendar_picker"
android:layout_width="wrap_content"
android:overScrollMode="never"
android:fadingEdge="none"
android:scrollbars="none"
android:layout_height="wrap_content">
</com.squareup.timessquare.CalendarPickerView>

</ScrollView>

<LinearLayout
android:id="@+id/bottom_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginBottom="12dp"
android:layout_marginLeft="12dp"
android:layout_marginRight="12dp"
android:gravity="center"
android:orientation="horizontal"
android:weightSum="2.5" >

<Button
android:id="@+id/left_button"
android:layout_width="90dp"
android:layout_height="37dp"
android:layout_weight="1"
android:gravity="center"
android:text="取消"
android:textColor="#ffffff"
android:textSize="16sp" />

<Button
android:id="@+id/right_button"
android:layout_width="90dp"
android:layout_height="37dp"
android:layout_marginLeft="12dp"
android:layout_weight="1"
android:gravity="center"
android:text="确定"
android:textColor="#ffffff"
android:textSize="16sp" />
</LinearLayout>
</FrameLayout>

</RelativeLayout>

2.使用二

上面是使用默认的样式，下面我们看看如何改变样式

我们把布局文件改成如下样子，

<com.squareup.timessquare.CalendarPickerView
android:id="@+id/calendar_picker"
android:layout_width="wrap_content"
android:overScrollMode="never"
android:fadingEdge="none"
android:scrollbars="none"
android:layout_height="wrap_content"
android:background="@color/custom_background"
android:scrollbarStyle="outsideOverlay"
android:clipToPadding="false"
app:tsquare_dayBackground="@drawable/custom_calendar_bg_selector"
app:tsquare_dayTextColor="@color/custom_calendar_text_selector"
app:tsquare_dividerColor="@color/transparent"
app:tsquare_titleTextColor="@color/custom_calendar_text_selector"
app:tsquare_headerTextColor="@color/custom_header_text"
>
</com.squareup.timessquare.CalendarPickerView>

这样就改变了样式，我们看看效果图



这次是不是变得好看多了呢，最后给出项目代码下载地址

项目源码

官方项目源码及demo如下

android-times-square