iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android如何实现年月选择器功能
  • 718
分享到

Android如何实现年月选择器功能

2024-04-02 19:04:59 718人浏览 八月长安
摘要

目录一、效果图二、实现步骤:1、依赖库2、xml布局文件3、添加数据4、设置选择器弹出框5、设置弹出框dialog样式6、设置点击事件弹出四、总结开发过程中,年月的选择功能还是比较常

开发过程中,年月的选择功能还是比较常见的,像这种功能点比较常见,要是每次都要自己手动去写,这无疑会耗费比较多的时间与精力,今天给大家介绍一个第三方库,使用该库来完成年月选择器功能。

一、效果图

二、实现步骤:

1、依赖库


implementation 'cn.aigestudio.wheelpicker:WheelPicker:1.1.3'

2、xml布局文件


<?xml version="1.0" encoding="utf-8"?>
<Android.support.constraint.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="200dp"
 android:background="#ffffff">

 <TextView
  android:id="@+id/cancel"
  android:layout_width="60dp"
  android:layout_height="40dp"
  android:gravity="center"
  android:text="取消"
  android:textColor="#666666"
  android:textSize="17sp"
  app:layout_constraintLeft_toLeftOf="parent"
  app:layout_constraintTop_toTopOf="parent" />

 <TextView
  android:id="@+id/ok"
  android:layout_width="60dp"
  android:layout_height="40dp"
  android:gravity="center"
  android:text="确定"
  android:textColor="#3C76FF"
  android:textSize="17sp"
  app:layout_constraintRight_toRightOf="parent"
  app:layout_constraintTop_toTopOf="parent" />

 <View
  android:id="@+id/view_line"
  android:layout_width="match_parent"
  android:layout_height="1dp"
  android:background="#e5e5e5"
  app:layout_constraintLeft_toLeftOf="parent"
  app:layout_constraintTop_toBottomOf="@id/cancel" />

 <com.aigestudio.wheelpicker.WheelPicker
  android:id="@+id/mWheelPicker_1"
  android:layout_width="0dp"
  android:layout_height="0dp"
  android:layout_marginLeft="30dp"
  app:layout_constraintBottom_toBottomOf="parent"
  app:layout_constraintLeft_toLeftOf="parent"
  app:layout_constraintRight_toLeftOf="@id/mWheelPicker_2"
  app:layout_constraintTop_toBottomOf="@id/view_line"
  app:wheel_atmospheric="true"
  app:wheel_curtain_color="#1886F7"
  app:wheel_curved="true"
  app:wheel_cyclic="true"
  app:wheel_indicator_color="#e5e5e5"
  app:wheel_item_text_color="#919191"
  app:wheel_item_text_size="23sp"
  app:wheel_selected_item_text_color="#000000" />

 <com.aigestudio.wheelpicker.WheelPicker
  android:id="@+id/mWheelPicker_2"
  android:layout_width="0dp"
  android:layout_height="0dp"
  android:layout_marginRight="30dp"
  app:layout_constraintBottom_toBottomOf="parent"
  app:layout_constraintLeft_toRightOf="@id/mWheelPicker_1"
  app:layout_constraintRight_toRightOf="parent"
  app:layout_constraintTop_toTopOf="@id/mWheelPicker_1"
  app:wheel_atmospheric="true"
  app:wheel_curtain_color="#1886F7"
  app:wheel_curved="true"
  app:wheel_cyclic="true"
  app:wheel_indicator_color="#e5e5e5"
  app:wheel_indicator_size="24sp"
  app:wheel_item_text_color="#919191"
  app:wheel_item_text_size="23sp"
  app:wheel_selected_item_text_color="#000000" />

</android.support.constraint.ConstraintLayout>

3、添加数据


 List<String> CEOYEAR = new ArrayList<>();
 List<String> CEOMONTH = new ArrayList<>();

 for (int i = 2000; i < 2051; i++) {
     CEOYEAR.add(i + "");
  }

 for (int i = 1; i < 13; i++) {
  CEOMONTH.add(i + "");
 }

4、设置选择器弹出框


 
 private void showTwoWheelPicker(Context context, final List<String> data1, final List<String> data2, final TwoWheelListener mTwoWheelListener) {

  final Dialog dialog = getDialog(context);
  Window window = dialog.getWindow();
  window.setGravity(Gravity.BOTTOM);
  window.setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
  window.setContentView(R.layout.fragment_sami);

  final WheelPicker wv1 = window.findViewById(R.id.mWheelPicker_1);
  final WheelPicker wv2 = window.findViewById(R.id.mWheelPicker_2);

  wv1.setData(data1);
  wv2.setData(data2);

  //取消
  window.findViewById(R.id.cancel).setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    dialog.dismiss();
   }
  });

  //确定
  window.findViewById(R.id.ok).setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    dialog.dismiss();

    if (mTwoWheelListener != null) {
     mTwoWheelListener.onOk(data1.get(wv1.getCurrentItemPosition()), data2.get(wv2.getCurrentItemPosition()));
    }
   }
  });
 }

 private Dialog getDialog(Context context) {

  return new AlertDialog.Builder(context, R.style.RoundCornerDialog).setCancelable(false).show();
 }

 private TwoWheelListener mTwoWheelListener = null;

 public static interface TwoWheelListener {
  void onOk(String str1, String str2);
 }

5、设置弹出框dialog样式


 <!--圆角的dialog样式-->
 <style name="RoundCornerDialog" parent="@android:style/Theme.Dialog">
  <item name="android:windowFrame">@null</item>
  <item name="android:windowIsFloating">true</item>
  <item name="android:windowIsTranslucent">true</item>
  <item name="android:windowNoTitle">true</item>
  <item name="android:background">@android:color/transparent</item>
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:backgroundDimEnabled">true</item>
  <item name="android:backgroundDimAmount">0.6</item>
</style>

6、设置点击事件弹出


 findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    showTwoWheelPicker(AppBarLayoutActivity.this, CEOYEAR, CEOMONTH, new TwoWheelListener() {
     @Override
     public void onOk(String str1, String str2) {
      Toast.makeText(AppBarLayoutActivity.this, str1 + "年" + str2 + "日", Toast.LENGTH_SHORT).show();
     }
    });
   }
  });

四、总结

这个第三方库我这里只是做了简单的介绍,还有更多需求的还是去阅读第三方库。

第三方库地址:

https://GitHub.com/AigeStudio/WheelPicker

到这里就结束啦。

以上就是Android如何实现年月选择器功能的详细内容,更多关于Android实现年月选择器功能的资料请关注编程网其它相关文章!

--结束END--

本文标题: Android如何实现年月选择器功能

本文链接: https://www.lsjlt.com/news/122303.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android如何实现年月选择器功能
    目录一、效果图二、实现步骤:1、依赖库2、xml布局文件3、添加数据4、设置选择器弹出框5、设置弹出框dialog样式6、设置点击事件弹出四、总结开发过程中,年月的选择功能还是比较常...
    99+
    2024-04-02
  • Android怎么实现年月选择器功能
    这篇文章给大家分享的是有关Android怎么实现年月选择器功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、效果图二、实现步骤:1、依赖库implementation 'cn.aigestu...
    99+
    2023-06-14
  • ElementUI年份范围选择器功能实现
    目录ElementUI 年份范围选择器实现效果依赖组件代码调用组件代码总结ElementUI 年份范围选择器 Element的日期选择器组件没有提供选择年份范围的功能。由于项目需要,...
    99+
    2023-02-10
    elementui日期选择器范围 element选择年度范围 element日期选择器
  • Javascript如何实现元素选择器功能
    本篇内容介绍了“Javascript如何实现元素选择器功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!什么是元素选择器?用过jquery的...
    99+
    2023-07-02
  • Android实现从相册选择照片功能
    本文实例为大家分享了Android实现从相册选择照片功能的具体代码,供大家参考,具体内容如下 之前在 《Android开发之裁剪照片》一文中介绍过,如何从相册选取照片和拍摄照片并进行...
    99+
    2024-04-02
  • Android 照片选择区域功能实现示例
    实现 Android 的照片选择区域功能 主要有参考 pqpo/SmartCropper 1, 显示 显示四条边和八个点, 八个点: 4 个角和 4 条边的中点 Point...
    99+
    2024-04-02
  • 如何利用Android组件实现一个列表选择框功能
    如何利用Android组件实现一个列表选择框功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。android提供的列表选择框(Spinner)相当于web端用户...
    99+
    2023-05-31
    android roi
  • Javascript实现元素选择器功能
    本文实例为大家分享了Javascript实现元素选择器功能的具体代码,供大家参考,具体内容如下 什么是元素选择器? 用过jquery的开发者都知道,jquery封装了对元素的查找功能...
    99+
    2024-04-02
  • Android PicSelector图片选择器小功能
    本文实例为大家分享了Android实现图片选择器小功能的具体代码,供大家参考,具体内容如下 效果预览 实现 需要用到的库 compile 'com.squareup.picas...
    99+
    2024-04-02
  • android中怎么实现长按选择文字功能
    android中怎么实现长按选择文字功能,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.实现原理原理其实也不难,简单总结就是:绘制文字时把显示的文字的坐标记录下来(记录文...
    99+
    2023-05-31
    android
  • android筛选功能怎么实现
    要实现Android筛选功能,可以按照以下步骤进行: 创建一个包含所有筛选选项的界面,可以是一个弹出窗口、抽屉式菜单或者单独的筛...
    99+
    2024-03-01
    android
  • JS如何仿JQuery选择器功能
    小编给大家分享一下JS如何仿JQuery选择器功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!JQuery作为应用最广的JS库...
    99+
    2024-04-02
  • Android如何实现拼多多地址选择器
    这篇文章主要介绍了Android如何实现拼多多地址选择器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Android是什么Android是一种基于Linux内核的自由及开放源...
    99+
    2023-06-15
  • 怎么在Android中实现一个双重选择框功能
    这期内容当中小编将会给大家带来有关怎么在Android中实现一个双重选择框功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。原理:定义四个RadioGroup,通过第一个RadioGroup的选择来控制其...
    99+
    2023-05-30
    android
  • 小程序如何实现商品属性选择或规格选择功能
    本篇内容主要讲解“小程序如何实现商品属性选择或规格选择功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序如何实现商品属性选择或规格选择功能”吧!如下实现效果wxml<view&nbs...
    99+
    2023-06-14
  • vue如何实现地区选择器v-distpicker的常用功能
    这篇文章将为大家详细讲解有关vue如何实现地区选择器v-distpicker的常用功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.引入插件(截图官网并解释)2.使用...
    99+
    2024-04-02
  • android如何实现男女按钮选择
    要实现男女按钮选择,可以使用RadioGroup和RadioButton来实现。首先,在布局文件中,可以使用RadioGroup来包...
    99+
    2023-08-08
    android
  • JavaScript如何实现年份轮播选择效果
    这篇文章主要讲解了“JavaScript如何实现年份轮播选择效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript如何实现年份轮播选择效果”吧!前言用 js 实现一个年份轮换...
    99+
    2023-06-27
  • jquery如何实现省市区联动的选择功能
    本篇内容主要讲解“jquery如何实现省市区联动的选择功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何实现省市区联动的选择功能”吧!一、需求分析需要三个下拉框,分别代表省、市、...
    99+
    2023-07-06
  • android登录功能如何实现
    Android登录功能可以通过以下步骤实现:1. 创建登录界面:创建一个登录界面的布局文件,包括用户名和密码输入框、登录按钮等组件。...
    99+
    2023-08-09
    android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作