L.O.N.G.F.E.L.l.o.w.: 5月 2010

2010年5月31日星期一

Android 開發 Google Map API - 如何註冊 API Key

Google Map View 官方教學網站…

http://developer.android.com/resources/tutorials/views/hello-mapview.html

這有詳盡的 Android Google API 開發教學~

萬事起頭難，其中提到，必須有一組 API Key 才能註冊成為合法認證的 Google API，才能在 Android 上執行，才可以開始玩。(其實就是 java 憑證)

建立過程如下…

一、在開發的過程中，可以先建立 debug certificate…

http://code.google.com/intl/zh-TW/android/add-ons/google-apis/mapkey.html#getdebugfingerprint

二、按照上面的說明，先找到應用程式存放 debug keystore 的地方，通常放在…

C:\Documents and Settings\<user>\.android\debug.keystore

或可透過裝了 ADT 的 Eclipse 選單 Windows > Prefs > Android > Build 中找到完整路徑。

三、再下達…

keytool -list -alias androiddebugkey -keystore <path_to_debug_keystore>.keystore -storepass android -keypass android

會發生二個問題…

keytool.exe 的位置：在 JAVA JRE 安裝目錄中，例如…

C:\Program Files\Java\jre6\bin
路徑有可能包含空白字元，導致無法在 DOS COMMAND 視窗下達指令，你可以先把 debug.keystore 拷貝到 C:\ 再下達指令…

keytool -list -alias androiddebugkey -keystore c:\debug.keystore -storepass android -keypass android

四、如此便會算出 MD5 碼…

androiddebugkey, 2010/5/15, keyEntry,
認證指紋 (MD5)： 70:02:A3:1F:85:35:D1:A4:3C:1C:D2:12:34:56:78:90

五、有了 MD5 碼就可以到 Android Maps API Key Signup 網頁註冊新的 API Key…

http://code.google.com/intl/zh-TW/android/maps-api-signup.html

六、完成註冊，得到 API Key…

感謝您申請 Android Maps API 金鑰！
您的金鑰為：
0GNWKtyf-6M2YDIU3XIjq-Qgqh0yn1234567890
此金鑰適合所有使用以下指紋憑證所簽署的應用程式：
70:02:A3:1F:85:35:D1:A4:3C:1C:D2:12:34:56:78:90

有了金鑰就可以拿來填到 main.xml 中了。

p.s. 下達 keytool 指令時可以善用 DOS 輸出導向功能 keytool ooo xxx yyy ... zzz > md5.txt , 把輸出導向到一個檔案方便拷貝，以免打錯 MD5 碼。

2010年5月23日星期日

Android EventListener 建立方法

元件常常有很多「event」必預要去「listen」，這時候需要靠 EventListener。

網路上看到的範例大多長的像底下這個樣子…



btn.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

/// TODO

}

});

乍看可能還很難以理解這一小段程式是在作什麼，其實整個意義如同底下這段程式…



btn.setOnClickListener( new clsOnClickListener() );

///---inline class ---///

public class clsOnClickListener implements OnClickListener {

public void onClick(View v) {

/// TODO

}

}

也就是它其實是建立了個新的 class implements 原來的 OnClickListener 來自訂 onClick 事件處理函式。

但難的是在 coding 的時候往往不曉得(或忘了)有哪些事件，有哪些 listener，更別說要寫出上面第一段那樣的程式了。

還好 Eclipse 開發環境很好用，你可以利用它自動產生程式碼的功能，幫你做到這些事。
用說的不好解釋，看段影片說明…

http://www.youtube.com/v/plW4zMxpnBA

這樣就可以減輕腦袋的負荷了~^ ^

Android 動態產生元件

Android 應用程式的開發一般都將 UI 跟 RESOURCES 的部分抽離出來，好方便管理及設計，也因此有一些 XML 檔需要撰寫，主要都是用來描述這些資源。

但若要自己土法練鋼寫動態產生時要怎麼作?



@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

///setContentView(R.layout.main); ///不使用 main.xml 資源



LinearLayout layout = new LinearLayout(this);

this.addContentView(layout, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

layout.setOrientation(LinearLayout.VERTICAL);



Button btn = new Button(this);

btn.SetText("Button");

layout.addView(btn, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));



EditText txt = new EditText(this);

layout.addView(txt, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

}

相對照若用 xml 來描述的話像這樣…



<LinearLayout 

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android="http://schemas.android.com/apk/res/android">

<Button 

android:text="Button" 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" 

</Button>

<EditText 

android:layout_width="fill_parent" 

android:layout_height="wrap_content">

</EditText>

</LinearLayout>

Android 練習-寶石方塊

直接將自己舊的 java 手機程式改成 Android 版本。

http://www.youtube.com/v/bYORe68RixQ

Android TabLayout 使用心得

Android 2.2 SDK 己經出了…
http://developer.android.com/sdk/index.html
最近也在學習，還好之前有 java/javaME 的基礎，還算順利。

Google 官方有提供教學網頁…
http://developer.android.com/resources/index.html
很不錯。

不過其中一個範例 TabLayout 的使用…
http://developer.android.com/resources/tutorials/views/hello-tabwidget.html
這個範例對初學者來講比較複雜。

底下是比較簡單易理解的版本…

HelloTabWidgetNoIcon.java



package com.study.HelloTabWidgetNoIcon;



import android.app.TabActivity;

import android.os.Bundle;

import android.widget.TabHost;



public class HelloTabWidgetNoIcon extends TabActivity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);



TabHost tabHost = getTabHost();  // The activity TabHost

TabHost.TabSpec spec;  // Resusable TabSpec for each tab



// Initialize a TabSpec for each tab and add it to the TabHost

spec = tabHost.newTabSpec("artists").setIndicator("Artists").setContent(R.id.tab0);

tabHost.addTab(spec);



// Do the same for the other tabs

spec = tabHost.newTabSpec("albums").setIndicator("Albums").setContent(R.id.tab1);

tabHost.addTab(spec);



spec = tabHost.newTabSpec("songs").setIndicator("Songs").setContent(R.id.tab2);

tabHost.addTab(spec);



tabHost.setCurrentTab(0);

}

}

main.xml



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

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@android:id/tabhost"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="5dp">

<TabWidget

android:id="@android:id/tabs"

android:layout_width="fill_parent"

android:layout_height="wrap_content" />

<FrameLayout

android:id="@android:id/tabcontent"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="5dp" >



<TextView 

android:text="tab0" 

android:id="@+id/tab0" 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" />

<TextView 

android:text="tab1" 

android:id="@+id/tab1" 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" />

<TextView 

android:text="tab2" 

android:id="@+id/tab2" 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" />



</FrameLayout>

</LinearLayout>

</TabHost>

對照一下 HelloTabWidgetNoIcon.java 及 main.xml 就可以了解程式碼跟 layout 間的對應關係了(tab0,tab1,tab2)。

跟官方的範例不同的地方在於，官方的還多加了…
一、Tab 的小圖示( ic_tab_artists.xml, ic_tab_albums.xml, ic_tab_songs.xml 及圖片 )
二、動態的 Tab View ( ArtistsActivity.java, AlbumsActivity.java, SongsActivity.java )
所以才比較複雜並且要多撰寫一些 xml 碼。

不過，若真的要用在手機上，當然還是用圖示比較吸引人嘍。

2010年5月2日星期日

申請使用GoogleApps免費服務記錄

Google Apps 是 GOOGLE 提供的一項很好用的服務，提供免費的網頁、EMAIL服務…，一些小公司、小企業、社群團體都應該考慮使用這項免費的服務，其中EMAIL服務算是最重要的，有了這個，你再也不用自己架設、管理MAIL伺服器，可以節省一大筆開銷又能同時獲得很穩定的EMAIL服務(己使用二年的經驗來看算是非常穩定的)

你需要…
一個有效的網域名稱 ( 可以申請免費服務 )
一台DNS伺服器 ( 可以申請免費服務 )
一台網頁伺服器 ( 驗證用，透過其它驗證方式，可以省掉不用 )

換句話說，你完全不需要準備任何伺服器，就可以完成 GOOGLE APPS 服務的申請。

底下是簡單的申請步驟抓圖記錄

到申請首頁輸入你的網域名稱(透過購買或從網路上申請免費網域名稱)