热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android开发中实现IOS风格底部选择器(支持时间日期自定义)

这篇文章主要介绍了Android开发中实现IOS风格底部选择器(支持时间日期自定义)的相关资料,需要的朋友可以参考下

本文Github代码链接

https://github.com/AndroidMsky/AndoirdIOSPicker

先上图吧:

这是笔者最近一个项目一直再用的一个选择器库,自己也在其中做了修改,并决定持续维护下去。

先看使用方法:

日期选择:

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() {
}
})
.setMinYear(1900)
.setMaxYear(2050)
.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();
}

比较简单就不解释了

自定义选择:

先搞一个list

private List list = new ArrayList<>();

然后调用时候传入这个list就可以了

/**
* 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();
}

接下来我们就那timepick开刀简单分析下其中的原理,也方便我们做自定义的扩展。

首先打开TimePickerDialog可见继承自Dialog对自定义Dialog还不熟悉的可以看:

安卓下Builder模式解析+自定义Dialog实战演练

http://blog.csdn.net/androidmsky/article/details/52982815

public class TimePickerDialog extends Dialog

肯定这中Dialog都会使用Builder模式,接下来看里面的字段

private static final class Params {
private boolean shadow = true;
private boolean canCancel = true;
private LoopView loopHour, loopMin;
private OnTimeSelectedListener callback;
}

看到主力军是两个LoopView来表示小时和分钟,接下来我们就要看LoopView这类了,进去会发现比较庞大有一脸的参数。不用怕,我们直接来到它的两个最关键的方法,

protected void onDraw(Canvas canvas) 

可以看到就是在把文字画出来也不要怕反反复复就那么几个方法:

核心就是它
canvas.drawText(as[j1], startX, h, paintB);

在几种情况下调用它,肯定就是12345个位置数字不同的样式

if (i2 <= n && h + i2 >= n) {
canvas.save();
canvas.clipRect(0, 0, v, n - i2);
canvas.drawText(as[j1], startX, h, paintA);
canvas.restore();
canvas.save();
canvas.clipRect(0, n - i2, v, (int) ((float) h * l));
canvas.drawText(as[j1], startX, h, paintB);
canvas.restore();
} else if (i2 <= o && h + i2 >= o) {
canvas.save();
canvas.clipRect(0, 0, v, o - i2);
canvas.drawText(as[j1], startX, h, paintB);
canvas.restore();
canvas.save();
canvas.clipRect(0, o - i2, v, (int) ((float) h * l));
canvas.drawText(as[j1], startX, h, paintA);
canvas.restore();
} else if (i2 >= n && h + i2 <= o) {
canvas.clipRect(0, 0, v, (int) ((float) h * l));
canvas.drawText(as[j1], startX, h, paintB);
mSelectItem = arrayList.indexOf(as[j1]);
} else {
canvas.clipRect(0, 0, v, (int) ((float) h * l));
canvas.drawText(as[j1], startX, h, paintA);
}
canvas.restore();

下一个关键方法就是:

public boolean onTouchEvent(MotionEvent motionevent)

通过手指的移动改变绘制的偏移值:

case MotionEvent.ACTION_MOVE:
y = motionevent.getRawY();
z = x - y;
x = y;
totalScrollY = (int) ((float) totalScrollY + z);
if (!isLoop) {
if (totalScrollY > (int) ((float) (-positon) * (l * (float) h))) {
break; /* Loop/switch isn't completed */
}
totalScrollY = (int) ((float) (-positon) * (l * (float) h));
}
break;

大概就是这种姿势去看开源自定义view了。

以上所述是小编给大家介绍的Android开发中实现IOS风格底部选择器(支持时间 日期 自定义),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • golang常用库:配置文件解析库/管理工具viper使用
    golang常用库:配置文件解析库管理工具-viper使用-一、viper简介viper配置管理解析库,是由大神SteveFrancia开发,他在google领导着golang的 ... [详细]
  • 本文基于对相关论文和开源代码的研究,详细介绍了LOAM(激光雷达里程计与建图)的工作原理,并对其关键技术进行了分析。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法,涵盖多种常见的广告形式,如百度广告和Google广告,并提供了相关设置的步骤。同时,文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
author-avatar
无声胜有剩
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有