2.4.2 Date & Time組件(上)

本節引言：

本節給大家帶來的是Android給我們提供的顯示時間的幾個控件，他們分別是： TextClock，AnalogClock，Chronometer，另外其實還有個過時的DigitalClock就不講解了！ 好的，開始本節內容！

---

1.TextClock(文本時鐘)

TextClock是在Android 4.2(API 17)後推出的用來替代DigitalClock的一個控件！
TextClock可以以字符串格式顯示當前的日期和時間，因此推薦在Android 4.2以後使用TextClock。
這個控件推薦在24進制的android系統中使用，TextClock提供了兩種不同的格式， 一種是在24進制中顯示時間和日期，另一種是在12進制中顯示時間和日期。大部分人喜歡默認的設置。

可以通過調用：TextClock提供的is24HourModeEnabled()方法來查看，系統是否在使用24進制時間顯示! 在24進制模式中：

• 如果沒獲取時間，首先通過getFormat24Hour()返回值；
• 獲取失敗則通過getFormat12Hour()獲取返回值；
• 以上都獲取失敗則使用默認；

另外他給我們提供了下面這些方法，對應的還有get方法：

Attribute Name Related Method Description android:format12Hour setFormat12Hour(CharSequence) 設置12時制的格式 android:format24Hour setFormat24Hour(CharSequence) 設置24時制的格式 android:timeZone setTimeZone(String) 設置時區

其實更多的時間我們是花在時間形式定義上，就是裡面這個CharSequence！ 這裡提供下常用的寫法以及結果：

<TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MM/dd/yy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="E, MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="EEEE, MMMM dd, yyyy h:mmaa"/>
    <TextClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:format12Hour="Noteworthy day: 'M/d/yy"/>

運行結果：

PS:另外minsdk 要大於或者等於17哦！

---

2.AnalogClock(模擬時鐘)

就是下圖這種：

官網中我們可以看到這樣三個屬性：

依次是：表背景，表時針，分時針的圖片，我們可以自行定制：

示例代碼如下：

<AnalogClock
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:dial="@mipmap/ic_c_bg"
        android:hand_hour="@mipmap/zhen_shi"
        android:hand_minute="@mipmap/zhen_fen" />

運行結果：

---

3.Chronometer(計時器)

如題，就是一個簡單的計時器，我們直接上使用示例吧：

使用示例：

實現代碼：

布局代碼：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <Chronometer
        android:id="@+id/chronometer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#ff0000"
        android:textSize="60dip" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnStart"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="開始記時" />

        <Button
            android:id="@+id/btnStop"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="停止記時" />

        <Button
            android:id="@+id/btnReset"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="重置" />

        <Button
            android:id="@+id/btn_format"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="格式化" />
    </LinearLayout>

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener,Chronometer.OnChronometerTickListener{

    private Chronometer chronometer;
    private Button btn_start,btn_stop,btn_base,btn_format;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        chronometer = (Chronometer) findViewById(R.id.chronometer);
        btn_start = (Button) findViewById(R.id.btnStart);
        btn_stop = (Button) findViewById(R.id.btnStop);
        btn_base = (Button) findViewById(R.id.btnReset);
        btn_format = (Button) findViewById(R.id.btn_format);

        chronometer.setOnChronometerTickListener(this);
        btn_start.setOnClickListener(this);
        btn_stop.setOnClickListener(this);
        btn_base.setOnClickListener(this);
        btn_format.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btnStart:
                chronometer.start();// 開始計時
                break;
            case R.id.btnStop:
                chronometer.stop();// 停止計時
                break;
            case R.id.btnReset:
                chronometer.setBase(SystemClock.elapsedRealtime());// 復位
                break;
            case R.id.btn_format:
                chronometer.setFormat("Time：%s");// 更改時間顯示格式
                break;
        }
    }

    @Override
    public void onChronometerTick(Chronometer chronometer) {
        String time = chronometer.getText().toString();
        if(time.equals("00:00")){
            Toast.makeText(MainActivity.this,"時間到了~",Toast.LENGTH_SHORT).show();
        }
    }
}

運行截圖：

---

本節小結：

本節跟大家簡單的介紹了TextClock，AnalogClock，Chronometer這三個組件，從篇幅就可以看出 其實這幾個東西用得並不多，幾乎是沒用過...知道下就好，用法也超簡單... 就這樣吧，本節就到這裡~謝謝