使用布局檔案自定義Android元件


下面的範例演示如何定義一個簡單的Android客製化元件,如何在裡面活動程式碼範例化,而無需使用布局檔案和程式碼。

步驟 描述
1 使用Android Studio建立一個Android應用程式,並將它命名為:DateViewDemounder2
2 建立 src/DateView.java 檔案,並新增定義你的自定義元件的程式碼。這將擴充套件TextView並擁有更多的功能,顯示當前的日期
3 修改 res/layout/activity_main.xml 檔案,並新增程式碼以及一些預設的屬性建立DateView範例
4 執行該應用程式啟動Android模擬器並驗證應用程式所做的修改結果。

以下是新的檔案 src/com.yiibai.dateviewdemo/DateView.java 內容,這將有附加功能以顯示當前日期:

package com.yiibai.dateviewdemo;

import java.text.SimpleDateFormat;
import java.util.Calendar;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;

public class DateView extends TextView {
   public DateView(Context context) {
      super(context);
      setDate();
   }

   public DateView(Context context, AttributeSet attrs) {
      super(context, attrs);
      setDate();
   }

   public DateView(Context context, AttributeSet attrs, int defStyle) {
      super(context, attrs, defStyle);
      setDate();
   }

   private void setDate() {
      SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd");
      String today = dateFormat.format(Calendar.getInstance().getTime());
      setText(today);  // self = DateView is a subclass of TextView
   }

}

下面是修改後的主活動檔案 src/com.yiibai.dateviewdemo/MainActivity.java 的內容。該檔案可以包含每一個生命週期的基本方法。

package com.example.dateviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

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

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the 
        // action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

下面是 res/layout/activity_main.xml 檔案的內容: 

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
    

    <com.yiibai.dateviewdemo.DateView
     android:layout_width="match_parent"
     android:layout_height="wrap_content" 
     android:textColor="#fff"
     android:textSize="40sp"
     android:background="#000"
     />

</RelativeLayout>

以下將是  res/values/strings.xml  中定義兩個新常數的內容:

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">DateViewDemo</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
   
</resources>

以下是預設 AndroidManifest.xml 的內容:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.yiibai.guidemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.yiibai.guidemo.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

讓我們試著執行 DateViewDemo2 應用程式。安裝程式在你的AVD並啟動它,如果設定和應用程式都沒有問題,它會顯示以下模擬器視窗:



以上程式碼下載地址:http://pan.baidu.com/s/1ntLupwH