Porject做成

根據(jù)Titanium中Android模塊開發(fā)指南的內(nèi)容，大家應(yīng)該能很容易的創(chuàng)建一個(gè)Module的模板工程。

引用

titaniumcreate--platform=android--type=module--name=ColoredView--id=net.siso9to.coloredview--android=$HOME/devel/android-sdk-mac_x86

將做成好的模板工程導(dǎo)入到Eclipse中，Module的準(zhǔn)備工作就算完成了。

Module做成

導(dǎo)入的模板工程的包目錄下，有兩個(gè)類文件：

ColoredviewModule.java

ExampleProxy.java

這樣原封不動(dòng)的也是沒有問題的，但是我們看到類名中view的***字母小寫了，不是很符合規(guī)范，所以我們使用重構(gòu)功能將類名修改為：ColoredViewModule.java。使用Eclipse的重構(gòu)功能的話，注解位置部分

Java代碼

@Kroll.module(name="Coloredview",id="net.siso9to.coloredview")

的name參數(shù)沒有給重命名，所以這里需要手動(dòng)修改。

還有就是類中不用的方法，注釋等都刪去，ExampleProxy.java也要重寫做一個(gè)，所以也一并刪去。

修改之后的ColoredViewModule.java的內(nèi)容是一下這個(gè)樣子的：

Java代碼

packagenet.siso9to.coloredview;

importorg.appcelerator.kroll.KrollModule;

importorg.appcelerator.kroll.annotations.Kroll;

importorg.appcelerator.titanium.TiContext;

@Kroll.module(name="ColoredView",id="net.siso9to.coloredview")

publicclassColoredViewModuleextendsKrollModule

{

publicColoredViewModule(TiContexttiContext){

super(tiContext);

}

}

這樣就留下來了***限度代碼的Module。

自定義View做成

要做成自定義View，需要?jiǎng)?chuàng)建一個(gè)繼承了TiUIView的類。

然后，自定義View的時(shí)候，還需要再TiUIView的子類中生成View實(shí)例，調(diào)用setNativeView()方法將該子類保存。

Java代碼

packagenet.siso9to.coloredview;

importorg.appcelerator.titanium.proxy.TiViewProxy;

importorg.appcelerator.titanium.view.TiUIView;

importandroid.content.Context;

importandroid.graphics.Color;

importandroid.view.View;

publicclassColoredViewextendsTiUIView{

publicclassCostomViewextendsView{

publicCostomView(Contextc){

super(c);

this.setBackgroundColor(Color.GREEN);

}

}

publicColoredView(TiViewProxyproxy){

super(proxy);

CostomViewcostomView=newCostomView(proxy.getContext());

setNativeView(costomView);

}

}

Proxy做成

***，要做成一個(gè)能偶再M(fèi)odule中調(diào)用剛才做成的自定義View的Proxy類。

調(diào)用剛才做成的自定義View的Proxy類在做成的時(shí)候，需要繼承TiViewProxy，然后，實(shí)現(xiàn)createView(Activityactivity)方法，將自定義View的實(shí)例類返回。

Java代碼

packagenet.siso9to.coloredview;

importorg.appcelerator.kroll.annotations.Kroll;

importorg.appcelerator.titanium.TiContext;

importorg.appcelerator.titanium.proxy.TiViewProxy;

importorg.appcelerator.titanium.view.TiUIView;

importandroid.app.Activity;

@Kroll.proxy(creatableInModule=ColoredViewModule.class)

publicclassColoredViewProxyextendsTiViewProxy

{

privateColoredViewcoloredView;

publicColoredViewProxy(TiContexttiContext){

super(tiContext);

}

@Override

publicTiUIViewcreateView(Activityactivity){

coloredView=newColoredView(this);

returncoloredView;

}

}

在構(gòu)造函數(shù)中，通過setBackgroundColor(Color.GREEN)的設(shè)置，View的背景色就被設(shè)置上了。

需要注意的地方是，再做成Proxy類的時(shí)候，需要像以下這個(gè)樣子將注解的creatableInModule值設(shè)置成和Module名一樣。

Java代碼

@Kroll.proxy(creatableInModule=ColoredViewModule.class)

確認(rèn)動(dòng)作的Script做成

做好了Module之后，我們需要確認(rèn)以下該Module是否能正常的運(yùn)行，是否能達(dá)到我們需要的效果。

在確認(rèn)Module的效果前，我們需要將Module集成到我們的Titanium當(dāng)中來，使用example文件夾下的app.js就能確認(rèn)Module的效果。

稍微修改一下通過Titanium命令生成的example/app.js:

Js代碼

varwindow=Ti.UI.createWindow({

backgroundColor:'white'

});

varlabel=Ti.UI.createLabel();

window.add(label);

window.open();

varmodule=require('net.siso9to.coloredview');

Ti.API.info("moduleis=>"+module);

varview=module.createColoredView({

top:'100dp',

width:'100dp',

height:'100dp',

color:'#000',

});

window.add(view);

從Module經(jīng)由Proxy調(diào)用自定義View時(shí)，并不是直接的調(diào)用Proxy的createView方法，而是向上面代碼這樣：

create+Proxy名（去除Proxy）

確認(rèn)動(dòng)作的Script的運(yùn)行

修改完app.js之后，通過ant我們來運(yùn)行這個(gè)script。

在build.xml文件上點(diǎn)擊右鍵，選擇「DebugAs」>「2AntBuild...」

在表示出來的Ant的Task一覽中，我們選擇「clean」和「run」。

※如果只是選擇ruan的話，可能會(huì)殘留一些不必要的文件，從而引起編譯失敗，所以這里也先選上clean

然后按下「Debug」之后運(yùn)行，成功啟動(dòng)模擬器之后，就能看到一下的頁面了，綠色部分就是這回自定義的View。

這里只是說明了如果自定義一個(gè)View，其中***限度的省略了一些其他的代碼，如果大家要自定義View的話，應(yīng)該不會(huì)這個(gè)簡單，但是過程基本上是這樣的。