Android學習筆記---使用TimePickerDialog打造時間選擇器
今天看到一個新的控制元件,覺得不錯 日後肯定會有大用,於是先記錄下來
一個時間選擇器,上張圖吧
那具體是怎麼實現的呢?
首先在bulie.gradle中依賴compile 'com.jzxiang.pickerview:TimePickerDialog:0.9.2'
我們下來看程式碼
先來看下佈局程式碼
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:orientation="vertical" tools:context="baidutu.ht.sks.timepicde.MainActivity"> <Button android:id="@+id/button1" android:text="顯示年月日時分" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/button2" android:text="顯示年月日" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/button3" android:text="顯示時分" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/button4" android:text="顯示月日時分" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/button5" android:text="顯示年月" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
Mainactivity.java
package baidutu.ht.sks.timepicde; import android.net.Uri; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; import com.google.android.gms.appindexing.Action; import com.google.android.gms.appindexing.AppIndex; import com.google.android.gms.appindexing.Thing; import com.google.android.gms.common.api.GoogleApiClient; import com.jzxiang.pickerview.TimePickerDialog; import com.jzxiang.pickerview.data.Type; import com.jzxiang.pickerview.listener.OnDateSetListener; import java.text.SimpleDateFormat; import java.util.Date; import static android.icu.lang.UCharacter.GraphemeClusterBreak.T; public class MainActivity extends AppCompatActivity implements OnDateSetListener, View.OnClickListener { private Button button1, button2, button3, button4, button5; private SimpleDateFormat sf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); private TimePickerDialog pickerdialog; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initview(); } /** * 設定樣式 */ private void intiTimeDialog(Type claa) { pickerdialog = new TimePickerDialog.Builder() //設定型別 .setType(claa) //設定選擇時間監聽回撥 .setCallBack(this) //設定標題 .setTitleStringId("請選擇時間") //設定時間 .setSelectorMillseconds(System.currentTimeMillis()) //設定顏色 .setThemeColor(getResources().getColor(R.color.colorAccent)) //設定 字型大小 .setWheelItemTextSize(15) //完畢 .build(); pickerdialog.show(getSupportFragmentManager(),"abc"); } /* 初始化元件 */ private void initview() { button1 = (Button) findViewById(R.id.button1); button2 = (Button) findViewById(R.id.button2); button3 = (Button) findViewById(R.id.button3); button4 = (Button) findViewById(R.id.button4); button5 = (Button) findViewById(R.id.button5); button5.setOnClickListener(this); button4.setOnClickListener(this); button3.setOnClickListener(this); button2.setOnClickListener(this); button1.setOnClickListener(this); } @Override public void onDateSet(TimePickerDialog timePickerView, long millseconds) { Toast.makeText(this, "你選擇的時間:"+getDateToString(millseconds), Toast.LENGTH_SHORT).show(); } //Android時間選擇器,支援年月日時分,年月日,年月,月日時分,時分格式,可以設定最小時間(精確到分) public String getDateToString(long time) { Date d = new Date(time); return sf.format(d); } @Override public void onClick(View v) { switch (v.getId()){ case R.id.button1: intiTimeDialog(Type.ALL); break; case R.id.button2: intiTimeDialog(Type.YEAR_MONTH_DAY); break; case R.id.button3: intiTimeDialog(Type.HOURS_MINS); break; case R.id.button4: intiTimeDialog(Type.MONTH_DAY_HOUR_MIN); break; case R.id.button5: intiTimeDialog(Type.YEAR_MONTH); break; } } }
相關文章
- css樣式選擇器學習筆記CSS筆記
- 4月10日學習筆記——jQuery選擇器筆記jQuery
- CSS選擇器筆記CSS筆記
- element-ui 時間選擇器設定時間選擇範圍UI
- 自定義時間選擇器
- 基礎排序(冒泡、選擇、插入)學習筆記排序筆記
- Shell學習筆記_時間計算筆記
- 學習筆記-----一時間函式筆記函式
- 重學前端筆記21-css選擇器前端筆記CSS
- BootStrapDatePicker時間選擇器--TangobootGo
- iOS簡易時間選擇器iOS
- Object C學習筆記17-動態判斷和選擇器Object筆記
- 機器學習-學習筆記(二) --> 模型評估與選擇機器學習筆記模型
- CSS筆記——屬性選擇器CSS筆記
- MySQL定時器EVENT學習筆記MySql定時器筆記
- linux學習筆記之小談時鐘時間,使用者CPU時間,系統CPU時間 .Linux筆記
- 筆記-10.2、HTML-CSS選擇器筆記筆記HTMLCSS
- 資料結構學習筆記-簡單選擇排序資料結構筆記排序
- 重學前端筆記22-css 選擇器機制前端筆記CSS
- css 選擇器及權重筆記CSS筆記
- CSS 小結筆記之選擇器CSS筆記
- Jquery基礎筆記二(選擇器)jQuery筆記
- vue 手寫一個時間選擇器Vue
- less學習三—父選擇器
- JQ選擇器(標籤)學習
- Android學習筆記06——handler的使用Android筆記
- Android學習筆記02——Intent的使用Android筆記Intent
- 直播帶貨原始碼,日期時間選擇器 選擇範圍限制原始碼
- 博學谷 - CSS筆記05 - CSS 的複合選擇器CSS筆記
- 【C#學習筆記】獲得系統時間C#筆記
- Android 學習筆記雜記Android筆記
- 移動端時間選擇器(更新 1.2.0 版本)
- JMeter學習筆記--詳解JMeter定時器JMeter筆記定時器
- jQuery 原始碼學習 (六) 選擇器jQuery原始碼
- CSS3學習----選擇器、字型CSSS3
- Android學習筆記(建立Menu,Intent的使用)Android筆記Intent
- SGI STL學習筆記(1):空間配置器(allocator)筆記
- Android學習筆記·ANRAndroid筆記