Android  CalendarView,DatePicker,TimePicker,以及NumberPicker的使用

发布时间 - 2026-01-10 22:07:06    点击率:

Android  CalendarView,DatePicker,TimePicker,以及NumberPicker的使用

简单复习下基础UI组件,做个简单的总结,Android的这些组件封装的特别好,基本套上就能使用,当然,这个减轻了开发者的负担!不过如果想要深入研究,这里面还是有很大的空间值得深度分析!简单的几个例子!仅供参考:

不多说,先上效果图:

CalendarView

ChooseView

NumberPicker

CalendarView代码区 :

main.xml代码区:CalendarView组件的使用加上一些简单的属性即可!

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="选择您的生日:"/>
  <!-- 设置以星期二作为每周第一天
  设置该组件总共显示4个星期
  并对该组件的日期时间进行了定制 -->
  <CalendarView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:firstDayOfWeek="3"
    android:shownWeekCount="4"
    android:selectedWeekBackgroundColor="#aff"
    android:focusedMonthDateColor="#f00"
    android:weekSeparatorLineColor="#ff0"
    android:unfocusedMonthDateColor="#f9f"
    android:id="@+id/calendarView" />
</LinearLayout>

Activity区代码:

public class MainActivity extends Activity
{
  CalendarView cv;
  @Override
  protected void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    cv = (CalendarView)findViewById(R.id.calendarView);
    // 为CalendarView组件的日期改变事件添加事件监听器
    cv.setOnDateChangeListener(new OnDateChangeListener()
    {
      @Override
      public void onSelectedDayChange(CalendarView view, int year,
        int month, int dayOfMonth)
      {
        // 使用Toast显示用户选择的日期
        Toast.makeText(MainActivity.this,
            "你生日是" + year + "年" + month + "月"
                + dayOfMonth + "日",
            Toast.LENGTH_SHORT).show();
      }
    });
  }
}

DatePicker,TimePicker,结合Calerdar的使用,可以供用户选择日期时使用:

代码区:

main.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="选择购买本书的具体时间"/>
  <!-- 定义一个DatePicker组件 -->
  <DatePicker android:id="@+id/datePicker"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_gravity="center_horizontal"
    android:startYear="2000"
    android:endYear="2016"
    android:calendarViewShown="true"
    android:spinnersShown="true"/>
  <!-- 定义一个TimePicker组件 -->
  <TimePicker android:id="@+id/timePicker"
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_gravity="center_horizontal"/>
  <!-- 显示用户输入日期、时间的控件 -->
  <EditText android:id="@+id/show"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:editable="false"
    android:cursorVisible="false"/>
</LinearLayout>

Activity代码:

public class MainActivity extends Activity
{
  // 定义5个记录当前时间的变量
  private int year;
  private int month;
  private int day;
  private int hour;
  private int minute;
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    DatePicker datePicker = (DatePicker)
        findViewById(R.id.datePicker);
    TimePicker timePicker = (TimePicker)
        findViewById(R.id.timePicker);
    // 获取当前的年、月、日、小时、分钟
    Calendar c = Calendar.getInstance();
    year = c.get(Calendar.YEAR);
    month = c.get(Calendar.MONTH);
    day = c.get(Calendar.DAY_OF_MONTH);
    hour = c.get(Calendar.HOUR);
    minute = c.get(Calendar.MINUTE);
    // 初始化DatePicker组件,初始化时指定监听器
    datePicker.init(year, month, day, new OnDateChangedListener()
    {
      @Override
      public void onDateChanged(DatePicker arg0, int year
          , int month, int day)
      {
        MainActivity.this.year = year;
        MainActivity.this.month = month;
        MainActivity.this.day = day;
        // 显示当前日期、时间
        showDate(year, month, day, hour, minute);
      }
    });
    timePicker.setEnabled(true);
    // 为TimePicker指定监听器
    timePicker.setOnTimeChangedListener(new OnTimeChangedListener()
    {
      @Override
      public void onTimeChanged(TimePicker view
          , int hourOfDay, int minute)
      {
        MainActivity.this.hour = hourOfDay;
        MainActivity.this.minute = minute;
        // 显示当前日期、时间
        showDate(year, month, day, hour, minute);
      }
    });
  }
  // 定义在EditText中显示当前日期、时间的方法
  private void showDate(int year, int month
      , int day, int hour, int minute)
  {
    EditText show = (EditText) findViewById(R.id.show);
    show.setText("您的购买日期为:" + year + "年"
        + (month + 1) + "月" + day + "日 "
        + hour + "时" + minute + "分");
  }
}

NumberPicker主要使用在给用户提供数字选择时使用。

main.xml代码:

<TableLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
  <TableRow
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
      android:text="选择低价:"
      android:layout_width="120dp"
      android:layout_height="wrap_content" />
    <NumberPicker
      android:id="@+id/np1"
      android:layout_width="match_parent"
      android:layout_height="80dp"
      android:focusable="true"
      android:focusableInTouchMode="true" />
  </TableRow>
  <TableRow
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
      android:text="选择高价:"
      android:layout_width="120dp"
      android:layout_height="wrap_content" />
    <NumberPicker
      android:id="@+id/np2"
      android:layout_width="match_parent"
      android:layout_height="80dp"
      android:focusable="true"
      android:focusableInTouchMode="true" />
  </TableRow>
</TableLayout>

Activity代码:

public class MainActivity extends Activity
{
  NumberPicker np1, np2;
  // 定义最低价格、最高价格的初始值
  int minPrice = 25, maxPrice = 75;
  @Override
  protected void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    np1 = (NumberPicker) findViewById(R.id.np1);
    // 设置np1的最小值和最大值
    np1.setMinValue(10);
    np1.setMaxValue(50);
    // 设置np1的当前值
    np1.setValue(minPrice);
    np1.setOnValueChangedListener(new OnValueChangeListener()
    {
      // 当NumberPicker的值发生改变时,将会激发该方法
      @Override
      public void onValueChange(NumberPicker picker,
        int oldVal, int newVal)
      {
        minPrice = newVal;
        showSelectedPrice();
      }
    });
    np2 = (NumberPicker) findViewById(R.id.np2);
    // 设置np2的最小值和最大值
    np2.setMinValue(60);
    np2.setMaxValue(100);
    // 设置np2的当前值
    np2.setValue(maxPrice);
    np2.setOnValueChangedListener(new OnValueChangeListener()
    {
      // 当NumberPicker的值发生改变时,将会激发该方法
      @Override
      public void onValueChange(NumberPicker picker, int oldVal,
                   int newVal)
      {
        maxPrice = newVal;
        showSelectedPrice();
      }
    });
  }
  private void showSelectedPrice()
  {
    Toast.makeText(this, "您选择最低价格为:" + minPrice
        + ",最高价格为:" + maxPrice, Toast.LENGTH_SHORT)
        .show();
  }
}

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# Android  # CalendarView  # DatePicker  # TimePicker  # NumberPicker实例详解  # NumberPicker  # Android开发之DatePicker和TimePicker实现选择日期时间功能示例  # Android开发之DatePickerDialog、TimePickerDialog时间日期对话框  # Android之日期时间选择控件DatePicker和TimePicker实例  # Android TimePicker 直接输入的问题解决方案  # Android编程之DatePicker和TimePicke简单时间监听用法分析  # Android时间对话框TimePickerDialog详解  # Android开发之TimePicker控件用法实例详解  # android中DatePicker和TimePicker的使用方法详解  # Android日历控件PickTime代码实例  # 您的  # 将会  # 最小值  # 几个  # 本书  # 是有  # 就能  # 希望能  # 做个  # 并对  # 用户提供  # 谢谢大家  # 多说  # 这里面  # 以供  # 进行了  # 套上  # 仅供参考  # 减轻了  # Activity 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何基于云服务器快速搭建个人网站?  用yum安装MySQLdb模块的步骤方法  网站制作大概多少钱一个,做一个平台网站大概多少钱?  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  Laravel怎么调用外部API_Laravel Http Client客户端使用  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  Laravel如何自定义分页视图?(Pagination示例)  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  如何在阿里云ECS服务器部署织梦CMS网站?  开心动漫网站制作软件下载,十分开心动画为何停播?  如何快速搭建高效WAP手机网站?  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  如何在腾讯云服务器快速搭建个人网站?  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  清除minerd进程的简单方法  Laravel如何使用Telescope进行调试?(安装和使用教程)  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  如何在Windows虚拟主机上快速搭建网站?  深圳网站制作培训,深圳哪些招聘网站比较好?  如何续费美橙建站之星域名及服务?  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  Java解压缩zip - 解压缩多个文件或文件夹实例  Laravel如何使用Eloquent进行子查询  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  IOS倒计时设置UIButton标题title的抖动问题  javascript读取文本节点方法小结  如何快速打造个性化非模板自助建站?  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  Laravel如何发送系统通知?(Notification渠道示例)  logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  如何快速生成可下载的建站源码工具?  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  零服务器AI建站解决方案:快速部署与云端平台低成本实践  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  青岛网站建设如何选择本地服务器?  Laravel如何记录自定义日志?(Log频道配置)  如何快速上传建站程序避免常见错误?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  微信小程序 配置文件详细介绍  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全