1. 程式人生 > >Android元件複習之基本元件05—時鐘元件DigitalClock和AnalogClock

Android元件複習之基本元件05—時鐘元件DigitalClock和AnalogClock

時鐘元件DigitalClock和AnalogClock功能和使用及TextClock。

1、時鐘UI元件是兩個非常簡單的元件,DigitalClock本身就集成了TextView—也就是說它本身就是文字框,只是它裡面顯示的內容是當前時間;AnalogClock則繼承了View元件,它重寫了View的OnDraw方法,它會在View上顯示模擬時鐘。

2、DigitalClock和AnalogClock都會顯示當前時間。不同的是,DigitalClock顯示數字時鐘,可以顯示當前秒數,AnalogClock顯示模擬時鐘,不會顯示當前秒數。

3、關於時間的文字顯示,Android提供了DigitalClock和TextClock。DigitalClock是Android第1版本釋出,功能很簡單,只顯示時間;在Android4.2(對應API Level 17)中,Android新增了TextClock。TextClock的功能更加強大,它不僅能顯示時間,還能顯示日期;而且支援自定義格式。因此,推薦在Android4.2之後都使用TextClock。

  • 效果圖
    這裡寫圖片描述

  • 佈局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <!-- 定義模擬時鐘 -->
    <AnalogClock
        android:layout_width
="wrap_content" android:layout_height="wrap_content"/>
<!-- 定義數字時鐘 --> <TextClock android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="10pt" android:textColor="#f0f" android:format12Hour="yyyy年MM月dd日 H:mma EEEE"
android:drawableEnd="@drawable/ic_launcher" />
<!-- 定義模擬時鐘,並使用自定義錶盤、時針圖片 --> <AnalogClock android:layout_width="wrap_content" android:layout_height="wrap_content" android:dial="@drawable/watch" android:hand_minute="@drawable/hand"/> </LinearLayout>
  • 到這裡先等一下,可能你把xml複製到你們佈局的時候,會出現下圖情況:
    這裡寫圖片描述

  • 只要開啟你的bulid.gradle,把你的最低版本改下就行了,然後clean一下即可。

這裡寫圖片描述

  • 現在看Activity中的引用,其實就引用了這個佈局
import android.app.Activity;
import android.os.Bundle;

/**
 * Created by Administrator on 2016/9/14 0014.
 */
public class ClockTextActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.clock_text);
    }
}

其實這個空間我在開發專案中很少用。這裡就簡單的寫了下。不過特別注意裡面的DigitalClock和TextClock的區別