Titanium中Android模块开发:自定义View模块

Porject做成

创新互联建站成都企业网站建设服务，提供成都网站制作、网站设计网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:18980820575

根据Titanium中Android模块开发指南的内容，大家应该能很容易的创建一个Module的模板工程。

引用

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

将做成好的模板工程导入到Eclipse中，Module的准备工作就算完成了。

Module做成

导入的模板工程的包目录下，有两个类文件：

ColoredviewModule.java

ExampleProxy.java

这样原封不动的也是没有问题的，但是我们看到类名中view的***字母小写了，不是很符合规范，所以我们使用重构功能将类名修改为：ColoredViewModule.java。使用Eclipse的重构功能的话，注解位置部分

Java代码

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

的name参数没有给重命名，所以这里需要手动修改。

还有就是类中不用的方法，注释等都删去，ExampleProxy.java也要重写做一个，所以也一并删去。

修改之后的ColoredViewModule.java的内容是一下这个样子的：

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，需要创建一个继承了TiUIView的类。

然后，自定义View的时候，还需要再TiUIView的子类中生成View实例，调用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做成

***，要做成一个能偶再Module中调用刚才做成的自定义View的Proxy类。

调用刚才做成的自定义View的Proxy类在做成的时候，需要继承TiViewProxy，然后，实现createView(Activityactivity)方法，将自定义View的实例类返回。

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;

}

}

在构造函数中，通过setBackgroundColor(Color.GREEN)的设置，View的背景色就被设置上了。

需要注意的地方是，再做成Proxy类的时候，需要像以下这个样子将注解的creatableInModule值设置成和Module名一样。

Java代码

@Kroll.proxy(creatableInModule=ColoredViewModule.class)

确认动作的Script做成

做好了Module之后，我们需要确认以下该Module是否能正常的运行，是否能达到我们需要的效果。

在确认Module的效果前，我们需要将Module集成到我们的Titanium当中来，使用example文件夹下的app.js就能确认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经由Proxy调用自定义View时，并不是直接的调用Proxy的createView方法，而是向上面代码这样：

create+Proxy名（去除Proxy）

确认动作的Script的运行

修改完app.js之后，通过ant我们来运行这个script。

在build.xml文件上点击右键，选择「DebugAs」>「2AntBuild...」

在表示出来的Ant的Task一览中，我们选择「clean」和「run」。

※如果只是选择ruan的话，可能会残留一些不必要的文件，从而引起编译失败，所以这里也先选上clean

然后按下「Debug」之后运行，成功启动模拟器之后，就能看到一下的页面了，绿色部分就是这回自定义的View。

这里只是说明了如果自定义一个View，其中***限度的省略了一些其他的代码，如果大家要自定义View的话，应该不会这个简单，但是过程基本上是这样的。

网站标题：Titanium中Android模块开发:自定义View模块
转载来于：http://www.csdahua.cn/qtweb/news1/275651.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网