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

 更新时间:2021年03月24日 11:21:06   作者:龙旋  
这篇文章主要介绍了Android如何实现年月选择器功能,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

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

一、效果图

二、实现步骤:

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、设置选择器弹出框

 /**
  * @desc : 两个滚动器
  **/
 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实现年月选择器功能的资料请关注脚本之家其它相关文章!

相关文章

  • 学习Android Handler消息传递机制

    学习Android Handler消息传递机制

    这篇文章主要为大家详细介绍了Android Handler消息传递机制,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android使用BroadcastReceiver实现手机开机之后显示画面的功能

    Android使用BroadcastReceiver实现手机开机之后显示画面的功能

    这篇文章主要介绍了Android使用BroadcastReceiver实现手机开机之后显示画面的功能,结合实例形式分析了BroadcastReceiver的具体使用技巧及实现开机画面的相关功能代码,需要的朋友可以参考下
    2016-01-01
  • Android 浮动编辑框的具体实现代码

    Android 浮动编辑框的具体实现代码

    本篇文章主要介绍了Android 浮动编辑框的具体实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • android隐式意图激活浏览器的实现方法

    android隐式意图激活浏览器的实现方法

    下面小编就为大家带来一篇android隐式意图激活浏览器的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 仿饿了吗点餐界面ListView联动的实现

    仿饿了吗点餐界面ListView联动的实现

    这篇文章主要介绍了仿饿了吗点餐界面ListView联动的实现的相关资料,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Android Bitmap和Drawable相互转换的简单代码

    Android Bitmap和Drawable相互转换的简单代码

    Android Bitmap和Drawable相互转换的简单代码,需要的朋友可以参考一下
    2013-05-05
  • Android延时操作的三种方法

    Android延时操作的三种方法

    这篇文章主要为大家详细介绍了Android延时操作的三种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • listview 选中高亮显示实现方法

    listview 选中高亮显示实现方法

    当点击左侧ListView后,选中的一行就会一直呈高亮状态显示,图中选中行字的颜色显示为蓝色(注意:是选中行后一直高亮,而不是只是点击时高亮),如果再次点击另外的一行, 则新的那一行就高亮,下面就来实现这个高亮效果的显示
    2012-11-11
  • Android实现随手指移动小球

    Android实现随手指移动小球

    这篇文章主要为大家详细介绍了Android实现随手指移动小球,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • 21天学习android开发教程之XML解析与生成

    21天学习android开发教程之XML解析与生成

    21天学习android开发教程之XML解析与生成,使用SAX来解析XML,在Android里面可以使用SAX和DOM,DOM需要把整个XML文件读入内存再解析,比较消耗内存,而SAX基于事件驱动的处理方式,可以在各节点触发回调函数,需要的朋友可以参考下
    2016-02-02

最新评论