访问CommonJs模块中主视图内的子视图

时间:2013-07-12 12:07:46

标签: javascript titanium appcelerator commonjs

目前的情况:我构建了一个模块,其中包含一个包含按钮和两个视图的视图:

  function moreButtonView(){
var self=Ti.UI.createView({
    height:350,
    top:-322,
    width:Ti.UI.FILL

});
var info=Ti.UI.createView({
    height:322,
    width:Ti.UI.FILL,
    top:0,
    backgroundColor:'#bbbbbb'

});
var infoShadow=Ti.UI.createView({
    height:322,
    width:Ti.UI.FILL,
    top:3,
    backgroundColor:'#000000',
    opacity:0.3

});

var btn= Ti.UI.createButton({
    backgroundImage:'/images/controls/pulldown_btn.png',
    bottom:0,
    left:10,
    height:28,
    width:49
})
self.add(infoShadow);
self.add(info);

self.add(btn);

Ti.API.info('bg-pulldow= '+ self.getBackgroundImage());
return self;
}
module.exports=moreButtonView;

将其包含到app.js后,我向app.js添加了一个eventhandler,动画播放滑动或在该视图中。 现在,按下按钮,视图将变为动画并从顶部滑入。的工作原理。

但是如何才能访问'infoshadow'的不透明度?

我不是那么流利的javascript(还),如果有人可以向我解释它会很好。

谢谢,Jan

1 个答案:

答案 0 :(得分:1)

在你的commonjs模块中:

self.setShadowOpacity = function(opacity){
     infoShadow.opacity = opacity;
};
在您的app.js

instanceNameOfYourModule.setShadowOpacity(0.5);