欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-02-22 21:08:46
android  calendarview,datepicker,timepicker,以及numberpicker的使用 简单复习下基础ui组件,做个简单的总...

android  calendarview,datepicker,timepicker,以及numberpicker的使用

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

不多说,先上效果图:

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

calendarview

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

chooseview

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

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

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