Titanium中Android模塊開發(fā):自定義View模塊
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è)簡(jiǎn)單，但是過程基本上是這樣的。
