milkmidi Blog

Android Back Key

2012-01-09T10:47:00.000+08:00

大家好，我是奶綠茶
在使用 Android 時，有時會不小心按到 Back 鍵而離開應用程式
理想的操作，應該要有個提示讓使用者知道是否要離開。
只要 Override Activity 的 onKeyDown 事件，
加上提示的程式即可
常用的方法有二個，
1. 使用 Toast 提示，在一定的時間內按二次 Back 鍵

private long exitTime = 0;

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if(keyCode == KeyEvent.KEYCODE_BACK
   && event.getAction() == KeyEvent.ACTION_DOWN){
     if((System.currentTimeMillis()-exitTime) > 2000){
         Toast.makeText(getContext(), "再按一次退出程序", Toast.LENGTH_SHORT).show();
         exitTime = System.currentTimeMillis();
  } else {
   finish();
   System.exit(0);
  }
     return true;
    }
 return super.onKeyDown(keyCode, event);
}

2. 使用 AlertDialog ，讓使用者自行決定。

new AlertDialog.Builder( getContext)
.setIcon(R.drawable.icon_info).setTitle("  ")
.setMessage("確定要離開應用程式嗎?")
.setNegativeButton("取消", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {

}
}).setNeutralButton("確定", new OnClickListener() {
 @Override
 public void onClick(DialogInterface dialog, int which) {
  finish();
   System.exit(0);
 }
}).create().show();

轉載請註明出處

java.lang.OutOfMemoryError: bitmap size exceeds VM budget

2012-01-08T22:27:00.002+08:00

大家好，我是奶綠茶
最近在寫 Android 程式時，
一直發生
java.lang.OutOfMemoryError: bitmap size exceeds VM budget
這個問題
後來查了一下，才知道是圖檔太大，超過能使用的記憶體
但透過
BitmapFactory.Options 這個類別就可以決解。

BitmapFactory.Options opts = new BitmapFactory.Options();
opts.inSampleSize = 4;
Bitmap bitmap = BitmapFactory.decodeFile(imageFile, opts);

其中 inSampleSize 的數值，指的是將圖片大小除以 n
重點就要是如何算出正確的數值。
官方文件有提到，該值以 2 的平方為最佳
先準備一張 3000x2000 的圖片，放到 raw 資料夾裡
再沒有使用 inSampleSize 時
直接 decode, 就會發生 OutOfMemory

要算出最佳值，要對圖片 decode 二次
第一次先得到圖片的長、寬，然後再算出 sampleSize ,
第二次再 deocde 得到所需要的圖片
BitmapFactory.Options opt = new BitmapFactory.Options();
opt.inJustDecodeBounds = true; //使用這個屬性, 就只會計算，但不會分配記憶體

Bitmap bitmap = BitmapFactory.decodeResource(res, R.raw.i3000x2000,opt);
trace(opt.outWidth,opt.outHeight);//得到原始圖片長、寬

最佳 sampleSize 算法

轉貼至：http://www.maxhis.info/androiding/bitmap-size-exceed/

 public static int computeSampleSize(BitmapFactory.Options options,int maxNumOfPixels) {
  return computeSampleSize(options,-1 , maxNumOfPixels);
 }
 public static int computeSampleSize(BitmapFactory.Options options,
   int minSideLength, int maxNumOfPixels) {
  int initialSize = computeInitialSampleSize(options, minSideLength,
    maxNumOfPixels);

  int roundedSize;
  if (initialSize <= 8) {
   roundedSize = 1;
   while (roundedSize < initialSize) {
    roundedSize <<= 1;
   }
  } else {
   roundedSize = (initialSize + 7) / 8 * 8;
  }

  return roundedSize;
 }

 private static int computeInitialSampleSize(BitmapFactory.Options options,
   int minSideLength, int maxNumOfPixels) {
  double w = options.outWidth;
  double h = options.outHeight;

  int lowerBound = (maxNumOfPixels == -1) ? 1 : (int) Math.ceil(Math
    .sqrt(w * h / maxNumOfPixels));
  int upperBound = (minSideLength == -1) ? 128 : (int) Math.min(
    Math.floor(w / minSideLength), Math.floor(h / minSideLength));

  if (upperBound < lowerBound) {
   // return the larger one when there is no overlapping zone.
   return lowerBound;
  }

  if ((maxNumOfPixels == -1) && (minSideLength == -1)) {
   return 1;
  } else if (minSideLength == -1) {
   return lowerBound;
  } else {
   return upperBound;
  }
 }

opt.inSampleSize = computeSampleSize(opt,480*800);
opt.inJustDecodeBounds=false;
trace(opt.inSampleSize);
bitmap = BitmapFactory.decodeResource(res, R.raw.i3000x2000,opt);//第二次 decode
完美。

參考文章：
http://www.maxhis.info/androiding/bitmap-size-exceed/
http://julianshen.blogspot.com/2010/08/android-bitmapoutofmemoryerror.html
http://blog.xuite.net/ffc99a3b/ooxx/44391740
http://bluegray-javalearning.blogspot.com/2011/07/android-out-of-memoryoom.html
http://stackoverflow.com/questions/477572/android-strange-out-of-memory-issue

轉載請註明出處

批次快速更改副檔名

2011-11-30T10:36:00.001+08:00

大家好，我是奶綠茶
想要快速的批次更改副檔名，又不想開其他軟體時
可以使用 Windows 的批次檔
開啟 notepad , 輸入： ren *.jad *.java
另存成 xxx.bat, 並 copy 到你想更改的資料夾裡
點擊二下啟動即可。
這句的意思就是把該 .bat 所在的資料夾下,
副檔名為.jad 改成.java
完成

Flash, Android 呼叫 ASP.NET WebService

2011-11-24T18:45:00.001+08:00

大家好，我是奶綠茶
今天來分享如何使用 Flash 及 Android 呼叫 ASP.NET 的 WebService
WebService 的好處, 就是可以把專案所有要用到的方法, 寫在一隻程式裡, 方便日後管理。
傳接的格式, 都使用 JSON
.net 傳 WebService程式

[WebService(Namespace = "http://milkmidi.com/")] //注意這個 Namespace
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
 [System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {
    private static JavaScriptSerializer serializer = new JavaScriptSerializer();
    public WebService () {
    }
   

    [WebMethod]
    public string getArray() {
        return serializer.Serialize(new string[] { "A", "B", "c" });
    }

    [WebMethod]
    public string getObject() {
        var json = new
        {
            RS = "OK"
        };
        return serializer.Serialize(json);
    }

    /// 
    /// Client 端傳 JSON 格式, Server 端解
    ///     
    [WebMethod]
    public string setObject(string json) {
        JsonObject obj = JsonConvert.Import(typeof(JsonObject), json) as JsonObject;
        string name;
        string age;
        try {
            name = obj["name"].ToString();
            age = obj["age"].ToString();
        }
        catch (Exception) {            
            throw;
        }       
        var rs = new
        {
            RS = "OK" ,
            name = name,
            age = age
        };
        return serializer.Serialize(rs);
    }
}

flash端, 使用 FlexSDK 裡的 Webservice 類別
使用方法如下：
service.要呼叫的方法.send( 參數1, 參數2 );

/**
 * @author milkmidi
 */
package  {  
 import com.adobe.serialization.json.JSON;
 import flash.display.Sprite;
 import mx.rpc.events.FaultEvent;
 import mx.rpc.events.ResultEvent;
 import mx.rpc.soap.LoadEvent;
 import mx.rpc.soap.WebService;
 import mx.utils.ObjectUtil;
 public class MXWebService extends Sprite {  
  public var service:WebService = new WebService();
  public function MXWebService()  {   
   service.wsdl = "http://localhost:61490/webService/WebService.asmx?wsdl";
   service.addEventListener(LoadEvent.LOAD, serviceLoadHandler);
   service.loadWSDL();
   
   //getArray();
   //getObject();   
   setObject(  JSON.encode( { name:"milkmidi", age:"30" } ) );
   
   // 使用 
   // service.要呼叫的方法.send( 參數1, 參數2 );
  }  
  
  private function getArray():void {
   service.getArray.addEventListener(ResultEvent.RESULT, resultHandler);
   service.getArray.addEventListener(FaultEvent.FAULT, faultHandler);
   service.getArray.send();
  }
  private function getObject():void {
   service.getObject.addEventListener(ResultEvent.RESULT, resultHandler);
   service.getObject.addEventListener(FaultEvent.FAULT, faultHandler);
   service.getObject.send();
  }
  private function setObject(json:String):void {
   service.setObject.addEventListener(ResultEvent.RESULT, resultHandler);
   service.setObject.addEventListener(FaultEvent.FAULT, faultHandler);
   service.setObject.send(json);
  }
  
  private function faultHandler(e:FaultEvent):void {
   trace(e);
  }
  
  private function resultHandler(e:ResultEvent):void {
   trace(e);
   trace(ObjectUtil.toString(e.result));
  }
  
  private function serviceLoadHandler(e:LoadEvent):void {
   trace(e);
  }  
  
 }
}

Android 端
參考了這二篇的教學
http://composedcrap.blogspot.com/2009/08/connecting-to-net-web-service-from.html
http://blog.yam.com/wewa85/article/32877801

public class SampleCallWebService extends Activity {
 
 // ASP.NET 端, 宣告的 Namespace
 private static final String NAMESPACE = "http://milkmidi.com/";
 
 //　asmx 路徑
 private static final String URL = "http://localhost:61490/webService/WebService.asmx";

 //要呼叫的方法
 private static final String MemberLogin_SOAP_ACTION = NAMESPACE+"setObject";
 private static final String METHOD_NAME2 = "setObject";

 private Button mBtn;
 private TextView mMsgTxt;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  mBtn = (Button) findViewById(R.id.btn);  
  mMsgTxt = (TextView) findViewById(R.id.btn);
 
  mBtn.setOnClickListener(new Button.OnClickListener() {
   public void onClick(View v) {
    try {
     mMsgTxt.setText( doSetObject() );
    } catch (JSONException e) {
     e.printStackTrace();
    }
   }

  });
 }
 public String doSetObject() throws JSONException {
  Log.i("[WebService]", "doSetObject");
  String rs = "";
  
  SoapObject request = new SoapObject(NAMESPACE, METHOD_NAME2);
  JSONObject json = new JSONObject();
  json.put("name", "milkmidi");
  json.put("age", "30");
  request.addProperty("json", json.toString());  

  SoapSerializationEnvelope envelope = new SoapSerializationEnvelope(
    SoapEnvelope.VER11);
  envelope.dotNet = true;
  envelope.setOutputSoapObject(request);
  HttpTransportSE androidHttpTransport = new HttpTransportSE(URL);  
  try {
   androidHttpTransport.call(MemberLogin_SOAP_ACTION, envelope);  
   SoapPrimitive result = (SoapPrimitive) envelope.getResponse();
   rs = result.toString();
  } catch (Exception e) {
   mMsgTxt.setText(e.toString());
  }
  
  JSONObject rsJson = new JSONObject(rs);  
  return rsJson.getString("name")+","+rsJson.getString("age");

 }
}

轉載請註明出處

html5 easel 3D Ball

2011-11-23T10:51:00.001+08:00

大家好，我是奶綠茶
今天來分享關於 html5 的技術
試寫一個簡單的 3D Ball 效果
使用的 html5 Framework, 是 gskinner 大神所開發的 easeljs
為什麼要選這套呢，因為是 gskinner 開發, 就一定是好東西
還有一點是他長的很像 AS3 的寫法, 真的超像的
對 Flash Developer 來說，真的不難，

轉載請註明出處

Java String split

2011-11-22T19:51:00.001+08:00

大家好，我是奶綠茶
在開發程式時，經常會需要用到把一整個字串依某字位拆成一個 Array
在 Java 裡可以使用 String 裡的 split 方法
和 FlashActionScript 用法是一樣的
但有一點點不同之處，
如果你想要 split 的字元是 "." ，就要寫成 "\\."
不然永遠得到的 Array 長度都是 0

public class StringSplit {
  public static void main(String args[]) throws Exception{
    String testString = "Real.How.To";
    // bad
    System.out.println(java.util.Arrays.toString(
        testString.split(".")
    ));
    // output : []

    // good
    System.out.println(java.util.Arrays.toString(
      testString.split("\\.")
    ));
    // output : [Real, How, To]
  }
}

參考文章：http://www.rgagnon.com/javadetails/java-0438.html

Bluestacks 讓 PC 也可以安裝 Android 系統

2011-11-22T10:19:00.001+08:00

大家好，我是奶綠茶
想在 PC 上, 安裝 Android 系統, 之前需要用 VM 的方式來安裝，
現在有更好的選擇了：BlueStacks
http://bluestacks.com
先到官網下載安裝程式，然後下一步下一步，下一步即可
完成後, 啟動應用程式

啟動畫面

工具列左到右為：
Menu ,
水平、垂直切換,
放大至Screen的大小,
app項單
如何安裝其他的應用程式呢?
首先你要先下載 Android 的安裝程式檔, 副檔名為 .apk
找到路徑
C:\Program Files\BlueStacks\
有個名為 HD-ApkHandler.exe
把你的 apk 檔拉過去，就會開始安裝了

轉載請註明出處

簡易版 3D Banner 效果

2011-11-17T11:40:00.001+08:00

大家好，我是奶綠茶
最近學生問起了一個 3D 的 Banner 效果要如何製作
寫了一個簡單的 Demo, 程式碼也很短，
只用到 TweenMax , 和 FlashPlayer10 的 3D 即可做到

/*
milkmidi.blogspot.com
*/
import com.greensock.TweenMax;
var container:Sprite = new Sprite();
container.x = stage.stageWidth >> 1;
addChild( container );
addEventListener(Event.ENTER_FRAME , enterFrameHandler);


var back:MovieClip = new Back_mc;
back.x = stage.stageWidth >>1;
back.y = 40;
back.visible=false;

addChild( back );

back.addEventListener(MouseEvent.CLICK , function(){
 showBack(false);
});               

(function () {
 for(var i:int = 0 ; i<6 ; i++){
  var _mc:MovieClip = new Item_mc;
  _mc.width = 100;
  _mc.scaleY = _mc.scaleX;
  _mc.x = 110*i - (110*3);
  _mc.y = 40;
  _mc.addEventListener(MouseEvent.ROLL_OVER , itemOverOutHandler);
  _mc.addEventListener(MouseEvent.ROLL_OUT , itemOverOutHandler);
  _mc.addEventListener(MouseEvent.CLICK , itemOverOutHandler);
  _mc.gotoAndStop(i+1);
  container.addChild( _mc );
 }
 function itemOverOutHandler (e:Event) :void{
  switch(e.type){
   case MouseEvent.ROLL_OVER:
    TweenMax.to( e.currentTarget , .5 , {z:-50});
    container.addChild( e.currentTarget as Sprite);
    break;
   case MouseEvent.ROLL_OUT:
    TweenMax.to( e.currentTarget , .5 , {z:0});
    break;
   case MouseEvent.CLICK:
    showBack(true);
    break;
  }
 }

})();

function showBack (pShow:Boolean):void { 
 var _targetV:int = pShow ? 180 : 0;
 var _update:Function;
 var _onComplete:Function;
 if(pShow){
  removeEventListener(Event.ENTER_FRAME , enterFrameHandler);
  _update = function  () {
   if(  container.rotationY > 90 ){
    container.visible = false;
    back.visible = true;
   }
  }
 }else{
  _update = function  () {
   if(  container.rotationY < 90 ){
    container.visible = true;
    back.visible = false;
   }
  }
  _onComplete = function  () {
   addEventListener(Event.ENTER_FRAME , enterFrameHandler);
  }

 }
 TweenMax.to( container , .7 , {
    rotationY:_targetV,
    onUpdate:_update,
    onComplete:_onComplete
    });
 TweenMax.to( back , .7 , { rotationY:_targetV });
}

function enterFrameHandler (e:Event):void {
 var _value:Number = stage.stageWidth*.5 - mouseX;
 _value *= 0.05;
 container.rotationY += (_value - container.rotationY)/10;
}

SourceCodeDownload

Flash is Dead?

2011-11-11T11:08:00.001+08:00

最近 Adobe 公佈了一項重要訊息
將不再更新行動裝置上的 Flash Player Plugin
所以 Flash 以死, 我將失業(誤)
其實也沒那麼嚴重, 只是將重心放在 Apps for Mobile.
其實我覺得在手機、或是平版上, 看用 flash 製作的 PC 版網站, 本來就是一件奇怪的事
因為在設計理念上時, 就已經不一樣, 硬體規格也不同
當初 Jobs 不讓水果版支援 Flash , 這點我也認同, 必竟本來就是二個不同的東西
Flash 失去了跨平台的優勢, 那下一步呢? 還要不要學 Flash ?
來說說我自已的觀點。

把市場切割成桌機(PC , Mac)、行動裝置(IOS, Android)二者
桌機：
以前 Flash 只能單靠 CPU 運算，現在多了硬體加速的支援, 能做到的效果屌太多了
Flash 有個最強大的優勢，就是快速製作 Content 的好工具, 程式也好寫,
在製作 Web 網站時, 還是第一首選。
現在許多的互動裝置, 都可以和 flash 溝通, 在呈現面上, Flash 的優勢還是最好。
(你可以用 Java , C# 去跑動畫試試看, 就知道 Flash 太簡單了)

行動裝置：
因為硬體的關系，不可能跑到像桌機上那麼復雜的效果，
就算今天水果支援了 Flash , 在使用者操作的考量上, 還是要做二個版本
Html5 就變成了唯一的選擇, 好在你會寫 AS3, Html5 的程式對你不會太難,
難在的是不同瀏覽器對 Html5 的支援度完全不同

---------------------我是分隔線之大家好，我是奶綠茶---------------------------

為了要讓二者平台都能看, 又想省錢不想做二個版本(最好能包山包海通通包)
就選 Html5 版就好了呀!
錯, 因為 IE8 以下不支援 Html5 , IE9又限定 WIN7 才能裝, 裝了後, 也不是完整的支援 Html5
且且且且且且且且， W3C 都還沒統一規格,
光針對瀏覽器, 就可以寫死你
還是回到一開始說的, 還是要做二個版本

Adobe 將把重心放在 Apps for Mobile. 指的就是跨平台技術 AIR.
用 AIR 寫的 app. 本質還是 flash, 所以還是會受到 flash 先天的限制
但快速, 好寫, 跨平台依然還是他的優勢, 如果你今天要製作的內容
不是什麼太復雜的 Game, 用 AIR 來寫 app. 還是超快的啦
但還是要學學 Android 或 IOS 的平台程式比較快

Flash 未來會不會死掉, 不敢把話說死, 但確定的是, 走上程式設計這條路
註定學不完新技術, 因為汰換的速度太快
今天不比昨天進步, 明天就比今天難過, 後天就回家吃自已。
各位程式肝苦人, 一起加油吧。

轉貼文章請註明出處

相關文章
http://www.leebrimelow.com/?p=3151
http://gskinner.com/blog/archives/2011/11/flash-player-mobile-a-post-mortem.html

Away3D4 stage3D Coverflow

2011-11-02T12:54:00.002+08:00

大家好，我是奶綠茶
今天來分享一下如何使用 Away3D4 製作經典的 Coverflow 效果
之前都是習慣用 PV3D 製作，但 PV3D 沒有推出 Stage3D 的版本，只好轉戰 Away3D
還好之前有玩過，寫起來長的差不多。
原理和之前分享過的幾篇 Coverflow 教學一樣
同時也練習了一下 Robotlegs , Demo如下。

轉載請註明出處
SourceCodeDownload

其中 ScrollBar 類別是使用 clockmaker 這篇的教學
http://clockmaker.jp/blog/2011/10/stage3d-cover-flow/

Adobe AIR ServerSocket

2011-10-28T20:27:00.000+08:00

大家好，我是奶綠茶
今天來介紹一下 Adobe AIR ServerSocket
需求：
很多台電腦，在同一個區網，要能彼此溝通，同時 Android 平版也要能傳接值。
解：
本來想如果就只有單 flash 的話, 可以使用 P2P 區網連線就決解了，
但因為 Andriod 平版也要能支援, 所以就改成 Socket 來溝通。

那為什麼不用 Java 架 Socket Server 就好了，因為我是閃客(因為用 Java 做動畫會死人)
AIR 端，使用ServerSocket 類別。
在畫面上就只放所有連線的 Client 列表，一個發送訊息的文字和Button, 一個接收的文字

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx"
        creationComplete="createComplete(event);"
        close="appCloseHandler()">
 
 <fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
 </fx:Declarations>
 
 <fx:Script>
  <![CDATA[
  import flash.display.NativeWindow;
  import flash.events.Event;
  import flash.events.ProgressEvent;
  import flash.events.ServerSocketConnectEvent;
  import flash.net.ServerSocket;
  import flash.net.Socket;
  import flash.utils.ByteArray;
  import mx.collections.ArrayCollection;
  import mx.controls.Alert;
  import mx.events.FlexEvent;
  
  
  private var server :ServerSocket = new ServerSocket();
  
  [Bindable]
  private var serverActivity:Boolean = false;
  
  [Bindable]
  private var clientSockets:ArrayCollection = new ArrayCollection();
  
  //private var ipAddress  :String = "192.168.253.176";
  private var ipAddress  :String = "127.0.0.1";
  private var ipAddressPort :int = 9527;
  
  private function createComplete(e:FlexEvent):void {   
   
   try {
    server.bind(ipAddressPort, ipAddress);
    log( "bind:" + ipAddress+":"+ipAddressPort );
    server.addEventListener(ServerSocketConnectEvent.CONNECT , clientConnectedHandler);   
    server.listen();
    serverActivity = true;
   }catch (err:Error){
    log( err + "" );
    serverActivity = false;
    Alert.show(err.message);    
   }   
  }
  
  private function clientConnectedHandler(e:ServerSocketConnectEvent):void {
   //每當有新的 Client 連該進來, 就會觸發該函式。
   var clientSocket:Socket = e.socket;
   log( clientSocket.localAddress + ":" + clientSocket.localPort );
   clientSockets.addItem( clientSocket );
   clientSocket.addEventListener(Event.CLOSE , clientDisconnectedHandler);
   //偵聽當 Client 離線時。
   clientSocket.addEventListener(ProgressEvent.SOCKET_DATA, onClientSocketData );
   //偵聽 Client 發出的訊息
  }
  
  private function onClientSocketData(e:ProgressEvent):void {
   // 讀取 Client 發出的訊息
   var buffer:ByteArray = new ByteArray();
   var clientSocket:Socket = e.currentTarget as Socket;
            clientSocket.readBytes( buffer, 0, clientSocket.bytesAvailable );
            log( "Received: " + buffer.toString() );   
  }
  
  private function clientDisconnectedHandler(e:Event):void {
   // 當 Client 離線時。
   e.currentTarget.removeEventListener( e.type , arguments.callee );
   clientSockets.removeItemAt( clientSockets.getItemIndex(e.target));
  }
  private function log(o:Object):void {
   textArea.text += o +"\n";
  }
  
  private function writeDataToSockets(e:Event):void {
   var msg:String = textInput.text;
   if (msg == "") {
    return;
   }   
   trace( "ServerSocketMain.writeDataToSockets ");
   // 對所有的 Client 發出訊息。
   for each (var socket:Socket in clientSockets) {
    if (socket.connected) {     
     try {
      socket.writeUTF(msg);
      socket.flush();
     }catch (err:Error){
      log(err);
     }     
    }
   }
  }
  private function appCloseHandler():void {  
   server.close();
   server = null;   
  } 
  
  
  ]]>
 </fx:Script>
 <s:HGroup width="100%" height="100%" paddingLeft="5">
  <s:List width="200" height="100%" dataProvider="{clientSockets}" labelField="localAddress"></s:List>
  
  <s:VGroup width="100%" height="100%">
   <s:HGroup width="600">
    <s:TextInput id="textInput" width="200" text="server send info to all client" />
    <s:Button x="130" y="10" label="Send" 
     click="writeDataToSockets(event)" 
     enabled="{textInput.text.length>0}" visible="{clientSockets.length>0}" />
   </s:HGroup> 
   <s:Button label="clear" click="{textArea.text=''}" enabled="{serverActivity}"/>
   <s:TextArea id="textArea" width="200" height="100%" editable="false" />
  </s:VGroup>
 </s:HGroup> 
</s:WindowedApplication>

在用 flash 寫一個 Client 端測試：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/halo"
      creationComplete="createSocket(event)">
 <s:layout>
  <s:VerticalLayout />
 </s:layout>
 <fx:Script>
  <![CDATA[
   import flash.events.Event;
   import flash.events.ProgressEvent;
   import flash.net.Socket;
   import mx.events.FlexEvent;
          
   protected var socket:Socket;
   
   private var ipAddress  :String = "127.0.0.1";
   private var ipAddressPort :int = 9527;
   
   protected function createSocket(event:FlexEvent):void {    
    socket = new Socket();
    socket.addEventListener(Event.CONNECT,socketConnected);
    socket.addEventListener(ProgressEvent.SOCKET_DATA, socketData);      
    socket.connect( ipAddress, ipAddressPort );    
   }   
   protected function socketConnected(e:Event):void{
    log("client - socket connected");
   }   
   protected function socketData(e:ProgressEvent):void{
    trace("client - socket data");
    //trace(socket.readUTF());    
    log(socket.readUTF());    
   }   
   private function callServerClickHandler():void {
    try {
     socket.writeUTF("callServer");
     socket.flush();
    }catch (err:Error){
     log(err);
    }
    
   }
   private function log(o:Object):void {
    textArea.text += o + "\n";
   }
   
  ]]>
 </fx:Script>
 <s:Button label="call Server" click="callServerClickHandler()" />
 <s:TextArea id="textArea"></s:TextArea>
</s:Application>

Java/Android 端
使用 Socket 類別
因為程式碼落落長，
有需要的朋友就直接下載 Android 端的程式碼，在這就不貼出來了

AIR
Java/Android
轉載請註明出處

Flash in Android WebView

2011-10-28T19:49:00.001+08:00

大家好，我是奶綠茶
在 Android 裡可以使用 WbeView 來包一個 flash 的網頁
但在 3.0 以上的版本要再多加一些設定，才能讓 flash 順利出現。
在 AndroidManifest.xml 加入這二段即可
uses-sdk android:minSdkVersion="11"
application android:hardwareAccelerated="true"
完成

Andoird Launcher AIR App

2011-10-28T16:49:00.000+08:00

大家好，我是奶綠茶
最近案子的需要，所以會用 Android 和 AIR 來混搭開發 app
遇到的問題有：
1.Android 怎麼啟動另一個 App(Andoird or AIR) ?
2.啟動後，如何帶變數過去?
3.反過來 AIR 啟動 Andoird 且帶值?
先了解 Android 怎麼啟動另一個 App.
使用 Intent 類別, 且指定要啟動的 app package路徑

Intent intent = new Intent( Intent.ACTION_MAIN , null);
intent.addCategory( Intent.CATEGORY_LAUNCHER);
final ComponentName cn = 
new ComponentName("com.android.settings", "com.android.settings.fuelgauge.PowerUsageSummary");
intent.setComponent(cn);
startActivity(intent);

如果是要啟動 AIR 的 app. 就要在 package 前加上 air.
new ComponentName("air.com.android.settings", "air.com.android.settings.fuelgauge.PowerUsageSummary");
第二個問題是啟動後，如何帶變數過去?
只要在 intent 使用 putExtra 即可 intent.putExtra("Key", "Value");
接收的 Activity 在 onCreate();
使用 getIntent().getExtras().getString("Key");
但在 AIR 的部份，無法修改 onCreate ,所以只好找另外的方法。
好在 Android 的機制裡，可以使用 scheme 的方法呼叫, 像 market:// 這樣，
當遇到這樣的連結時，只要 app 有在 mainfest 設定 intent-filter 的話，就會啟動該 app.
在這我們以：testapp:// 為例 Android 端：

Uri uri = Uri.parse("testapp://com.example/milkmidi/tesetdata");
intent = new Intent( Intent.ACTION_VIEW, uri);

AIR 端：在 application.xml 裡加上＜data android:scheme="testapp" android:host="com.example" /＞當遇到是 testapp://com.example 這樣的連結時，就可以啟動 AIR 的 app.

 ＜android＞
  ＜manifestAdditions＞＜![CDATA[
   
   ＜manifest android:installLocation="auto"＞    
    
    ＜application＞ 
     ＜activity ＞ 
      ＜intent-filter＞
       ＜action android:name="android.intent.action.MAIN"/＞
       ＜category android:name="android.intent.category.LAUNCHER"/＞
      ＜/intent-filter＞
      ＜intent-filter＞
       ＜action android:name="android.intent.action.VIEW"/＞
       ＜category android:name="android.intent.category.BROWSABLE"/＞
       ＜category android:name="android.intent.category.DEFAULT"/＞
       ＜data android:scheme="testapp" android:host="com.example" /＞
      ＜/intent-filter＞
     ＜/activity＞ 
    ＜/application＞     
   
   ＜/manifest＞
   
  ]]＞＜/manifestAdditions＞
 ＜/android＞

得到變數可以使用：

NativeApplication.nativeApplication.addEventListener(
     InvokeEvent.INVOKE, onInvoke);
private function onInvoke(e:InvokeEvent):void {
   log( "onInvoke:" + e.arguments );
  }

完成
轉載請註明出處
參考文章：
http://www.riaspace.com/2011/08/defining-custom-url-schemes-for-your-air-mobile-applications
http://stackoverflow.com/questions/5591086/passing-parameters-from-a-java-activity-to-adobe-air-app
http://www.slideshare.net/CodeAndroid/android-intent-intent-filter-broadcast-receivers

Android killProcess

2011-10-27T14:41:00.001+08:00

大家好，我是奶綠茶在開發 Android App 時，如果想要關掉 app 時只要一直按 Back 鍵，就會離開應用程式。但其實 Android 只是把他放到常註程式裡，並沒有成正的關掉這時可以在主 Activity 的 onDestroy裡加上

@Override
protected void onDestroy() {
 super.onDestroy();
 android.os.Process.killProcess(android.os.Process.myPid());
}

就可以完整的移掉

WP7Contact Android App

2011-10-22T21:02:00.000+08:00

奶小茶我第一個 Android APP 上架了
是一個仿 WP7 介面的電話本
從2010年九月研究 Android 到現在, 總算是有點小心得
WP7Contact Lite

1.1.94
字母選擇列表

輔色選擇

播號鍵盤

通訊清單

StarlingFramework

2011-10-11T11:33:00.004+08:00

Adobe Flash Player11 推出後，最令人開心的是支援 GPU 運算
可以透過顯卡來幫忙，不在只有以往的 CPU。
但要自已從無到有的從底層寫，好像有點辛苦
奶小茶我今天就是要介紹的是一套 2D flash API, 一樣底層是支援 GPU 運算的

StarlingFramework, The GPU powered 2D Flash API
http://www.starling-framework.org/
可以先到官網下載 Source 和 Sample Code.
編譯時，一定要選擇 Flash Player11 才行
這套 FrameWork 的好處，就是寫法長的跟本來的差不多
一樣是叫 Sprite, TextField, Stage,
一樣可以有 addChild 等方法，學起來不會太難
看一下試寫的效果，結合 Box2D, 300個Box, 還可以保持在 30FPS 左右

AIR3.0 Native extensions Example Part1

2011-09-17T21:56:00.000+08:00

大家好，我是奶綠茶
Adobe AIR3.0 即將發怖
其中最酷的新功能就是可以呼叫原生的程式
在這奶綠茶我就以 Android 來做個 Demo。
1.呼叫 Android toast

2.呼叫 Android AlertDialog

3.呼叫 Android DatePickerDialog(非同步，並得到所選的日期回傳給 flash)

4.List Dialog

5.得到 DeviceID

教學Step：
1.下載 AIR3.0 SDK(目前是 RC 1 3.0.0.388)
http://labs.adobe.com/downloads/air3.html

2.安裝 FlashDevelop4
3.安裝 Ant (方便下 Command Line, 不裝也可以)
http://ant.apache.org/
4.安裝 AntPlugin for FD4
http://code.google.com/p/fd-ant-plugin/

5.FlashAction3
AIR3.0裡，多出了一個 ExtensionContext 類別，用來呼叫原生的程式碼
var extension:ExtensionContext = ExtensionContext.createExtensionContext("Native ID", null);
其中Native ID指的是你要呼叫的 id 名稱
同時要在你的 application.xml 宣告

＜extensions＞
＜extensionID＞milkmidi.air3.demo＜/extensionID＞
＜/extensions＞

結著就可以使用
extension.call("funcationName", ...params);
來呼叫
如果是同步的話，extendsion 就會直接 return 值
非同步的話，就使用 addEvetnListener( StatusEvent.STAUS ) 來偵聽

6.Android 端
使用 Eclipse　開啟新的 Android Project
將 AIR3.0 SDK 裡的 lib\android\FlashRuntimeExtensions.jar 加到 Complie Path 裡

public class AIR3Context extends FREContext implements FREExtension{

	private static final String TAG = "[AIR3Context]";
	
	@Override
	public FREContext createContext(String pType) {
		log(pType); //　pType 的值會由 flash 端　ExtensionContext.createExtensionContext("ID" , ”這兒決定”　）;
		return new AIR3Context();
	}
	@Override
	public void initialize() {
		log("initialize()");
	}
	
	@Override
	public Map getFunctions() {
//注冊 function 名稱。
		HashMap result = new HashMap();
		result.put("toast", new ToastFREFunction());
		result.put("alertDialog", new AlertDialogFREFunction());
		result.put("timePickerDialog", new TimePickerDialogFREFunction());
		result.put("devices", new DevicesFREFunction());
		result.put("itemListDialog", new ItemListDialogFREFunction());
	    result.put("googleMap", new GoogleMapFREFunction());
	    return result;
	}
	
	@Override
	public void dispose() {
		log("dispose()");
	}	private void log(Object o){
		Log.i(TAG, o+"");
	}

}

將 Android 裡的 java　檔，打包成 .jar格式

7.Package Native Extensions
這裡我卡了很久，參考了許多文章和不斷的失敗，才有一些心得
要先寫一隻和 Native 呼叫用的 class, 並將其打包成 swc 格式
然後將 swc 解壓縮, 取得裡面的二個檔案
寫一隻 extension.xml 用來說明 Native , 長成這樣

＜extension xmlns="http://ns.adobe.com/air/extension/2.5"＞
＜id＞milkmidi.air3.demo＜/id＞
＜versionNumber＞1.0＜/versionNumber＞
＜platforms＞
＜platform name="Android-ARM"＞
＜applicationDeployment＞
＜nativeLibrary＞milkmidi.air3.demo.jar＜/nativeLibrary＞
＜initializer＞milkmidi.air3.demo.AIR3Context＜/initializer＞
＜finalizer＞milkmidi.air3.demo.AIR3Context＜/finalizer＞
＜/applicationDeployment＞
＜/platform＞
＜/platforms＞
＜/extension＞
接著透過 Command line 的方法，將一堆東西打包成 xxx.ane
還好有善心人事將這一切的動作，包成了 Ant 用的 xml 格式
你只需要呼叫即可
原文如下
http://blog.aboutme.be/2011/09/12/air-native-extensions-hello-world-example-ant-script/

結論：
AIR3.0 可以呼叫原生的類別，但前提是”你還是需要自己寫原生的類別來給flash端呼叫”
想在 iOS 上用的話, 還是要乖乖寫一下 xCode。
但至少是一大進步, 其待正式版的到來。

參考文章：
http://www.leebrimelow.com/?p=2995
http://akabana.info/2011/08/11/air-native-extension-series/
http://www.adobe.com/devnet/air/articles/extending-air.html

轉載請註明出處：
http://milkmidi.blogspot.com/2011/09/air30-native-extensions-example-part1.html
AS source code
Android source code

Android Custom Title

2011-09-14T11:40:00.000+08:00

大家好，我是奶綠茶，
今天來分享如何客制化 Android 的 Title Bar
先看預設的樣式

接著改變 Style, 變成水果風

先製作 title 的 layout, my_title.xml

＜RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"＞

	＜Button
	style="@style/title_bar_button_back"
	android:id="@+id/back_btn"
	android:layout_marginLeft="5dp" 
	android:text="Back"	/＞＜!-- 這裡是 Back 鍵 --＞
	
	＜TextView
	style="@style/title_bar_text"
	android:id="@+id/title_txt"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center"
	android:text="Title" /＞
	
＜/RelativeLayout＞

style.xml

 
＜style name="my_theme" parent="@android:style/Theme.Light"＞
		＜item name="android:windowContentOverlay"＞@null＜/item＞
        ＜item name="android:windowTitleSize"＞40.0dip＜/item＞
        ＜item name="android:windowBackground"＞@drawable/iphone_bg＜/item＞  
        ＜item name="android:windowTitleBackgroundStyle"＞@style/window_title_background_style＜/item＞
        ＜item name="android:buttonStyle"＞@style/buttonStyle＜/item＞
	＜/style＞
	
	＜style name="buttonStyle" parent="@android:style/Widget.Button"＞
		＜item name="android:layout_centerVertical"＞true＜/item＞
    	＜item name="android:layout_width"＞wrap_content＜/item＞        
        ＜item name="android:layout_height"＞wrap_content＜/item＞
        ＜item name="android:minWidth"＞60dp＜/item＞        
 		＜item name="android:textSize"＞16sp＜/item＞
 		＜item name="android:textColor"＞#ffffffff＜/item＞
 		＜item name="android:shadowColor"＞#FF000000＜/item＞
        ＜item name="android:shadowDx"＞0＜/item＞
        ＜item name="android:shadowDy"＞-1＜/item＞
        ＜item name="android:shadowRadius"＞0.2＜/item＞        
		＜item name="android:background"＞@drawable/ui_navigation_bar_default_button＜/item＞
	＜/style＞
	＜style name="title_bar_button_back" parent="@style/buttonStyle"＞
 		＜item name="android:background"＞@drawable/ui_navigation_bar_default_button_back＜/item＞
 	＜/style＞
	
	 ＜style name="window_title_background_style"＞
        ＜item name="android:gravity"＞center_vertical＜/item＞
        ＜item name="android:layout_width"＞fill_parent＜/item＞
        ＜item name="android:layout_height"＞fill_parent＜/item＞
        ＜item name="android:background"＞@drawable/iphone_title_bar_blue＜/item＞
    ＜/style＞
        
    ＜style name="title_bar_text"＞
 		＜item name="android:textColor"＞#ffffff＜/item＞
    	＜item name="android:textSize"＞24sp＜/item＞
    	＜item name="android:shadowColor"＞#FF000000＜/item＞
        ＜item name="android:shadowDx"＞0＜/item＞
        ＜item name="android:shadowDy"＞-1＜/item＞
        ＜item name="android:shadowRadius"＞0.2＜/item＞
 	＜/style＞

然後在 AndroidManifest.xml, 指定 theme 而程式碼的部份，
寫一個 Abstract 類別方便其他的 Activity 使用其中要多判斷是否要出現 Back 鍵。

private TextView mTitleTextView;
	private Button mBackBtn;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_CUSTOM_TITLE); 		
		setContentView( getLayoutId() );	
		getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.my_title);
		
		
		
		mBackBtn = (Button) findViewById(R.id.back_btn);
		mBackBtn.setOnClickListener(new Button.OnClickListener() {			
			@Override
			public void onClick(View v) {
				finish();				
			}
		});		
		
		Intent intent = getIntent();		
		String action = intent.getAction();
		if(action!=null){
			if (action.equals(Intent.ACTION_MAIN)) {
				mBackBtn.setVisibility(View.INVISIBLE);
			}
		}	
	}
	protected abstract int getLayoutId();
	
	
	

	@Override
	public void setTitle(CharSequence title) {
		if(mTitleTextView==null){
			mTitleTextView = (TextView)findViewById(R.id.title_txt);
		}
		mTitleTextView.setText(title);
	}

轉載請註明出處
SourceCodeDownload

Android Save 圖片至 SD Card

2011-09-05T19:21:00.000+08:00

大家好，我是奶綠茶
今天來分享一下如果將 Android 的畫面拍成圖檔並存在 SD Card 裡
首先要在 Manifest.xml 裡開啟寫入的權限
uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"
接著要把 View 轉成 Bitmap 物件

final ViewGroup _v = (ViewGroup) findViewById(R.id.root);
Bitmap bm = Bitmap.createBitmap(_v.getWidth(), _v.getHeight(),	Bitmap.Config.RGB_565);
_v.draw(new Canvas(bm));

透過 File 來存檔先檢查使用者有沒有 SD Card

public static boolean checkSDCard() {
    		if (Environment.getExternalStorageState().equals(
    				Environment.MEDIA_MOUNTED)) {
    			return true;
    		}
    		return false;
    	}
存檔
public static void saveBitmap(String pFolderPath, Bitmap pBitmap,
    			String pFileName) throws IOException {
    		
    		String _folderPath = pFolderPath;
    		if (_folderPath.lastIndexOf("/") == -1) {
    			_folderPath += "/";
    		}
    		File _file = new File(_folderPath + pFileName);
    		OutputStream _outStream  = new FileOutputStream(_file);

    		pBitmap.compress(Bitmap.CompressFormat.JPEG, 90, _outStream);
    	
    		_outStream.flush();
    		_outStream.close();
    	}
// 自動檔名依日期
public static String getTimeName() {
    		Date _date = new Date(System.currentTimeMillis());
    		SimpleDateFormat _sdf = new SimpleDateFormat("yyyy_MM_dd_HH_mm_ss");
    		Random _random = new Random();
    		return _sdf.format(_date) + _random.nextInt(999);
    	}

其中會遇到一個小問題，當你這樣存檔時，
再進入 Android 預設的圖片庫時，會找不到那張圖片
Google 了一下，發現要呼叫 MediaScannerConnection 來更新
讓 Android 知道
原文連結：點我
這樣就完成啦。

轉載請註明出處 SourceCodeDownload

Android ImageView ScaleType

2011-09-04T23:06:00.001+08:00

大家好，我是奶綠茶
在 Android 裡的 ImageView 元件，可以放置圖片
其中可以設定 ScaleType
官方 API 說明

為了方便測試，在這先準備二張圖片
450x500和 500x450
筆者以 320x480 的 Emulator 來測試

Layout 的部份放上二個 RadioButton 用來切換二圖不同 Size 的圖片
再放上六個 Button 來顯示圖片同 Size 的圖片再放上六個 Button 來顯示圖片
主程式

package milkmidi.tutorial.imagescaletype;

import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager.LayoutParams;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.PopupWindow;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TextView;

public class ImageViewScaleTypeMainActivity extends Activity implements OnCheckedChangeListener {
	

	Drawable mCurrentDrawable;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
     
        RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radio_group);
        radioGroup.setOnCheckedChangeListener(this);
        onCheckedChanged(null,R.id.radio_450x500);
    }
    @Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
    	switch (checkedId) {
			case R.id.radio_450x500:	
				mCurrentDrawable = getResources().getDrawable(R.drawable.a450x500); 
				break;
			case R.id.radio_500x450:	
				mCurrentDrawable = getResources().getDrawable(R.drawable.a500x450); 
				break;
		}		
	}    
    public void onClick(View v){
    	ScaleType scaleType = null;
    	switch (v.getId()) {
			case R.id.center_btn:	
				scaleType = ScaleType.CENTER;
				break;
			case R.id.center_crop_btn:
				scaleType = ScaleType.CENTER_CROP;
				break;
			case R.id.center_inside_btn:	
				scaleType = ScaleType.CENTER_INSIDE;
				break;
			case R.id.fit_center_btn:		
				scaleType = ScaleType.FIT_CENTER;
				break;
			case R.id.fit_end_btn:			
				scaleType = ScaleType.FIT_END;
				break;
			case R.id.fit_start_btn:		
				scaleType = ScaleType.FIT_START;
				break;
			case R.id.fit_xy_btn:			
				scaleType = ScaleType.FIT_XY;
				break;
			case R.id.matrix_btn:			
				scaleType = ScaleType.MATRIX;
				break;
		}    	
    	
    	ViewGroup view = (ViewGroup)getLayoutInflater().inflate(R.layout.image_view, null);
    	TextView tf = (TextView) view.findViewById(R.id.title_txt);
    	tf.setText(scaleType.toString());
    	
    	ImageView image = (ImageView)view.findViewById(R.id.image_view);
    	image.setImageDrawable(mCurrentDrawable);
    	image.setScaleType(scaleType);
    	PopupWindow pop = new PopupWindow(
    			view,
    			LayoutParams.FILL_PARENT,
				LayoutParams.FILL_PARENT, 
				true);
    	pop.setContentView(view);
    	pop.setBackgroundDrawable(new ColorDrawable(0x5500ff00));
    	pop.showAtLocation(findViewById(R.id.root), Gravity.TOP, 0, 0);
    	pop.update();
    }


	
}

CENTER Center the image in the view, but perform no scaling.
圖中置中，但不縮放

CENTER_CROP Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).
等比縮放，將超出範圍的切掉

CENTER_INSIDE Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).
等比縮放，讓圖片縮至容器裡

FIT_CENTER Scale the image using CENTER.
等比縮放，將圖片放在容器裡的正中間

FIT_END Scale the image using END.
等比縮放，將圖片放在容器裡的下方

FIT_START Scale the image using START.
等比縮放，將圖片放在容器裡的上方

FIT_XY Scale the image using FILL.
整個稱滿容器，不會等比縮放

MATRIX Scale using the image matrix when drawing.
研究中

轉載請註明出處
SourceCodeDownload

FlashAS2 載入 Youtube

2011-08-12T12:09:00.001+08:00

大家好，我是奶綠茶
對非程式人員來說，學習 AS3 是非常痛苦的
所以還是有許多人是使用 AS2 來開發專案，
所以奶小茶我還是決定來寫一些 AS2 的系列教學

官方說明的 AS2 文件在這
點我
文件最小方有送上 AS2 的 fla
在這來補充幾個會遇到的問題

1. 載入 youtube 影片後, removeMovieClip 後，聲音依然存在，或是越看越慢的問題
答，不要 youtube 時，要執行 ytplayer.destroy(); 這樣才清的掉。

2. 要更改影片 size 呢
需要等到 youtube 影片載入後，呼叫 setSize(Width, Hight) 即可

轉載請註明出處
SourceCodeDownload

Android SDK R12,無法啟動 Emulator 的問題

2011-07-19T11:52:00.000+08:00

大家好，我是奶綠茶
最近很開心的更新 Android SDK 版本
當要啟動 Emualotr 時，總是出現
invalid command-line parameter: Files\Android\android-sdk-windows\tools/emulator-arm.exe.
Hint: use '@foo' to launch a virtual device named 'foo'.
please use -help for more information
查了一下發現是 SDK 的大 Bug
在 WIN7 下, 空白字元會產生錯誤
本來想搬資料夾，但又覺得麻煩，後來找到這篇
http://code.google.com/p/android/issues/detail?id=18317
把本來的路徑：
C:\Program Files\Android\android-sdk\
換成
C:\PROGRA~1\Android\android-sdk
就搞定了，連資料夾都可以不用搬。

移除 iOS App icon 自動幫你加上亮光

2011-07-14T11:15:00.001+08:00

大家好，我是奶綠茶
在開發 iOS 時, 水果會貼心的在你的 app icon 加上亮光
如果不想要加呢?
原文是這樣寫的：
Note: You can prevent iOS from adding the shine to your application icon. To do this, you need to add the UIPrerenderedIcon key to your application's Info.plist file (to learn about this file, see 「The Information Property List」 in iOS Application Programming Guide).
The presence (or absence) of the added shine does not change the dimensions of your application icon.

參考文章：
http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW2

如果用 AIR 開發的話，只需要在你的 xml 裡加上

＜InfoAdditions＞
＜![CDATA[
＜key＞UIPrerenderedIcon＜/key＞
＜true/＞
]]＞
＜/InfoAdditions>＞

參考文章：
http://help.adobe.com/zh_TW/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html

轉載請註明出處

FlashDevelop4 compile Android, iOS app

2011-06-25T18:47:00.005+08:00

大家好，我是奶綠茶
相信大家對 Adobe CS5.5 能夠將 AIR 發怖到 Android 和 iOS 平台是一件非常興奮的事
今天就來分享如何使用 FlashDevelop4 , 透過 Flex SDK , 下 Command Line 的方法
直接 compile 成 apk 和 ipa 檔。
我的工作環境是 Windows7 32或64皆可
安裝所需的檔
1. 先下載 FlashDevelop4
http://www.flashdevelop.org/community/viewtopic.php?f=9&t=8281
目前還是 Beta 版, 如果 FD3 和 FD4 想共存的話，記的在安裝 FD4 時要選擇 standard
安裝時, 會問你要不要自動下載 Flex SDK 和 AIR SDK , 把他取消掉, 我們自己手動下載。
2. 下載 FlexSDK , 筆者我下載的是 Flex4.5(內建 AIR2.6 SDK) 的版本,
3. 下載 AIR2.7 SDK http://www.adobe.com/products/air/sdk/
完成後, 把 AIR2.7 裡的檔案，整個蓋掉 Flex4.5
4. java runtime
5. Android SDK http://developer.android.com/sdk/index.html

開發流程
1.啟動 FlashDevelop4

2.設定 FlexSDK 路徑
3.開啟新專案，選擇 AS3 Android App

此時會看到你的 Project 長成這樣

3. 修改 FlexSDK 路徑和Android SDK路徑
因為背後是使用 Command Line 的方法來 compile , 所以需要再設定一次
開啟 bat/SetupSDK.bat

:: Path to Flex SDK
set FLEX_SDK=C:\Program Files\Adobe\Adobe Flash Builder 4.5\sdks\4.5.1

:: Path to Android SDK
set ANDROID_SDK=D:\Program Files\Android\android-sdk-windows\platform-tools

完成後，按下 Ctrl + Enter, 都沒問題的話，應該會看到 AIR runtime 包住你寫的 flash 檔。

編譯成 Android 使用的 apk 檔
1. 首先要產生驗證檔 *.p12
在 FD4 的 Project 面版，找到 bat/CreateCertificate.bat , 按右鍵，選擇 Execute
沒意外的話，在同資料夾會產生一個叫 AppTest.p12

如果想產生屬於自已的驗證檔的話，
可以開啟 bat\SetupApplication.bat
更改
set CERT_NAME="AppTest"
set CERT_PASS=fd
這二個, 在這我們都先用預設

2. 編譯成 apk
找到 PackageApp.bat, 按右鍵選 Execute,
接著就會在 apk 資料夾裡，產生一個 AppTest.apk, 這時候就可以安裝到你的手機了。

3. 開發測試
有時希望直接在手機上測, 先接上你的 Android 手機,
開啟 Run.bat
把
:run_target
goto desktop
::goto device
換成
:run_target
::goto desktop
goto device
這時按下 Ctrl + Enter 時, 就會發怖到你的手機裡
而且 trace 也是可以用喔
因為是在開發模式下, 所以效能會比較差一些
記得要正式發怖時, 上方工具列的發怖, 要改成 release 版

如果想把正式版的檔案, 打包並同時傳到手機裡
只要執行 PackageInstallApp.bat 即可, 超方便的啦

關於 application.xml 設定
在編譯成 apk 或是 ipa 檔時, 都是會參考這份 xml 的設定
如果懶的研究, 可以按一下 Project 面版上的 AIR icon, 就會有介面讓你直接改了
在這提出幾個重點

 編譯的 AIR 版本號
milkmidi.test.AppTest 視別用的 id , 如果是同樣的 id 的話，後者安裝會蓋掉前者

AppTest.swf
false Device 是否自動旋轉
landscape Device 的方向, 水平或是垂直
true 是否滿版, 滿版的話, 就不會出現手機上方的電量Bar
gpu 啟動 gpu render

發怖成 ipa 格式
我是參考這一篇文章來改寫的
http://blog.theflashblog.com/?p=2764

將以下文字存成 PackageAppToIPA.bat

@echo off
:: 2011/6/24 下午 04:04
set PAUSE_ERRORS=1


echo start package app to ipa

set JAVA=D:\Program Files\Java\jre6\bin\java.exe
:: 指定你的 java 路徑
set ADT=D:\Program Files\adobe\Adobe Flash Builder 4.5\sdks\4.5.0_AIR2.7\lib\adt.jar
:: 指定 FlexSDK adt 路徑
set P12=D:\46_iPhone\fakeCcertificate\mycert.p12
:: 指定 iOS 用的驗證檔, 在這是用筆者寫的前幾篇教學裡的假驗證檔
set PASSWORD=1234
:: 驗證檔密碼
set MOBILEPROVISION=D:\46_iPhone\fakeCcertificate\Fake.mobileprovision
:: mobileprovision 路徑

set APP_NAME=AppTest
:: app 的名稱
:: 
set APP_DIR=bin
set APPXML=application.xml
set SWF=%APP_DIR%\%APP_NAME%.swf

set APP_ID=milkmidi.test.AppTest
::match Application descriptor id 



set FILE_OR_DIR=-C %APP_DIR% .
echo package ipa appname %APP_NAME% appid %APP_ID%


"%JAVA%" -jar "%ADT%" -package -target ipa-ad-hoc -storetype pkcs12 -keystore %P12% -storepass %PASSWORD% -provisioning-profile %MOBILEPROVISION% %APP_NAME%.ipa %APPXML% %SWF% %FILE_OR_DIR%

pause

在發怖成 ipa 檔時, 可以選擇 iPhone 或是 iPad
只要在 application.xml 加上
string 1 是 iPhone
string 2 是 iPad
二隻都要支援的話，就二個都打吧


    UIDeviceFamily

 1
 2
]]>
    standard

一樣按下右鍵, execute 他, 就可以開始 compile 了，要等一段時間就是了

轉載請註明出處 http://milkmidi.blogspot.com/2011/06/flashdevelop4-compile-android-ios-app.html

Android 漢語拼音排序

2011-06-15T20:29:00.003+08:00

大家好，我是奶綠茶
研究了好一陣子的 Android
也上架了一個 WP7Contact 的 App,
來分享一下如果使用漢語拼音來排序聯絡人
android 官方有分享一個 HanziToPinyin.java
使用這個類別，就可以得到漢語拼音
接著透過 String 的 compareToIgnoreCase
就可以依字母排序

1. 得到聯絡人
先過濾一下，只要出現有電話的聯絡人即可，同時只要得到 _id 和 display_name 的欄位就好

String select = "((" + ContactsContract.Data.DISPLAY_NAME
    + " NOTNULL) AND (" + ContactsContract.Data.HAS_PHONE_NUMBER
    + "=1) AND (" + ContactsContract.Data.DISPLAY_NAME
    + " != '' ))";

  final String[] PROJECTION = new String[]{
    ContactsContract.Contacts._ID,
    ContactsContract.Contacts.DISPLAY_NAME
  };
  
  Cursor cursor = managedQuery(ContactsContract.Contacts.CONTENT_URI,
    PROJECTION, select, null, null);

2. 得到漢語拼音, 這個 function 是從 android 裡另一個類別取出的

public static String getSortKey(String pName) {
        ArrayList tokens = HanziToPinyin.getInstance().get(pName);
        if (tokens != null && tokens.size() > 0) {
            StringBuilder sb = new StringBuilder();
            for (Token token : tokens) {          
                if (Token.PINYIN == token.type) {
                    if (sb.length() > 0) {
                        sb.append(' ');
                    }
                    sb.append(token.target);
                    sb.append(' ');
                    sb.append(token.source);
                } else {
                    if (sb.length() > 0) {
                        sb.append(' ');
                    }
                    sb.append(token.source);
                }
            }
            return sb.toString();
        }
        return pName;
 }

排序的方法

private final class PinyinComparator implements Comparator {
  public int compare(ContactInfo o1, ContactInfo o2) {  
   return o1.sort_key.compareToIgnoreCase(o2.sort_key);
  } 
 }

ListView 使用的 Adapter

public class ContactAdapter extends BaseAdapter {
  private LayoutInflater mInflater;
  private ArrayList itemList;

  public ContactAdapter(Context context, ArrayList itemList) {
   mInflater = LayoutInflater.from(context);
   this.itemList = itemList;
  }
  public int getCount() {   return itemList.size();  }

  public Object getItem(int position) { return itemList.get(position);  }

  public long getItemId(int position) { return position;  }

  public View getView(int position, View convertView, ViewGroup parent) {
   View v = convertView;
   ViewHolder holder = null;
   // 快取 ListView 的技巧
   // 先斷判是否已經產生過 View 
   // 把該子View 記錄下來，這樣就不用每次都重新 findViewById   
   if (v == null) {
    v = mInflater.inflate(R.layout.main_list_row, null);
    holder = new ViewHolder();
    holder.nameText = (TextView) v.findViewById(R.id.name_txt);
    holder.idText = (TextView) v.findViewById(R.id.description_txt);
    v.setTag(holder);
   } else {
    holder = (ViewHolder) v.getTag();
   }
   holder.nameText.setText(itemList.get(position).contact_name);
   holder.idText.setText(itemList.get(position).sort_key);
   return v;
  }


 }
 private class ViewHolder {
  TextView nameText;
  TextView idText;
 }

 private class ContactInfo {  
  String contact_name;  
  String sort_key;
  long _id;
 }

轉載請註明出處

SourceCodeDownload