Android零基礎入門第59節:AnalogClock、DigitalClock和TextClock時鐘元件

NO IMAGE

   在前面一期,我們學習了DatePicker和TimePicker,在實際開發中其不能完全滿足我們對時間和日期的處理。

    如果只是想要顯示時間,而不需要使用者修改,就可以使用DigitalClock和AnalogClock時鐘元件,這2個元件非常有用,使用起來也非常簡單,其值可以隨時間自動更新。

 

 

一、AnalogClock

 

    首先來一起學習AnalogClock元件。AnalogClock繼承的是View,實際開發中可重寫OnDraw方法。

    AnalogClock的XML有3個屬性,分別如下:

android:dial:模擬時鐘的表背景。

android:hand_hour:模擬時鐘的表時針。

android:hand_minute:模擬時鐘的表分針。

    可以使用系統預設的,也可以自定義圖片資源。

 

    接下來通過一個簡單的示例程式來學習AnalogClock的使用。

    繼續使用WidgetSample工程的advancedviewsample模組,首先下載一張錶盤圖片放在drawable目錄,然後在app/main/res/layout/目錄下建立analogclock_layout.xml檔案,在其中填充如下程式碼片段:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<AnalogClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:dial="@drawable/dial"
android:layout_centerHorizontal="true"/>
</RelativeLayout>

    修改MainActivity裡面的程式碼,載入上述定義的佈局檔案,然後執行程式,可以看到下圖所示介面效果。

 

 

二、DigitalClock

 

    AnalogClock是一個錶盤格式的模擬時鐘,而DigitalClock為數字時鐘。DigitalClock繼承的是TextView,它本身是一個文字框。

    接下來通過一個簡單的示例程式來學習DigitalClock的使用。

    仍然使用WidgetSample工程的advancedviewsample模組,在app/main/res/layout/目錄下建立digitalclock_layout.xml檔案,在其中填充如下程式碼片段:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<DigitalClock
android:id="@ id/digitalClock"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:textColor="#ff0000"
android:textSize="30sp" />
</RelativeLayout>

    修改MainActivity裡面的程式碼,載入上述定義的佈局檔案,然後執行程式,可以看到下圖所示介面效果。

 

 

三、TextClock

 

    DigitalClock從API 17開始就已經過時了,建議使用新元件TextClock。TextClock的功能更加強大,它不僅能顯示時間,還能顯示日期;而且支援自定義格式。

    TextClock提供了兩種不同的格式,一種是在24進位制中顯示時間和日期,另一種是在12進位制中顯示時間和日期。

    TextClock主要有以下幾個XML屬性:

android:format12Hour:設定12時制的格式

android:format24Hour:設定24時制的格式

android:timeZone:設定時區。

    TextClock的主要方法有:

getFormat12Hour():在12進位制模式中返回時間模式。

getFormat24Hour():在24進位制模式中返回時間模式。

getTimeZone():返回正在使用的時區。

is24HourModeEnabled():檢測系統當前是否使用24進位制。

setFormat24Hour(CharSequence format):設定24時制的格式。

setFormat12Hour(CharSequence format):設定12時制的格式。

setTimeZone(String timeZone):設定時區。

    接下來通過一個簡單的示例程式來學習TextClock的使用。

    仍然使用WidgetSample工程的advancedviewsample模組,在app/main/res/layout/目錄下建立textclock_layout.xml檔案,在其中填充如下程式碼片段:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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" >
<TextClock
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_centerHorizontal="true"
android:gravity="center_horizontal"
android:format24Hour="yyyy年MM月dd EE\naa HH:mm:ss"
android:format12Hour="yyyy年MM月dd EE\naa hh:mm:ss"
android:textStyle="normal"
android:fontFamily="sans-serif-light"
android:textSize="26sp"
tools:targetApi="jelly_bean_mr1"/>
</RelativeLayout>

   其中format同Java裡面學習的SimpleDateFormat類一樣。android:fontFamily=”sans-serif-light”用於設定安卓字型。

    修改MainActivity裡面的程式碼,載入上述定義的佈局檔案,然後執行程式,可以看到下圖所示介面效果。

 

    今天就先到這裡,如果有問題歡迎留言一起探討,也歡迎加入Android零基礎入門技術討論微信群,共同成長!

   此文章版權為微信公眾號分享達人秀(ShareExpert)——鑫鱻所有,若需轉載請聯絡作者授權,特此宣告!

 

往期總結分享:

Android零基礎入門第1節:Android的前世今生

Android零基礎入門第2節:Android 系統架構和應用元件那些事

Android零基礎入門第3節:帶你一起來聊一聊Android開發環境

Android零基礎入門第4節:正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節:善用ADT Bundle, 輕鬆邂逅女神

Android零基礎入門第6節:配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節:搞定Android模擬器,開啟甜蜜之旅

Android零基礎入門第8節:HelloWorld,我的第一趟旅程出發點

Android零基礎入門第9節:Android應用實戰,不懂程式碼也可以開發

Android零基礎入門第10節:開發IDE大升級,終於迎來了Android Studio

Android零基礎入門第11節:簡單幾步帶你飛,執行Android Studio工程

Android零基礎入門第12節:熟悉Android Studio介面,開始裝逼賣萌

Android零基礎入門第13節:Android Studio配置優化,打造開發利器

Android零基礎入門第14節:使用高速Genymotion,跨入火箭時代

Android零基礎入門第15節:掌握Android Studio專案結構,揚帆起航

Android零基礎入門第16節:Android使用者介面開發概述

Android零基礎入門第17節:文字框TextView

Android零基礎入門第18節:輸入框EditText

Android零基礎入門第19節:按鈕Button

Android零基礎入門第20節:核取方塊CheckBox和單選按鈕RadioButton

Android零基礎入門第21節:開關元件ToggleButton和Switch

Android零基礎入門第22節:影象檢視ImageView

Android零基礎入門第23節:影象按鈕ImageButton和縮放按鈕ZoomButton

Android零基礎入門第24節:自定義View簡單使用,打造屬於你的控制元件

Android零基礎入門第25節:簡單且最常用的LinearLayout線性佈局

Android零基礎入門第26節:兩種對齊方式,layout_gravity和gravity大不同

Android零基礎入門第27節:正確使用padding和margin

Android零基礎入門第28節:輕鬆掌握RelativeLayout相對佈局

Android零基礎入門第29節:善用TableLayout表格佈局

Android零基礎入門第30節:兩分鐘掌握FrameLayout幀佈局

Android零基礎入門第31節:少用的AbsoluteLayout絕對佈局

Android零基礎入門第32節:新推出的GridLayout網格佈局

Android零基礎入門第33節:Android事件處理概述

Android零基礎入門第34節:Android中基於監聽的事件處理

Android零基礎入門第35節:Android中基於回撥的事件處理

Android零基礎入門第36節:Android系統事件的處理

Android零基礎入門第37節:初識ListView

Android零基礎入門第38節:初識Adapter

Android零基礎入門第39節:ListActivity和自定義列表項

Android零基礎入門第40節:自定義ArrayAdapter

Android零基礎入門第41節:使用SimpleAdapter

Android零基礎入門第42節:自定義BaseAdapter

Android零基礎入門第43節:ListView優化和列表首尾使用

Android零基礎入門第44節:ListView資料動態更新

Android零基礎入門第45節:網格檢視GridView

Android零基礎入門第46節:列表選項框Spinner

Android零基礎入門第47節:自動完成文字框AutoCompleteTextView

Android零基礎入門第48節:可摺疊列表ExpandableListView

Android零基礎入門第49節:AdapterViewFlipper圖片輪播

Android零基礎入門第50節:StackView卡片堆疊

Android零基礎入門第51節:進度條ProgressBar

Android零基礎入門第52節:自定義ProgressBar炫酷進度條

Android零基礎入門第53節:拖動條SeekBar和星級評分條RatingBar

Android零基礎入門第54節:檢視切換元件ViewSwitcher

Android零基礎入門第55節:ImageSwitcher和TextSwitcher

Android零基礎入門第56節:翻轉檢視ViewFlipper

Android零基礎入門第57節:DatePicker和TimePicker選擇器

Android零基礎入門第58節:數值選擇器NumberPicker