android时间选择控件之TimePickerView使用方法详解
作者:Lane.Lin 时间:2023-01-14 02:58:12
相信大家都有这样的一个需求,选择相应开始时间和结束时间,对数据进行筛选,下面就将使用TimePickerView实现这么一个功能。
一、先导入依赖
implementation "com.contrarywind:Android-PickerView:3.2.7"
二、在界面上画出选择时间的框框,这里大家就根据自己的UI画就行,我个人用的是约束性布局
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_history_default"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="40dp"
android:layout_marginTop="10dp"
android:text="时间"
android:textColor="@color/white"
android:textSize="36sp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tv_date_start"
android:layout_width="300dp"
android:layout_height="72dp"
android:layout_marginLeft="31dp"
android:background="@drawable/style_history_time"
android:gravity="center"
android:hint="请选择开始日期"
android:textSize="40sp"
app:layout_constraintBottom_toBottomOf="@id/tv_history_default"
app:layout_constraintLeft_toRightOf="@id/tv_history_default"
app:layout_constraintTop_toTopOf="@id/tv_history_default" />
<TextView
android:id="@+id/tv_default_zhi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="54dp"
android:text="至"
android:textColor="@color/white"
android:textSize="36sp"
app:layout_constraintLeft_toRightOf="@id/tv_date_start"
app:layout_constraintTop_toTopOf="@id/tv_history_default" />
<TextView
android:id="@+id/tv_date_end"
android:layout_width="300dp"
android:layout_height="72dp"
android:layout_marginLeft="54dp"
android:background="@drawable/style_history_time"
android:gravity="center"
android:hint="请选择结束日期"
android:textSize="40sp"
app:layout_constraintLeft_toRightOf="@id/tv_default_zhi"
app:layout_constraintTop_toTopOf="@id/tv_date_start" />
</androidx.constraintlayout.widget.ConstraintLayout>
画出来就这么一个效果,其实还挺容易的,这是默认的样子
二、界面画完接下来就去实现了,我是在fragment中添加的,这个看你自己是在什么地方使用,只是改变上下文而已。
public class TimerFragment extends Fragment implements View.OnClickListener {
private TimePickerView pvTime;//TimePickerView 时间选择器
private String startTime;
private String endTime;
private TextView tvDateStart, tvDateEnd;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_timer, container, false);
tvDateStart = view.findViewById(R.id.tv_date_start);
tvDateEnd = view.findViewById(R.id.tv_date_end);
tvDateStart.setOnClickListener(this);
tvDateEnd.setOnClickListener(this);
selectDate();
return view;
}
//选择起止时间
private void selectDate() {
//控制时间范围(如果不设置范围,则使用默认时间1900-2100年,此段代码可注释)
//因为系统Calendar的月份是从0-11的,所以如果是调用Calendar的set方法来设置时间,月份的范围也要是从0-11
Calendar selectedDate = Calendar.getInstance();
Calendar startDate = Calendar.getInstance();
startDate.set(2020, 0, 1);
Calendar endDate = Calendar.getInstance();
endDate.set(2040, 11, 31);
//时间选择器
pvTime = new TimePickerView.Builder(getActivity(), new TimePickerView.OnTimeSelectListener() {
@Override
public void onTimeSelect(Date date, View v) {//选中事件回调
// 这里回调的v,就是show()方法里面所添加的 View 参数,如果show的时候没有添加参数,v则为null
TextView tv = (TextView) v;
if (tv == tvDateStart) {
startTime = getTimes(date);
} else {
endTime = getTimes(date);
}
//startTime 就为开始时间,endTime为结束时间
Log.e("TAG", "开始: " + startTime + " 结束为" + endTime);
tv.setText(getTimes(date));
}
})
//年月日时分秒的显示与否,不设置则默认全部显示,这里可自行定制,true显示,false不显示
.setType(new boolean[]{true, true, false, false, false, false})
.setLabel(" 年", "月", "日", "时", "分", "")
.isCenterLabel(true)
.setDividerColor(Color.DKGRAY)
.setContentSize(50)
.setDate(selectedDate)
.setRangDate(startDate, endDate)
.setDecorView(null)
.build();
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.tv_date_start:
//点击组件的点击事件
pvTime.show(tvDateStart);
break;
case R.id.tv_date_end:
pvTime.show(tvDateEnd);
break;
}
}
public String getTimes(Date date) {//可根据需要自行格式化数据显示
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM");
return format.format(date);
}
}
就这样,时间选择器就做完啦!!!下图是点击时间,从底部划出的框框!
下图即为选择时间后的样子
然后你就可以通过选择到的起止时间,进行数据的筛选啦!!!是不是挺简单的!
来源:https://blog.csdn.net/weixin_45552475/article/details/115300472
标签:android,时间选择控件,TimePickerView
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Android控件实现水滴效果
2021-07-31 20:43:51
![](https://img.aspxhome.com/file/2023/0/130350_0s.gif)
Spring MVC学习教程之视图深入解析
2021-12-16 23:37:55
Java内存区域和内存模型讲解
2023-11-26 12:08:39
![](https://img.aspxhome.com/file/2023/0/59970_0s.png)
Flutter利用注解生成可自定义的路由的实现
2022-08-28 15:12:16
详解Android开发中Fragment的使用
2023-05-02 20:32:25
![](https://img.aspxhome.com/file/2023/7/68027_0s.png)
Java文件读写IO/NIO及性能比较详细代码及总结
2021-11-28 12:56:30
Spring Boot支持Crontab任务改造的方法
2023-08-08 20:20:24
Java Swing GridBagLayout网格袋布局的实现
2023-07-11 19:34:26
![](https://img.aspxhome.com/file/2023/8/74908_0s.png)
java AOP原理以及实例用法总结
2022-11-05 03:30:41
![](https://img.aspxhome.com/file/2023/4/122024_0s.png)
C语言 超详细总结讲解二叉树的概念与使用
2023-11-08 20:24:56
![](https://img.aspxhome.com/file/2023/2/120782_0s.webp)
java仿windows记事本小程序
2023-11-25 09:24:43
Flutter进阶之实现动画效果(九)
2023-04-11 12:20:06
![](https://img.aspxhome.com/file/2023/5/138185_0s.gif)
c#实现16进制和字符串之间转换的代码
2023-07-22 08:28:09
SpringCloud版本问题报错及解决方法
2023-01-29 23:19:46
![](https://img.aspxhome.com/file/2023/1/61561_0s.png)
Android开发时尽管已root但是ddms还是没有data路径怎么办
2023-01-28 03:19:36
@valid 无法触发BindingResult的解决
2023-08-10 09:16:12
详解Spring Boot中MyBatis的使用方法
2023-08-22 17:25:01
详解Android WebView加载html片段
2023-04-23 11:40:12
javaWeb使用servlet搭建服务器入门
2023-11-21 04:47:45
JavaWeb登录界面登录失败在同一页面进行提示的解决
2023-11-26 15:51:34
![](https://img.aspxhome.com/file/2023/6/60356_0s.png)